OCVTS 2006 - Computer Science

Marking Period 2

Instructions

Click on the date to open the details.
Click date again to close the details.

Random (Mostly) Web Design Web Sites:

Day

Date

Discussion

11/13/06

Monday - Math & Introduction to JavaScript Programming & Macromedia Flash Training

Classroom Discussion -
1. Money Skills - Living on your Own
2. Introduction to Programming from ScotlandSoftware
3. w3schools Introduction to JavaScript sections "home" & "introduction"
4. I've put some good links to JavaScript programming on the References page
Lab Assignment - ** All JavaScript assignments go into the "H:/JavaScript" folder **
1. Create a "Hello World" web page using HTML & JavaScript:
  1. Create a folder "H:/JavaScript/helloWorld"
  2. Refer to the w3schools page for help
  3. Create a web page "helloWorld.htm" in folder "H:/JavaScript/helloWorld"
  4. Use JavaScript to write "Hello World!":
```
<script language="javascript">
document.write("Hello World");
</script>
```
  5. Test the page; make it work before continuing
  6. Modify the "helloWorld.htm" web page. Use JavaScript to control the text formatting:
    1. Use JavaScript to add your name, bolded:
```
<script language="javascript">
document.write("<b>John Doe</b>");
</script>
```
    2. Use JavaScript to add your email, italicized:
```
<script language="javascript">
document.write("<i>jDoe@yahoo.com</i>");
</script>
```
    3. Use JavaScript to add your AIM screen name, change the color using styles:
```
<script language="javascript">
document.write("<font style='color:orange'>John Doe</font>");
</script>
```
    4. Use JavaScript to add a link to your "myFavorites" page, make the link work:
```
<script language="javascript">
document.write("<a href='../HTML-css##/myFavorites/index.htm' target='_blank'>John Doe</a>");
</script>
```
      - The ".." goes up one level, from "JavaScript" to "H:/"
      - The "/HTML-css##" opens the folder (use your css## number)
      - The "myFavorites" opens the folder
      - The "index.htm" opens the web page
  7. Test the page; make it work; make it look good
  8. Copy the web page to "toBeGraded-css##" for me to grade
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully
  5. Don't skip any steps
  6. Green arrows on bottom control Forward & Back
  7. Use ALT-TAB to switch beteen Macromedia Flash & LJ Training

11/14/06

Tuesday - Science & JavaScript Programming & Macromedia Flash Training

Classroom Discussion -
1. How Tunnels Work
2. w3schools Introduction to JavaScript sections "how to" & "where to"
3. Coin70 JavaScript check out the appendices
Lab Assignment - ** All JavaScript assignments go into the "H:/JavaScript" folder **

Modify "Kelsey's Diner" to use JavaScript to display the current date:
1. Mr. Kelsey wants to upgrade his web page to display the current date & time
2. Copy one of your "Kelsey's Diner" folders to "H:/JavaScript/kelseys"
3. Add a JavaScript function to display the current date & time on the main page somewhere near the hours that the food is served
4. Use the w3schools JavaScript Date Object page for a guide
5. Test the page; make it work; make it look good
6. Copy the web page to "toBeGraded-css##" for me to grade
Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
2. Locate & double-click the shortcut icon for LJ Launcher
3. Load Assignment icon on bottom
4. Follow instructions carefully
5. Don't skip any steps
6. Green arrows on bottom control Forward & Back
7. Use ALT-TAB to switch beteen Macromedia Flash & LJ Training

11/15/06

Wednesday - More Math & JavaScript Variables & Macromedia Flash Training

Classroom Discussion -
1. Math - Cash Register Math - on the black board
2. JavaScript Variables from w3schools.com
3. JavaScript variables, from webmonkey
Lab Assignment - ** All JavaScript assignments go into the "H:/JavaScript" folder **
1. Create a new web page to simulate a cash register:
  1. John Adams has a small corner store & wants a web-based cash register
  2. Create a folder "H:/JavaScript/cashRegister"
  3. Make a web page "index.htm"
  4. At Adam's Store, you purchase the following items:
    - Bananas, 1 pound, $1.00
    - Cheese, 1 package, $2.00
    - Dough, for pie, 1 box, $3.00
    - Eggs, 3 dozen, $4.00
    - Fruit, $5.00
  5. Use JavaScript to add up all the items; keep a "running total"
  6. Display (on the web page) a list of all purchases with all prices
  7. Display the total price
  8. Test the page; make it work; make it look good
  9. Copy the web page to "toBeGraded-css##" for me to grade
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully
  5. Don't skip any steps
  6. Green arrows on bottom control Forward & Back
  7. Use ALT-TAB to switch beteen Macromedia Flash & LJ Training

11/16/06

Thursday - English & JavaScript Variables & Macromedia Flash Training

Classroom Discussion -
1. English - Ms. Gerrick will visit to discuss Job Applications
2. JavaScript Variables from w3schools.com
3. JavaScript variables, from webmonkey
Lab Assignment - ** All JavaScript assignments go into the "H:/JavaScript" folder **
1. Modify the web page to allow the cashier to enter prices of items purchased on the cash register:
  1. John Adams wants the cashier to be able to change some prices
  2. Open the web page "H:/JavaScript/cashRegister/index.htm"
  3. For each of the items purchased, prompt the cashier for the price:
```
<script language="javascript">
item = "Banana";
price = prompt("Enter Price for " & item);
</script>
```
    Repeat for each of Cheese, Dough, Eggs, Fruit
  4. Test the page; make it work; make it look good
  5. Copy the web page to "toBeGraded-css##" for me to grade
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully
  5. Don't skip any steps
  6. Green arrows on bottom control Forward & Back
  7. Use ALT-TAB to switch beteen Macromedia Flash & LJ Training

11/17/06

Friday - English & JavaScript Operators & Macromedia Flash Training

Classroom Discussion -
1. SkillsUSA PDP - National & State web sites
2. JavaScript Operators
  - Arithmetic Operators ( + add, - subtract, * multiply, / divide, % modulus, ++ increment, -- decrement)
  - Assignment Operators (= assign, += add assign, -= subtract assign, *= multiply assign, /= divide assign, %= modulus assign)
  - Comparison Operators (== equals, != not equal, > greater than, < less than, >= greater than or equals, <= less than or equals)
  - Logical Operators (&& and, || or, ! not)
  - String Operator (+ string together)
3. JavaScript variables, from webmonkey
Lab Assignment - ** All JavaScript assignments go into the "H:/JavaScript" folder **
1. Modify the web page to allow the cashier to enter prices of items purchased on the cash register:
  1. John Adams wants the cashier to be able to change the item names
  2. Open the web page "H:/JavaScript/cashRegister/index.htm"
  3. For each of the items purchased, prompt the cashier for the price:
```
<script language="javascript">
item = prompt("Enter Item Name);
price = prompt("Enter Price for " & item);
</script>
```
    Repeat for each of Cheese, Dough, Eggs, Fruit
  4. Test the page; make it work; make it look good
  5. Copy the web page to "toBeGraded-css##" for me to grade
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully
  5. Don't skip any steps
  6. Green arrows on bottom control Forward & Back
  7. Use ALT-TAB to switch beteen Macromedia Flash & LJ Training

11/20/06

Monday - Salary Survey & JavaScript Decisions & Macromedia Flash Training

Classroom Discussion -
1. Salary Survey 2006: Hot Skills, Hot Pay
2. Order of Precedence / PEMDAS mathIsFun.com
3. JavaScript "Prompt" & "Alert" from w3schools.com
4. There are 3 types of program statements, with which we can write programs to solve any problem. Click inside each textbox:
  1) 2) 3)
5. JavaScript Decisions, from w3schools.com
  1. if
  2. if else
  3. switch case
Lab Assignment -
1. Create an online Job Application Form for Ms. Gerrick to use with all of her classes:
  1. Create a new web page "jobApplication.htm"
  2. Use Macromedia Dreamweaver or Notepad to edit the web page
  3. Add a form named "myForm"
  4. Consider: What type of form elements will you use?
    - If the user must enter data?
    - If the user must choose True or False?
    - If the user can select between several options?
    - When the user has to declare something done?
  5. Create a name for every form element
  6. Add form elements to mimic the paper job application we completed last week:
    - Personal Information:
      - First Name
      - Last Name
      - Street Address
      - City
      - State
      - Zip Code
      - Telephone
      - E-Mail
    - Position Information:
      - Position Desired
      - Date You Can Start
      - Salary Desired
      - Referred By
      - Have You Applied Here Before?
      - Are You Currently Employed?
      - May We Contact Your Current Employer?
    - Education - three different schools: High School, College, Trade School:
      - Name
      - Address
      - Did You Graduate?
      - Date of Graduation
      - Course of Study
    - Work Experience - four different companies:
      - Address
      - Supervisor Name
      - Start Date (MM/YYYY)
      - End Date (MM/YYYY)
      - Highest Salary
      - Position
      - Description of Duties
      - Why Did You Leave?
    - Veteran Status:
      - Branch of Service
      - Start Date (MM/YYYY)
      - End Date (MM/YYYY)
    - Other:
      - List any Special Skills or Training
    - References - three:
      - Name
      - Address
      - Phone
      - E-Mail
      - Relationship
    - Verification:
      - All Facts Stated are True
      - Signature Implies Permission to Check
      - Check Here to Agree
      - Your Name in this Textbox Represents Your Signature
      - Today's Date (MM/DD/YYYY)
  7. Add Submit & Reset buttons
  8. Make the form look good
  9. Test frequently
  10. Save frequently
  11. Copy to your "H:/JavaScript" & "H:/toBeGraded" folders
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully
  5. Don't skip any steps
  6. Green arrows on bottom control Forward & Back
  7. Use ALT-TAB to switch beteen Macromedia Flash & LJ Training

11/21/06

Tuesday - JavaScript Decisions, cont'd & Macromedia Flash Training

Classroom Discussion -
1. Notes:
  - Absent notes to Mr. Clarke not front office secretary
  - Ask before using the washroom - sign out & back in
  - Remove hats & hoods upon entering the building
2. JavaScript Decisions, cont'd, from w3schools.com
  1. if
  2. if else
  3. switch case
3. Nested if statements
Lab Assignment -
1. Modify the "JobApplication" to verify that all required fields are completed:
  1. You may start with the code I've developed - copy from "Q:/webDesign/jobApplication/jobApplicationCopy.htm"
  2. Open "jobApplication.htm" or "jobApplicationCopy.htm"
  3. The form is called "myForm"
  4. The input fields are as you named them - I'll tell you what I've named them, you use your own names
  5. The "focus()" method moves the cursor to where you want the user to type
  6. Add a script tag to the <head> section
```
<script language="javascript">
// put all of your JavaScript code below this line

// put all of your JavaScript code above this line
</script>
```
  7. Create a function "putDate()" to put today's date into the field named "today":
```
function putDate()
{	// put all of your code below the open curly brace
	var d=new Date();
	var month=d.getMonth();
	if(month<10) { month="0"+month; }
	var day=d.getDate();
	if(day<10) { day="0"+day; }
	var year=d.getFullYear();
	var dd=month+"/"+day+"/"+year;
	document.myForm.today.value=dd;
}	// put all of your code above the close curly brace
```
  8. Create a function "checkFields()":
```
function checkFields()
{	// put all of your code below the open curly brace

}	// put all of your code above the close curly brace
```
  9. Call function "putDate()":
```
putDate();
```
  10. If the first name field is called "fName", write code to check that that the first name field is not empty:
```
if(document.myForm.fName.value=="") { alert("Enter First Name"); document.myForm.fName.focus(); }
```
  11. If the last name field is called "lName", write code to check that that the first name field is not empty:
```
else if(document.myForm.lName.value=="") { alert("Enter Last Name"); document.myForm.lName.focus(); }
```
  12. Continue for all text input fields in the "Personal" section ("street", "city", "phone", "eMail")
  13. What about "State" ask you? State is a "select" element & the first "Choose State" is value "ZZ" - check it this way:
```
else if(document.myForm.state.value=="ZZ") { alert("Please Choose State"); document.myForm.state.focus(); }
```
  14. Change the "Submit" input button to a "Button" input button
  15. Add an attribute "onClick=checkFields()" to the Submit button
  16. Test frequently
  17. Save frequently
  18. Copy to your "H:/JavaScript" & "H:/toBeGraded" folders
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully
  5. Don't skip any steps
  6. Green arrows on bottom control Forward & Back
  7. Use ALT-TAB to switch beteen Macromedia Flash & LJ Training

11/22/06

Wednesday - JavaScript Decisions, cont'd & Macromedia Flash Training

Classroom Discussion -
1. Notes:
  - Absent notes to Mr. Clarke not front office secretary
  - Ask before using the washroom - sign out & back in
  - Remove hats & hoods upon entering the building
2. How Thanksgiving Works
3. How Pop-Up Timers Work
4. Is There Something in Turkey that Makes you Sleepy?
5. JavaScript Decisions, cont'd, from w3schools.com
  1. if
  2. if else
  3. switch case
Lab Assignment -
1. JavaScript Review from w3schools.com
2. JavaScript Quiz 1 - Print for your records (in case the database fails)
3. Modify the "JobApplication" to create an e-mail with all fields:
  1. Open "jobApplication.htm"
  2. Add an "else" section with code to the bottom of where you check that all mandatory fields are completed
```
else { 
	alert("All Fields Completed -- Sending E-Mail"); 
	var myTo="mailto:mclarke@mail.ocvts.org";
	var mySubject="?Subject=OCVTS Demo Online Job Application";
	var myBody="&Body=";
	myBody=myBody+"~~fName="+document.myForm.fName.value;
	myBody=myBody+"~~lName="+document.myForm.lName.value;
	myBody=myBody+"~~street="+document.myForm.street.value;
	myBody=myBody+"~~city="+document.myForm.city.value;
	myBody=myBody+"~~state="+document.myForm.state.value;
	myBody=myBody+"~~zip="+document.myForm.zip.value;
	myBody=myBody+"~~phone="+document.myForm.phone.value;
	var myAction = myTo + mySubject + myBody;
	document.myForm.action=myAction;
	document.myForm.submit();
	}
```
  3. How's that work?:
    - Tell the user that all mandatory fields are completed
    - Create a variable "myTo" & assign the e-mail address
    - Create a variable "mySubject" & assign the subject
    - Create a variable "myBody" & assign the body
    - Concatenate variable names & values to the variable "myBody"
    - Create a variable "myAction" & concatenate "myTo" & "mySubject" & "myBody"
    - Assign the variable "myAction" to the action of the form on the document
    - Allow JavaScript to "submit()" the form on the document
    - This will create an e-mail with the to, subject, & body of the message completely filled out -- all the user has to do is send the e-mail
  4. Test frequently
  5. Save frequently
  6. Copy to your "H:/JavaScript" & "H:/toBeGraded" folders
4. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully
  5. Don't skip any steps
  6. Green arrows on bottom control Forward & Back
  7. Use ALT-TAB to switch beteen Macromedia Flash & LJ Training

11/23/06

Thursday - No School - Thanksgiving Day Holiday

11/24/06

Friday - No School - Thanksgiving Day After Holiday

11/25/06

Saturday - Mr. Clarke's 52nd Birthday

11/27/06

Monday - Math & JavaScript Decisions & Macromedia Flash Training

MR CLARKE OUT SICK - WORK IS DUE:
- Read web page about "Buying a Home"
- View PowerPoint presentation "The Six Programming Steps
- Review JavaScript Decisions
- Create a web page "salary.htm"
- Flash training program will not work because my PC is not signed on
Classroom Discussion -
1. Money Skills - Buying a Home
2. The Six Programming Steps
3. Review JavaScript Decisions, from w3schools.com
Lab Assignment -
1. Reminder - Students absent for any reason are responsible to complete any lab work missed, check to see what you've missed
2. Create a web page "salary.htm" using JavaScript to calculate an employee's salary:
  1. Definitions:
    - Employee Name - the name the employee is known by
    - Pay Rate - the hourly salary the employee earns when working
    - Hours Worked - the number of hours the employee works in a week
    - Gross Pay - total pay before deductions, the product of pay rate & hours worked
    - Deductions - any taxes & deductions held back, usually about 20% of gross pay
    - Net Pay - total pay after deductions, the difference between gross pay & deductions
  2. Our store owner, Adam, has three employees: Beth, Chad, & Dani, & wants a web page to calculate their pay
  3. Ask the user for one employee's name, one hourly pay rate, & one hours worked
  4. Save the data the user enters in variables - pick good names when you declare the variables
  5. Remember: the text "5.15" is NOT the same as the number 5.15, use the "parseFloat("5.15") to change text to number, saving the result in another variable
  6. Calculate the gross pay, deductions, & net pay
  7. Display ALL data back to the user using "document.write()"
  8. Make it work
  9. To process more than one employee, refresh the page
  10. Test with this data:
    
    Employee Name Hours Worked Pay Rate Gross Pay Deductions Net Pay
    
    Beth 30 10 300 60 240
    
    Chad 40 10 400 80 320
    
    Dani 50 10 500 100 400
  11. Make it look good
  12. Save to "myDocuments", copy to "H:/javaScript/" & "H:/toBeGraded/" folders
3. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully
  5. Don't skip any steps
  6. Green arrows on bottom control Forward & Back
  7. Use ALT-TAB to switch beteen Macromedia Flash & LJ Training

11/28/06

Tuesday - Vocabulary & JavaScript Decisions & Macromedia Flash Training

Classroom Discussion -
1. How to Choose a Programming Language
2. Review JavaScript Decisions, from w3schools.com

Lab Assignment -

Modity "salary.htm" to calculate overtime pay:

Definitions:

Normaltime - up to & including 40 hours in a week
Overtime - 1.5 times normal pay for any hours over 40
Doubletime - 2 times normal pay for any hours over 60

There are two ways to calculate overtime. Both result in the same answer. Choose one:

Method 1	(hoursWorked * payRate) + ((hoursWorked - 40) * payRate * .5)
Method 2	(40 * payRate) + ((hoursWorked - 40) * payRate * 1.5)

The computer must make a decision: If the employee has worked more than 40 hours in a week, calculate overtime, otherwise just calculate normal time:
Test using the same hours worked from yesterday
Beth will gross $300, pay taxes of $60, & net $240
Chad will gross $400, pay taxes of $80, & net $320
Dani should gross $550 ($500 normal pay plus $50 overtime pay), pay taxes of $110, & net $440
Make it work
To process more than one employee, refresh the page
Make it look good
Save to "myDocuments", copy to "H:/javaScript/" & "H:/toBeGraded/" folders

Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
2. Locate & double-click the shortcut icon for LJ Launcher
3. Load Assignment icon on bottom
4. Follow instructions carefully
5. Don't skip any steps
6. Green arrows on bottom control Forward & Back
7. Use ALT-TAB to switch beteen Macromedia Flash & LJ Training

11/29/06

Wednesday - Career & JavaScript Decisions & Macromedia Flash Training

Classroom Discussion -
1. Career - Volunteering to gain experience points
2. How to Learn Programming
3. Review JavaScript Decisions, from w3schools.com
Lab Assignment -
2. Create a new webpage called "grades.htm" to convert from a number grade to a letter grade:
  1. Some wookie (rookie?) teacher, in a galaxy far, far away, wants a web page to change number grades to letter grades
  2. Prompt the user for a number input between 0 & 100
  3. Save the number in a variable, pick a good name
  4. Calculate a letter grade for students in Douglas Adam's School according to the following grading chart:
    90 - 100
    80 - 89
    70 - 79
    60 - 69
    0 - 59
  5. Test for many possibilities: (105, 100, 99, 95, 90, 89, 85, 75, 65, 55, 0, -5)
  6. Make it work
  7. To process more than one student grade, refresh the page
  8. Make it look good
  9. Save to "myDocuments", copy to "H:/javaScript/" & "H:/toBeGraded/" folders
3. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom

11/30/06

Thursday - Science & JavaScript Functions, cont's & Macromedia Flash Training

Classroom Discussion -
1. hmmm
2. Review JavaScript Decisions, from w3schools.com
3. Ms. Gerick & Online Job Application
Lab Assignment -
2. Okay, wookies, modify the "grades.htm" web page to include Grade Points:
  1. Definition - Grade Points - a number between 0 & 4 representing the letter grade:
    - 4 = "A"
    - 3 = "B"
    - 2 = "C"
    - 1 = "D"
    - 0 = "F"
  2. Open "grades.htm"
  3. Add any form elements needed to display the grade points
  4. Use "switch" to decide how many grade points to apply based on the letter grade received
  5. Display to the user
  6. Test for many possibilities: (105, 100, 99, 95, 90, 89, 85, 75, 65, 55, 0, -5)
  7. Make it work
  8. To process more than one student grade, refresh the page
  9. Make it look good
  10. Save to "myDocuments", copy to "H:/javaScript/" & "H:/toBeGraded/" folders
3. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully
  5. Don't skip any steps
  6. Green arrows on bottom control Forward & Back
  7. Use ALT-TAB to switch beteen Macromedia Flash & LJ Training

12/01/06

Friday - SkillsUSA/PDP & JavaScript Decisions & Macromedia Flash Training

Class Discussion -
2. Review JavaScript Decisions, from w3schools.com
Lab Assignment -
1. hmmm ... what to do, what to do?
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully
  5. Don't skip any steps
  6. Green arrows on bottom control Forward & Back
  7. Use ALT-TAB to switch beteen Macromedia Flash & LJ Training

12/04/06

Monday - English & JavaScript Functions & Macromedia Flash Training

Classroom Discussion -
1. English - Good to Know Computer Terms
2. Javascript Functions from w3schools.com
3. Functions:
  - Javascript in the <body> section executes when the page is loaded
  - To keep the browser from executing a script as soon as the page is loaded, you can write your script as a function
  - A function contains some code that will be executed only by an event or by a call to that function
  - You may call a function from anywhere within the page (or even from other pages if the function is embedded in an external .js file)
  - Functions are defined at the beginning of a page, in the <head> section
  - Functions may receive one or more values that get saved into variables listed inside the parenthesis
  - Functions may return a value, that is, provide an answer to the calling statement
4. Basic functions syntax, defined in the <head> section:
```
<script language="javascript">
function functionName() // note: no semi-colon, no variables to receive values
{
some code
}
</script>
```
5. Basic function call, in the <body> section:
```
<script language="javascript">
functionName(); // call a function with no values passed
</script>
```
6. Functions that receive values:
  1. declare variable names in the parenthesis
  2. total number of variables & values must match
  3. data types of variables & values must match
  4. order of variables & values must match
  5. variables in a function have "local scope"
  6. "local scope" variables are created when the function starts & are destroyed when the function ends
7. Syntax for a function that will receive values, define the function in the <head> section:
```
<script language="javascript">
function functionName(var1, var2) // note: no semi-colon, receive data into two variables
{
some code
}
</script>
```
8. Pass values to a function, in the <body> section:
```
<script language="javascript">
functionName("value1", value2); // call a function with two values passes
</script>
```
9. Functions that return a value may be used:
  1. on the right side of an assignment
  2. in a condition
  3. as an argument to another function
10. Sintax for a function that will return a value to the calling statement, define the function in the <head> section:
```
<script language="javascript">
function functionName(var1, var2) // note: no semi-colon, returns one value
{
some code using var1 & var2
return someValue;
}
</script>
```
11. Receive values to a function, in the <body> section:
```
<script language="javascript">
someVariable = functionName(); // call a function with a return, assign the single return value to a variable
</script>
```
12. Some internet tutorials covering functions:
Lab Assignment -
1. Create a new web page "giveChange" to calculate & display change denominations, how many 20's, 10's, 5's, 1's, quarters, dimes, nickels, pennies:
  1. The client wants a web page to show cashiers, when giving change, how many of what denomination paper money & coins to give as change
  2. Understand the problem
  3. Create a general solution
  4. Use Macromedia Dreamweaver or Microsoft Notepad to create a new web page "giveChange.htm"
  5. Receive the total amount due from the user
  6. Receive the amount tendered from the user
  7. Calculate & display the change due
  8. Test with $63.59 total amount due, $100.00 amount tendered, to get $36.41 change due
  9. Why did I choose $36.41 change due?
  10. Calculate & display how many 20 dollar bills?
  11. Calculate & display how many 10 dollar bills?
  12. Calculate & display how many 5 dollar bills?
  13. Calculate & display how many 1 dollar bills?
  14. Calculate & display how many quarters?
  15. Calculate & display how many dimes?
  16. Calculate & display how many nickels?
  17. Calculate & display how many pennies?
  18. Make it look good
  19. Copy to "H:\javascript"
  20. Copy to "H:\toBeGraded"
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom

12/05/06

Tuesday - Science & JavaScript Loops & Macromedia Flash Training

Classroom Discussion -
1. Science - How Spam Works
2. Definition:
  1. Sentinel - A symbol, mark, or other labeling device indicating the beginning or end of a unit of information
  2. Sentinel Value - In programming, a special value that is used to terminate a loop. The sentinel value typically is chosen so as to not be a legitimate data value that the loop will encounter & attempt to perform with. For example, in a loop algorithm that computes non-negative integers, the value “-1” can be set as the sentinel value as the computation will never encounter that value as a legitimate processing output
  3. Sentinel Variable - The variable that contains the sentinel value
3. Every loop has three parts:
  1. Start - the condition of the sentinel variable at the start of the loop
  2. Test - test the sentinel value against some stopping value, the loop will repeat when the condition is true
  3. Change - change the value of the sentinel so that, at some time, the test will become false & the loop will not repeat
4. Javascript Iteration - the for loop:
  1. Execute a block of code again if a condition is true
  2. The for loop is used when you know how many times you want to repeat
Lab Assignment -
1. Create a web page "stars" to draw shapes made out of stars using loops:
  1. Use loops to use single javascript statements to draw different shapes
  2. Understand the problem
  3. Create a general solution
  4. The different shapes include:
    - Draw a single line of stars
    - Draw a box
    - Draw a left-sided "right" triangle
    - Draw a right-sided "right" triangle
    - Draw an isosceles triangle
    - Draw a diamond
    - Draw a tree
  5. Let the user decide what shape to draw
  6. Let the user decide how many stars to use
  7. Draw the shape in a large textarea
  8. Make it work
  9. Make it look good
  10. Copy to "H:\javascript"
  11. Copy to "H:\toBeGraded"
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom

12/06/06

Wednesday - Career & JavaScript Loops & Macromedia Flash Training

Mr. Clarke out - review volunteering web site & work on the lab
Classroom Discussion -
1. Career - Volunteering to gain experience points
Lab Assignment -
1. Javascript - Create a small web site to ask the user for an ID & password:
  1. Problem: Customer wants a web site that will check a user's ID & password with an acceptable list
  2. General Solution: Create a page page site named "IDCheck.htm":
    - Allow the user to enter an ID & password then check user entry against a list for validity. If user ID & password are valid then display page 2, else display page 3
    - Display a welcome message
    - Display a "not a member" message
  3. Specific Solution: Mostly up to you - here are some ideas:
    - Use input text boxes to let the user enter ID & password
    - Use a button button as the event that lets the user check ID & password
    - Use a textarea to display the welcome or "not a member" message
    - Name the boxes, button, & textarea correctly
    - Write an "onClick=functionName()" into the button button
    - Write a javascript function into the <head> section to do the work after the user clicks the button
    - Make sure the function names match - javascript is case sensitive - "myForm" doesn't match "myform"
    - In the function:
    - Use an "if" statement to make sure that the ID box has a value in it
    - Use an "else if" statement to make sure that the password box has a value in it
    - Use an "else {" statement to perform the rest of the work after checking that ID & password boxes have values in them
    - Check for one ID - make it up - for example "Target"
    - Check for one password - make it up - for example "1234"
    - Use an "if" statement to check that ID matches some made up ID, like "Target" & that password matches some made up password, like "1234". Here's an example:
```
if(userID == "Target" && password == "1234") {
	code if true both match }
else {
	code if false one or both don't match }
```
    - If they both match, display a welcome message in the textarea
    - Otherwise use an "else" statement to display a "not a member" message in the textarea
    - Use past work for ideas & to check javascript syntax
    - Make it work
    - Make it look good
    - Copy to "H:\javascript"
    - Copy to "H:\toBeGraded"
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom

12/07/06

Thursday - Math & JavaScript Loops & Macromedia Flash Training

Classroom Discussion -
1. Ms. Verde & Random Numbers
2. Javascript Loops - Break & Continue:
  1. Break will break the loop & continue executing the code that follows after the loop
  2. Continue will break the current loop & continue the loop with the next value in the loop
3. Review definitions & STC from Tuesday
Lab Assignment -
1. Start thinking about next week's Holiday project, a multi-page website with loads of information & pictures about the coming holiday season. On Monday you will complete & submit a project proposal along the lines of Wilson Internet Website Planning Worksheet. Purpose, Organization, Graphics, Colors, Navigation, Page Elements, & (Photos, Graphics, Animations, Sound, & Video)
2. Modify web page "grades" to include multiple classes & grades:
  1. Make it work
  2. Make it look good
  3. Copy to "H:\javascript"
  4. Copy to "H:\toBeGraded"
3. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom

12/08/06

Friday - SkillsUSA & JavaScript Loops & Macromedia Flash Training

Classroom Discussion -
1. SkillsUSA:
  - National SkillsUSA
  - New Jersey SkillsUSA
2. Engrish - Anagrams - A word or phrase formed by reordering the letters of another word or phrase:
3. And if those listed above don't work, try these (courtesy of PBBT.com):
4. Review:
  - Javascript Functions from w3schools.com
  - Javascript Iteration - the for loop:
  - Javascript Iteration - the while loop:
  - Javascript Loops - Break & Continue:
Lab Assignment -
1. Complete any incomplete assignments
2. Continue thinking about next week's Holiday project, a multi-page website with loads of information & pictures about the coming holiday season. On Monday you will complete & submit a project proposal along the lines of Wilson Internet Website Planning Worksheet. Purpose, Organization, Graphics, Colors, Navigation, Page Elements, & (Photos, Graphics, Animations, Sound, & Video)
3. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom

12/11/06

Monday - Flowchart & Holiday Web Site Project & Macromedia Flash Training

Mr. Clarke out - do the work assigned below
Morning Announcements Schedule:
1. Monday - Andrew Van Arsdale
2. Tuesday - Carlos Clancy
3. Wednesday - Jon Gery
4. Thursday - George Ajam
5. Friday - Justin Sackman
Classroom Discussion -
1. Web design tools - flowchart:
  - Definition: a graphic representation, using symbols interconnected with lines, of the successive steps in a procedure or system
  - Sauk Valley Community College - Intro to Web Page Design - page 19/20 shows a web site flowchart
  - eternityWebDev.com - web site flowchart example
  - ryerson.ca - flowchart example
  - usf.edu - design ideas including flowchart & storyboard
  - classicCreationsDesign.com - example on page 1
Lab Assignment -
1. JavaScript Quiz 2 - Print for your records (in case the database fails)
2. Complete on-line then print & hand-in my Web Site Planning Form. I will grade & return them
3. Using (pen or pencil) & paper, draw a flowchart of your planned web site showing the pages you will be designing & how they will link together, kind of like the example above
4. Begin design of a Holiday WebSite worth 500pts (five day lab) to be completed by Friday & reviewed in class next week
  1. Define the objective of your site by completing the web site planning form listed above. Defining your goals will help shape the design & functionality
  2. Make a list of features you want on the site - make your site distinctive & unique
  3. Think about content - what you want to communicate to visitors
  4. Assemble site content - gather together any text, graphics, or other materials you want & put everything in the same folder
  5. Research the competition - perform searches for similar websites
  6. Make it look good
  7. Use some JavaScript techniques, for instance, consider:
    - Get & display the user name
    - Display the current date
    - Display how many days until some other date
    - Ask the user what he/she likes
  8. Test (preview) your web page frequently
  9. Save your file frequently
  10. You have five days to finish this assignment. Do your best, take your time, but DON'T DAWDLE
  11. Definition: Dawdle - to waste time; idle; trifle; loiter; to move slowly, languidly, or dilatorily; saunter
  12. Next week we will evaluate each other's websites
5. Check your grades & complete any incomplete labs, quizzes, worksheets
6. Think of some simple games that you want to try & design for web pages next week (give me a couple of days to see if I can make them work) MClarke@mail.ocvts.org
7. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom

12/12/06

Tuesday - Storyboard & Holiday Web Site Project & Macromedia Flash Training

Morning Announcements Schedule:
1. Monday - Andrew Van Arsdale
2. Tuesday - Carlos Clancy
3. Wednesday - Jon Gery
4. Thursday - George Ajam
5. Friday - Justin Sackman
Asbury Park Press video - Ocean County College Tech Prep Robotics Competition
Classroom Discussion -
1. Web design tools - storyboard:
  - Definition: a screen-by-screen plan for presenting & organizing the content of your web site
  - "If you can board, you should... Storyboarding is critical to all the movies I've done. It's the best way to get ideas across to everyohne from studio heads to the production team. You are literally working out what you can do." - Ridley Scott
  - amaCord.com - quick & simple & consise
  - Storyboard tutorial - with images
  - conquerorWebDesign.com - steps for storyboarding
  - proWebSiteManagement.com - storyboard incredible benefits
  - e-articles.info - how to storyboard your web site
  - nortelLearnIt.org - printable storyboard in Word format
Lab Assignment -
1. 4 more days to work on your holiday web site - due Friday
2. Check your grades & complete any incomplete labs, quizzes, worksheets
3. Think of some simple games that you want to try & design for web pages next week (give me a couple of days to see if I can make them work) MClarke@mail.ocvts.org
4. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom

12/13/06

Wednesday - Links & Holiday Web Site Project & Macromedia Flash Training

Morning Announcements Schedule:
1. Monday - Andrew Van Arsdale
2. Tuesday - Carlos Clancy
3. Wednesday - Jon Gery
4. Thursday - George Ajam
5. Friday - Justin Sackman
Asbury Park Press video - Ocean County College Tech Prep Robotics Competition
Classroom Discussion -
1. Web design tools - links:
  - Definition: A segment of text or a graphical item that serves as a cross-reference between parts of a webpage or other hypertext documents or between webpages or other hypertext documents
  - w3schools.com - HTML links
  - w3schools.com - the <a> tag
  - w3schools.com - image maps
  - w3schools.com - a simple [back] button
  - w3schools.com - a simple [forward] button
  - -
Lab Assignment -
1. 3 more days to work on your holiday web site - due Friday
2. Check your grades & complete any incomplete labs, quizzes, worksheets
3. Think of some simple games that you want to try & design for web pages next week (give me a couple of days to see if I can make them work) MClarke@mail.ocvts.org
4. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom

12/14/06

Thursday - English & Holiday Web Site Project & Macromedia Flash Training

Morning Announcements Schedule:
1. Monday - Andrew Van Arsdale
2. Tuesday - Carlos Clancy
3. Wednesday - Jon Gery
4. Thursday - George Ajam
5. Friday - Justin Sackman
Asbury Park Press video - Ocean County College Tech Prep Robotics Competition
Classroom Discussion -
1. English - Ms. Gerrick will visit to discuss personal statement essays - required by many colleges
Lab Assignment -
1. 2 more days to work on your holiday web site - due tomorrow
2. Check your grades & complete any incomplete labs, quizzes, worksheets
3. Think of some simple games that you want to try & design for web pages next week (give me a couple of days to see if I can make them work) MClarke@mail.ocvts.org
4. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom

12/15/06

Friday - SkillsUSA/PDP & Holiday Web Site Project & Macromedia Flash Training

Morning Announcements Schedule:
1. Monday - Andrew Van Arsdale
2. Tuesday - Carlos Clancy
3. Wednesday - Jon Gery
4. Thursday - George Ajam
5. Friday - Justin Sackman
Asbury Park Press video - Ocean County College Tech Prep Robotics Competition
Still Photos - Ocean County College Tech Prep Robotics Competition
Classroom Discussion -
1. SkillsUSA:
  - National SkillsUSA
  - National Contest - Web Design - The 2007 project is for each team to build a complete working web site for an educational institution, with a focus on web site usability & accessibility
  - National Web Design Contest Rules
  - New Jersey SkillsUSA
  - NJ Web Design Contest Rules
2. NJIT Web Design Competition
3. NJIT High School Programming Contest
Lab Assignment -
1. Last day to finish work on your holiday web site
2. Check your grades & complete any incomplete labs, quizzes, worksheets
3. Think of some simple games that you want to try & design for web pages next week (give me a couple of days to see if I can make them work) MClarke@mail.ocvts.org
4. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom

12/18/06

Monday - Math & JavaScript Game "Magic 8 Ball" & Review Last Week's Holiday Pages & Macromedia Flash Training

Classroom Discussion -
1. Pseudo-Random Numbers:
  - Definition: Random Number: a number chosen by a random sampling, as from a table (random number table) or generated by a computer
  - Definition: Random: characterizing a process of selection in which each item of a set has an equal probability of being chosen
  - Definition: Pseudo: almost, approaching, or trying to be
  - Definition: Pseudo-Random Number: wikipedia.org
2. General syntax of a random number statement:
```
rand equals randomNumber(seed) times (end number minus start number) plus start number;
```
3. Javascript syntax of a random number statement using the "Math.random()" function:
```
rand = (Math.random(seed) * (endNum - startNum)) + startNum;
```
4. To strip away the decimal portion of a random number, use the "Math.round()" function:
```
rand = (Math.random(seed) * (endNum - startNum)) + startNum;
```
5. Javascript:
Lab Assignment - Four days; four games; one per day:
1. On-screen practice with JavaScript pseudo-random numbers:
  1. Create a web page called "randomDemo.htm" using JavaScript to generate & display a pseudo-random number
  2. Modify "random.htm" to generate & display 20 pseudo-random numbers
  3. Modify "random.htm" to generate & display 20 pseudo-random numbers between 0 & 1
  4. Modify "random.htm" to generate & display 20 pseudo-random numbers between 1 & 2
  5. Modify "random.htm" to generate & display 20 pseudo-random numbers between 1 & 10
  6. Modify "random.htm" to generate & display 20 pseudo-random numbers between 1 & 6
2. Create a web page "magic8Ball.htm" using JavaScript to simulate the game:
  1. How the game works:
    - The player asks a question by typing into a text box
    - The player clicks a button to get an answer
    - The computer picks a random between 1 & 8 to choose one of the eight possible answers
    - The computer display's the chosen answer
  2. Create the display:
    - Add a form named "myForm"
    - Create a table to organize your display
    - Add an input type text named "question"
    - Add an input type button with an onClick "display()"
    - Add an input type text named "output"
  3. Write the javascript:
    - Add the <script> tags
    - Write the function "shake()"
    - Add the code for geting a random number between 1 & 8
    - Make up eight different answers
    - Use a switch case decision sequence to decide which answer to display
    - Remember to use "break;" at the end of each "case:" line to prevent the cases from running together
    - Test
  4. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
3. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
4. Complete any incomplete assignments

12/19/06

Tuesday - Science & JavaScript Game "Coin Toss" & Review Last Week's Holiday Pages & Macromedia Flash Training

Classroom Discussion -
1. Science - How can a totally logical machine like a computer generate a random number? - from HowStuffWorks.com
2. Review Pseudo Random Numbers from Monday
Lab Assignment - Four days; four games; one per day:
1. Create a web page "coinToss.htm" using JavaScript to simulate the game:
  1. How the game works:
    - The player decides how many times to flip a single coin
    - The player clicks a button to start flipping
    - The computer picks a random between 0 & 1 to determine heads or tails
    - The computer counts how many heads & how many tails are flipped
    - The computer display's how many heads & how many tails were flipped
  2. Create the display:
    - Add a form named "myForm"
    - Create a table to organize your display
    - Add an input type text named "howMany"
    - Add an input type button with an onClick "toss()"
    - Add an input type text named "heads"
    - Add an input type text named "tails"
  3. Write the javascript:
    - Add the <script> tags
    - Write the function "toss()"
    - Create a variable for how many & get the integer value from the form text box - remember to parse it from a text to a number
    - Create variables for heads & tails, set each to initial value of zero
    - Create variables for random number, start number, end number, set each initial value
    - Create a loop for how many tosses:
      - Toss the coin once - get a random number between 0 & 1
      - If 0, increment the heads variable
      - Else, increment the tails variable
    - Display the resulting values of heads & tails to the form
    - Test
  4. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
3. Complete any incomplete assignments

12/20/06

Wednesday - JavaScript Game "Number Guess" & Review Last Week's Holiday Pages & Macromedia Flash Training

Classroom Discussion -
1. Review Pseudo Random Numbers from Monday
Lab Assignment - Four days; four games; one per day:
1. Create a web page "numberGuess.htm" using JavaScript to simulate the game:
  1. How the game works:
    - The computer chooses a number between 1 & 100, inclusive
    - The player has 7 chances to guess the computer number
    - The player enters 1 guess at a time & clicks a button
    - The computer tells the player if the guess it too high or too low
    - The player guesses another number
  2. Create the display:
    - Add a form named "myForm"
    - Create a table to organize your display
    - Add an input type text named "guess"
    - Add an input type button with an onClick "guesser()"
    - Add a textarea named "output"
  3. Write the javascript:
    - Add the <script> tags
    - Add the code to get a random number between 1 & 100
    - Create a variable for out, set to blank character using two double quotes: ""
    - Create variables for guess & guessNum, set each initial value to zero
    - Write the function "guesser()"
      - Increment guessNum
      - If guessNum is less than or equal to 7 process the guess, otherwise tell the player he's had too many guess & to reload the page to play again
      - Change the value of variable guess to parse the user input from the text box guess
      - If the player guess is greater than the random number, tell the player
      - If the player guess is less than the random number, tell the player
      - If the player guess is exactly the random number, tell the player
    - Test
  4. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
3. Complete any incomplete assignments

12/21/06

Thursday - Math & JavaScript Game "Tic Tac Toe" & Review Last Week's Holiday Pages & Macromedia Flash Training

Classroom Discussion -
1. Math - Ms. Verde with visit with snowflakes
2. Review Pseudo Random Numbers from Monday
Lab Assignment - Four days; four games; one per day:
1. Complete any incomplete assignments
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom

12/22/06

Friday - Network Lesson & Lab Last Week's Holiday Pages & Macromedia Flash Training

Classroom Discussion -
1. NJIT Web Design Teams:
2. A quick & simple introduction to networks:
  - General Network description
  - How Home Networks Work
  - comptechdoc.org - Network Layers
  - Wikipedia.org - OSI model
  - webopedia.com - OSI model
Lab Assignment -
1. Assemble a game network using xBox hardware
2. Test the assembled game network

12/25/06

Monday - No School - Winter Break

12/26/06

Tuesday - No School - Winter Break

12/27/06

Wednesday - No School - Winter Break

12/28/06

Thursday - No School - Winter Break

12/29/06

Friday - No School - Winter Break

01/01/07

Monday - No School - Winter Break - New Year's Day

01/02/07

Tuesday - JavaScript Game Dice & Macromedia Flash Training

Classroom Discussion -
1. Review CSS Styles from w3schools.com
Lab Assignment -
1. Create the start of a two-day lab called "dice" to allow the computer to simulate the rolling of one or more dice:
  1. Definitions:
    - Die or Dice: small cubes of plastic, ivory, bone, or wood, marked on each side with one to six spots, usually used in pairs in games of chance or in gambling
    - Polyhedral Dice: dice that are not just the regular spotted cubes we recognise as standard ordinary dice. They can come in many different shapes. Many Role Playing Games (RPGs) along the lines of Dungeons and Dragons use polyhedral dice that do not have six faces but instead may have 4, 8, 10, 20, 30, even 100s of faces with numbers, spots, words, or symbols
  2. How the game works:
    - The computer will simulate the rolling of one or moce dice
    - The player will decide how many sides on each die
    - The player will decide how many dice to roll
    - The player will decide when to roll
    - The computer will select random numbers
    - The computer will show which numbers were selected
    - The computer will total & display the numbers
  3. Create the display:
    - Use an input type text for the player to tell the computer how many sides on each die
    - Limit the number of sides on a die to between 4 & 10
    - Extra Credit if you use radio buttons instead of a text box
    - Use another input type text for the player to tell the computer how many dice to roll
    - Limit how many dice to between 1 & 4
    - Extra Credit if you use radio buttons instead of a text box
    - Use an input type button for the player to decide when to roll
    - Use a textarea to show which numbers were selected & the total
  4. Write the JavaScript code:
    - Set up the onClick
    - Create a function to roll the dice
    - Get how many sides on each die
    - Get how many dice
    - Loop for how many dice
    - Select a random number between 1 & how many sides
    - Display each random number selected
    - Keep a total of the random numbers selected
    - After the loop ends, display the total
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully

01/03/07

Wednesday - JavaScript Game Dice II & Macromedia Flash Training

Classroom Discussion -
1. How JavaScript changes images, an example, from w3schools.com
2. Review CSS Styles from w3schools.com
Lab Assignment -
1. 1. Definitions:
  2. How the game works:
    - Display images of between 1 & four dice, depending on how many dice the user wants
    - When the player rolls the dice, randomly change the images for 6 seconds
    - Display the final images of the selected random numbers
  3. Create the display:
    - Add to the web page program from Tuesday
    - Create a location to display the dice images
    - Locate dice images online or copy mine from the "Q:/webDesign" drive. I have 11 images named "d0.gif" through d10.gif"
    - Add the image to your HTML:
```
<img id="die1" src="d0.gif">
```
    - Add as many as needed
  4. Write the JavaScript code:
    - Pre-load the other images in the <head> section in the <script language-"javascript"> tag but before any functions:
```
die1= new Image();
die1.src="d1.gif";
```
    - Load as many as you need
    - Create a javascript function to draw dice:
```
function drawDice(i,r) { // 2 arguments: i is which die number, r is a random number
	document.getElementById('die' + i).src="d" + r + ".gif"; // get by id does not require a form name, changes the image to a new die number
}
```
    - After you get the random number, draw the correct die image:
```
drawDice(i,rN); // 2 arguments: i is the die number, rN is the random number
```
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully

01/04/07

Thursday - English & JavaScript Game Tic Tac Toe & Macromedia Flash Training

Classroom Discussion -
1. How JavaScript changes text, an example, from codeProject.com
2. How JavaScript changes images, an example, from w3schools.com
3. Review CSS Styles from w3schools.com
Lab Assignment -
1. Create a Tic Tac Toe game web page:
  1. Definitions:
    - Tic-tac-toe: a simple game in which one player marks down only X's and another only O's, each alternating in filling in any of the nine compartments of a figure formed by two vertical lines crossed by two horizontal lines, the winner being the first to fill in three marks in any horizontal, vertical, or diagonal row
  2. How the game works:
    - The game board consists of a three by three grid
    - Two players take turns marking either an "X" or an "O" into one of the unmarked grid spaces
    - One of the players wins by marking three in a row - horizontal, vertical, or diagonal
  3. Create the display:
    - Create the form
    - Create a 3 by 3 table to represent the game board
    - Set the width & height & border of each table detail using styles
    - Change the border of certain table details to make the game board look better
    - Place an image "spacer.gif" into each table detail
    - Change the size of each image to match the table detail height & width so the player will click on the image whenever he clicks on the game board
    - Name each image based on the position on the game board
    - Added an "onClick=play()" to each image
    - Pass the name of the image into the function "play()" by placing the name of the image inside the parenthesis, for example: onClick="play('topLeft')"
  4. Write the JavaScript code:
    - Create a function "play(box)" to work whenever a player clicks one of the images
    - The attribute variable "box" will hold the name of the image position that was clicked
    - Alert the variable "box" in order to check that each images is named correctly & runs the function "play()" correctly
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully

01/05/07

Friday - JavaScript Game Tic Tac Toe II & Macromedia Flash Training

Classroom Discussion -
1. How JavaScript changes button text, an example, from permadi.com
2. How JavaScript changes text, an example, from codeProject.com
3. How JavaScript changes images, an example, from w3schools.com
4. Review CSS Styles from w3schools.com

Lab Assignment -

Modify the Tic Tac Toe game page:

What we've done so far:

Create the form
Create a 3 by 3 table to represent the game board
Set the width & height & border of each table detail using styles
Change the border of certain table details to make the game board look better
Place an image "spacer.gif" into each table detail
Change the size of each image to match the table detail height & width so the player will click on the image whenever he clicks on the game board
Name each image based on the position on the game board
Added an "onClick=play()" to each image
Pass the name of the image into the function "play()" by placing the name of the image inside the parenthesis, for example: onClick="play('topLeft')"
Create a function "play(box)" to work whenever a player clicks one of the images
The attribute variable "box" will hold the name of the image position that was clicked
Alert the variable "box" in order to check that each images is named correctly & runs the function "play()" correctly

Modify the JavaScript code:
- Create a variable to remember which player plays next
- Player "X" plays first
- When a player plays, change the image, change which player plays next
- To change an image, change the source of the image name on the form name on the document:
```
document.myForm.topLeft.src="olet.gif"
```
- Check each play to determine if a player has won
- To determine if a player has won, a player must have three matching images in a row, column, or diagonal
- Compare two pairs of images for each possible winning direction
- The three matching images may not be the "spacer.gif" image
- If a player has won, declare which player has won & don't accept any more clicks
Finishing up:
- Make it work
- Make it look good
- Save to your "H:/Javascript/" folder
- Save a copy to your "H:/toBeGraded/" folder

Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
2. Locate & double-click the shortcut icon for LJ Launcher
3. Load Assignment icon on bottom
4. Follow instructions carefully

01/08/07

Monday - Javascript Browser Detection & E-Mail Validation & Macromedia Flash Training

Classroom Discussion -
1. Browser Detection from w3schools.com - The JavaScript Navigator object contains information about the visitor's browser
2. Data Validation from w3schools.com - JavaScript can be used to validate input data in HTML forms before sending off the content to a server
Lab Assignment -
1. Create a web page “detect” to determine & display what browser the user is using:
  1. Definitions:
    - Detect - discover or ascertain the existence, presence, or fact of
  2. How the program works:
    - When loaded, the page will display the current "appName", "appVersion", & whether "CookieEnabled" is true or false
  3. Create the display:
    - You may use simple "document.write()" statements
    - If you choose to display data into form elements, use correct names
  4. Write the JavaScript code:
    - Create the <script> tag
    - From the w3schools pages
    - Extra Credit ideas: Display more information about the browser
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Create a web page “validateEMail” to practice creating a form & validating the data the user enters:
  1. Definitions:
    - Validate - give official sanction, confirmation, or approval to
    - Valid - having a legitimate basis
    - E-Mail - 1) system of world-wide electronic communication in which a computer user can compose a message at one terminal that is generated at the recipient's terminal when he logs in; 2) a message sent by e-mail; 3) communicate electronically on the computer
  2. How the program works:
    - The user will enter data into an imput text box & click on a command button
    - The computer will determine if the data entered could be a valid e-mail address:
      1. The data must have an "@" character symbol
      2. The data must have one "." character symbol
      3. The "@" symbol must occur prior to one "." symbol
  3. Create the display:
    - Create a form object named "myForm"
    - Create a table with 2 rows & three columns
    - Create an input object type text named "eMail"
    - Create an input object type button labeled "Validate E-Mail"
    - Add an 'onClick="validate()"' to the button object
    - Create a textarea object named "output"
  4. Write the JavaScript code:
    - Create the <script> tag
    - Create the function "validate()"
    - Add a variable to hold the numerical position of any "@" symbol found
    - Add a variable to hold the numerical position of any "." symbol found after the "@" symbol
    - Compare the two numbers:
      1. If the "@" symbol is smaller than the "." symbol, display a validation message
      2. If the "@" symbol is greater than the "." symbol, display an invalid message
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
3. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully

01/09/07

Tuesday - Javascript Cookies & Macromedia Flash Training

Classroom Discussion -
1. Basic Cookies from Code_Punk
2. Cookies from w3schools.com - A cookie is often used to identify a user
3. A bunch of links from cookieCentral.com:
  - The Cookie Concept from cookieCentral.com - pieces of information generated by a Web server and stored in the user's computer, ready for future access
  - What are Cookies from cookieCentral.com - small piece of information sent by a web server to store on a web browser so it can later be read back from that browser
  - JavaScript Cookie Code from cookieCentral.com - demos of JavaScript cookies
  - The Dark Side from cookieCentral.com - cookies we don't know about
  - Cookies & Viruses from cookieCentral.com - what are the chances?
  - What Went Wrong? from cookieCentral.com - why were they developed in the first place?
Lab Assignment -
1. Create a web page “cookies” to create, store, & read a cookie:
  1. Definitions:
    - Cookie - collection of information, usually including a username and the current date and time, stored on the local computer of a person using the World Wide Web, used chiefly by websites to identify users who have previously registered or visited the site
  2. How the program works:
  3. Create the display:
    - None
  4. Write the JavaScript code:
    - Create the <script> tag
    - Copy from w3schools.com & modify
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully

01/10/07

Wednesday - Career & Javascript Events & Macromedia Flash Training

Classroom Discussion -
1. Career - Job Descriptions Bank - from infoTech.com
2. Career - jobInfo.ppt - PowerPoint presentation
3. Events from w3schools.com - actions that can be detected by JavaScript
Lab Assignment -
1. Create a web page “cookies” to create, store, & read a cookie:
  1. Definitions:
    - Event - significant occurrence or happening
  2. How the program works:
    - The user moves the mouse pointer around the screen over different objects & clicking & watching what happens
  3. Create the display:
    - Add an onLoad="sayHello()" to the <body> tag
    - Add an onUnload="sayGoodbye()" to the <body> tag
    - Create an input type text named "firstName"
    - Add an onFocus="tellUser('firstname')"
    - Add an onBlur="tellName()"
    - Create an input type button named "myButton" value "click here"
    - Add an onMouseOver="hideButton()"
    - Add an onMouseOut="showButton()"
    - Add an onClick="alert('some message here')"
    - Create a select object named "fruit"
    - Add an onChange="tellFruit()"
    - Add options for apples, bananas, & cherries
    - Close the select (requires a "</select>" tag)
  4. Write the JavaScript code:
    - Create the <script> tag
    - Create the function sayHello() to alert a hello message
    - Create the function sayGoodbye() to alert a goodbye message
    - Create the function tellUser(what) to alert "enter " + what + " here"
    - Create the function tellName() to alert "your first name is " + ...
    - Create the function hideButton() to change the button value, backgroundColor, color, fontWeight, fontSize, border
    - Create the function showButton() to restore the button value, backgroundColor, color, fontWeight, fontSize, border
    - Create the function tellFruit() to alert which fruit was selected
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully

01/11/07

Thursday - Javascript Errors "Try-Catch-Throw" & Macromedia Flash Training

Classroom Discussion -
1. devGuru.com - test a block of code for errors
2. techRepublic.com - tries to execute a block of code and pass to the catch block if it does not execute
3. morpheusWeb.it - fornisce degli strumenti per la gestione delle eccezioni
Lab Assignment -
1. Create a new web page "divideTryCatch.htm":
  1. Definitions:
  2. How the program works:
    - Purposely create coding errors: "aelrt('hello world')"
    - Try the code with errors
    - Catch the error so that the program continues running
    - Modify to read & divide two numbers but use try/catch to prevent the user from entering a zero for the denominator
  3. Create the display:
    - Add a command button value="sayHello" onClick="sH()">
    - Add a text box for numerator input
    - Add a text box for denominator input
    - Add a command button value="divide" onClick="divid()">
    - Add a text box for result output
  4. Write the JavaScript code:
    - Create the "<script>" section in the head
    - Add a function "sH()"
    - Add a try section
    - Add a syntax error "aelrt('Hello World')"
    - Add a catch section
    - Add an "alert('error encountered')"
    - Test
    - Add a function "divid()"
    - Create a variable to hold num1 data, remember to parse it
    - Create a variable to hold num2 data, remember to parse it
    - Add a try section
    - Test to see if the denominator num2 is equal to zero
    - Throw the error message "Cannot divide by zero"
    - Create a variable to hold num3 result of dividing num1 by num2
    - Display the num3 answer into text box num3
    - Add a catch section to catch the thrown error in a variable "err"
    - Add an "alert('error: ' + err)"
    - Test
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully

01/12/07

Friday - Javascript Errors "Try-Catch-Throw" & Macromedia Flash Training

Classroom Discussion -
Lab Assignment -
1. 1. Definitions:
  2. How the program works:
  3. Create the display:
  4. Write the JavaScript code:
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully

01/15/07

Monday - No School - Dr. Martin Luther King Day Holiday

01/16/07

Tuesday - JavaScript Objects: String & Macromedia Flash Training

Classroom Discussion -
1. w3schools.com - String Object
2. Mid Term Schedules
Lab Assignment -
1. Create a web page "howManyWords" to count how many words are in a user-entered paragraph:
  1. Definitions:
    - Gettysburg Address : A speech delivered by Abraham Lincoln during the Civil War. Lincoln was speaking at the dedication of a soldiers' cemetery at the site of the Battle of Gettysburg. The opening and closing lines are particularly memorable:
    - Note: Lincoln surprised his audience at Gettysburg with the brevity of his speech. He delivered the Gettysburg Address, which lasted about three minutes, after a two-hour speech by Edward Everett, one of the leading orators of the day.
  2. How the program works:
    - The user will type or paste a paragraph into a textarea
    - The user will click a command button to start
    - The paragraph will be loaded into a JavaScript string variable
    - The program will count & display the number characters in the string variable
    - The program will count & display the number words in the string variable
    - For Extra Credit: The program will count & display the number of characters that are not spaces or punctuation in the string variable
    - For Extra Credit: The program will count & display the number of sentances in the string variable
  3. Create the display:
    - Create a form & name it
    - Create a table
    - Create a textarea for input & name it
    - Create a command button to allow the user to control the event
    - Add a value & an onClick to the command button
    - Create a textarea for output & name it
  4. Write the JavaScript code:
    - Create variables & initial values for:
      - d = document.myForm; // variable to shortcut the document.myForm
      - str = d.input.value; // variable to hold the input
      - out = ""; // variable for formatting the output
      - hMC = 0; // variable to count how many characters
      - hMW = 0; // variable to count how many words
    - Only do work if the input textarea variable length is greater than zero
    - Otherwise tell the user the input textarea is empty & place the focus
    - Determine how many characters by getting the length of the input string variable
    - Create a for loop to look at each character
    - Use "how many characters" as the sentinel variable in your loops
    - If the character is a space, you've found a word, increment how many words
    - For Extra Credit: How will you determine when a character is not a space or punctuation?
    - For Extra Credit: How will you determine when you complete a sentence?
    - After the loop ends
    - Increment how many words because the last word does not have a space after it
    - Format your output variable to tell the user how many
    - Display output by changing the output textarea value
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully

01/17/07

Wednesday - JavaScript Objects: Date & Boolean & Macromedia Flash Training

Classroom Discussion -
1. w3schools.com - Date Object
2. w3schools.com - Boolean Object
3. Mid Term Schedules
Lab Assignment -
1. Create a web page "dateFinder" to calculate the number of days between today & some future date:
  1. Definitions:
    - Date: A string unique to a time duration of 24 hours between 2 successive midnights defined by the local time zone
    - Boolean: type of an expression with two possible values, "true" and "false"
  2. How the program works:
    - Accept a future date from the user
    - Display the number of days between today & the future date
  3. Create the display:
    - Create & name an input text box
    - Create a command button & add an onClick="calcDate()"
    - Create & name an output text box
  4. Write the JavaScript code:
    - Create a function calcDate()
    - Create a variable to hold the future date that the user enters
    - Create a variable with today's date
    - Create a variable with the difference between the two dates
    - The difference is represented in milliseconds
    - Create a variable "numDays" with the number of days
    - Determine the number of days by dividing the difference by 1000 x seconds per minute x minutes per hour x hours per day
    - Display the number of days to the user
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully

01/18/07

Thursday - JavaScript Objects: Math & Macromedia Flash Training

Classroom Discussion -
1. English - The Cover Letter
2. w3schools.com - Math Object
3. Mid Term Schedules
Lab Assignment -
1. Modify the web page "dateFinder" from yesterday to figure the difference between two dates:
  1. Definitions:
    - Absolute Value: value of a number without regard to its sign
  2. How the program works:
    - The number of days between 1/18/2007 & 1/19/2007 is always 1 whether you subtract 18 from 19 or 19 from 18
  3. Create the display:
    - The display needs no modification
  4. Write the JavaScript code:
    - Modify the "numDays" variable from yesterday using the "Math.abs()" function
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully

01/19/07

Friday - JavaScript Objects: Array & Macromedia Flash Training

Classroom Discussion -
1. w3schools.com - Array Object
2. Mid Term Schedules
Lab Assignment -
1. End of Marking Period Projects - Create a web page "leetChanger" to change from normal text to "leet speak" where special characters & symbols replace normal letters:
  1. Definitions:
    - Leet Speak: is a sociolect variety used primarily on the Internet, particularly in online games such as Counter-Strike, Half-Life, Half-Life 2, and Team Fortress. The term itself is derived from the word Elite, meaning “better than the rest,” and generally has the same meaning when referring to the hacking skills of another person
    - wikipedia.org
  2. How the program works:
    - The user will enter a normal text phrase or paragraph into an input textarea
    - The user will click a command button to change from normal text to "leet" text
    - The computer will perform the changes & display the "leet" text in an output textarea
    - The user can then copy & paste the "leet" into an e-mail or chat window
  3. Create the display:
    - Create a form named "myForm"
    - Create an input textarea named "input"
    - Create an output textarea named "output"
    - Create a command button type "button" value="to leet" onClick="toLeet()"
    - Create a command button type "button" value="from leet" onClick="alert('under construction')"
  4. Write the JavaScript code:
    - Create the function "toLeet()"
    - Create a variable to hold the input string
    - Create a variable to hold the output characters
    - Loop to check each character in the input string
    - Check the value of each character in the input string & replace it with a "leet" character of your choice
    - Simply echo to output any characters not replaced
    - When the loop ends, display the output
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully

01/22/07

Monday - Javascript Review & Macromedia Flash Training

Classroom Discussion -
1. JavaScript Review - w3schools.com
Lab Assignment -
1. End of Marking Period Projects - Modify "leetChanger" to change from "leet speak" to normal text where special characters & symbols are replaced by normal letters:
  1. Definitions:
    - Leet Speak: is a sociolect variety used primarily on the Internet, particularly in online games such as Counter-Strike, Half-Life, Half-Life 2, and Team Fortress. The term itself is derived from the word Elite, meaning “better than the rest,” and generally has the same meaning when referring to the hacking skills of another person
    - wikipedia.org
  2. How the program works:
    - The user will enter a "leet" phrase or paragraph into an input textarea
    - The user will click a command button to change from "leet" text to normal text
    - The computer will perform the changes & display the normal text in an output textarea
  3. Create the display:
    - The form was created on Friday
    - Modify the command button type "button" value="from leet" onClick="fromLeet()"
  4. Write the JavaScript code:
    - Create the function "fromLeet()"
    - Create a variable to hold the input string
    - Create a variable to hold the output characters
    - Loop to check each character in the input string
    - Check the value of each "leet" character in the input string & replace it with a normal character
    - If the "leet" character is the first of several that make up a single normal character check the following characters to determine which normal character to use
    - Remember to increment the sentinel variable "i" to skip the extra characters: for example: "|\/|" is "m", the first "|" is skipped as part of the loop increment, but you have to use "i+=3" to skip the next three characters: "\/|"
    - Simply echo to output any characters not replaced
    - I found problems with the backslash "\" & the minus sign "-"
    - Use a double backslash "\\"
    - When the loop ends, display the output
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully

01/23/07

Tuesday - Javascript Review & Macromedia Flash Training

Classroom Discussion -
1. JavaScript Review - w3schools.com
Lab Assignment -
1. End of Marking Period Projects - Create a web page "temperatureChanger" to convert temperatures from Fahrenheit to Celcius or from Celcius to Fahrenheit:
  1. Definitions:
    - temperature: measure of the warmth or coldness of an object
    - thermometer: an instrument for measuring temperature
    - Fahrenheit: German-born physicist who invented the mercury thermometer & devised the Fahrenheit temperature scale
    - Celsius: Swedish astronomer who devised the centigrade thermometer
    - Kelvin: British physicist who developed the Kelvin scale of temperature & supervised the laying of a trans-Atlantic cable
  2. How the program works:
    - The user will enter a temperature number
    - The user will click on a button
    - The computer will convert & display the equivalent temperature on another scale
    - For example: convert from Fahrenheit to Celsius or from Celsius to Fahrenheit
    - Extra Credit suggestion: Also convert to & from Kelvin
  3. Create the display:
    - Will you use a form? What will you name it?
    - Will you use a table? With how many rows/columns?
    - How many & what type of input/output objects will you need? What will you name them?
    - How will the user choose which conversion? Check boxes? Radio buttons? Select option dropdown menu? Command buttons?
    - How will the user start the event? onChange? onSelect? onClick?
  4. Write the JavaScript:
    - How will you write the conversion?
    - What formulae will you need?
    - Where can you find them?
    - How can you use to prove your program works?
    - What numbers will you use?
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully

01/24/07

Wednesday - Javascript Review & Macromedia Flash Training

Classroom Discussion -
1. JavaScript Review - w3schools.com
Lab Assignment -
1. End of Marking Period Projects - Create a web page "distanceChanger" to change between US & metric distances:
  1. Definitions:
    - U.S. customary units: units of measurement that are currently used in the USA
    - metric: a system of weights and measures based on multiples of ten
  2. How the program works:
    - The user will enter a distance number
    - The user will click on a button
    - The computer will convert & display the equivalent distance on another scale
    - Convert from:
      - inches to centimeters
      - centimeters to inches
      - feet to meters
      - meters to feet
      - miles to kilometers
      - kilometers to miles
  3. Create the display:
    - Will you use a form? What will you name it?
    - Will you use a table? With how many rows/columns?
    - How many & what type of input/output objects will you need? What will you name them?
    - How will the user choose which conversion? Check boxes? Radio buttons? Select option dropdown menu? Command buttons?
    - How will the user start the event? onChange? onSelect? onClick?
  4. Write the JavaScript:
    - How will you write the conversion?
    - What formulae will you need?
    - Where can you find them?
    - How can you use to prove your program works?
    - What numbers will you use?
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
2. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully

01/25/07

Thursday - Javascript Review & Macromedia Flash Training

Classroom Discussion -
1. JavaScript Review - w3schools.com
Lab Assignment -
1. End of Marking Period Projects - Create a web page "colorChanger" to display different colors based on the 0-255 #RGB scale:
  1. Definitions:
    - RGB: Red, Green, Blue. The three colors of light which can be mixed to produce any other color. colored images are often stored as a sequence of RGB triplets or as separate red, green and blue overlays though this is not the only possible representation (see CMYK and HSV). These colors correspond to the three "guns" in a color cathode ray tube and to the color receptors in the human eye
  2. How the program works:
    - The display will have six slide bars, two each for each of red, green, blue
    - The display will have a center textarea & some text
    - One set of RGB slides will control the background color, the other set will control the text color
    - As the user moves one of the slide bars, the background or text color will change
    - The RGB numbers for the current colors will display in text boxes
    - The user can use the RGB numbers in other programs
  3. Create the display:
    - Will you use a form? What will you name it?
    - Will you use a table? With how many rows/columns?
    - How many & what type of input/output objects will you need? What will you name them?
    - How will the user choose which conversion? Check boxes? Radio buttons? Select option dropdown menu? Command buttons?
    - How will the user start the event? onChange? onSelect? onClick?
  4. Write the JavaScript:
    - How will you write the conversion?
    - What formulae will you need?
    - Where can you find them?
    - How can you use to prove your program works?
    - What numbers will you use?
  5. Finishing up:
    - Make it work
    - Make it look good
    - Save to your "H:/Javascript/" folder
    - Save a copy to your "H:/toBeGraded/" folder
Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
2. Locate & double-click the shortcut icon for LJ Launcher
3. Load Assignment icon on bottom
4. Follow instructions carefully

01/26/07

Friday - Javascript Exam & Macromedia Flash Training

Classroom Discussion -
1. JavaScript Review - w3schools.com
2. NJIT Web Design Competition
3. NJIT High School Programming Contest
Lab Assignment -
1. JavaScript Final Exam
2. Finish any incomplete web pages
3. Macromedia Flash MX Training - Computer Aided Instruction using LJ Systems:
  1. Start, Programs, LJ Launcher, right-click & create a shortcut on your desktop
  2. Locate & double-click the shortcut icon for LJ Launcher
  3. Load Assignment icon on bottom
  4. Follow instructions carefully

Ocean County College "NJStars"Advertisement Poster & NJ Stars Home Page

02/03/07

Saturday - SkillsUSA Competition & Demonstration - OCVTS Brick Center - 8am to 2pm
Advertisement Poster

02/08/07

Thursday - Open House - All OCVTS Centers - 7pm to 8:30pm
Advertisement Poster