Quiz 11 - Counting toward zero

Please read this quiz requirement on Special Project 2: http://jstutor.yolasite.com/s2.php
This quiz 11 contains both the count up and count down toward zero, the whole Special Assignment 2.

---

Quiz 10 - Counting down to zero

Please read this quiz requirement on Special Project 2: http://jstutor.yolasite.com/s2.php
This quiz 10 is the first part of the Special Assignment 2, you need only to have the counting down part of the code.

---

Quiz 9 Counting down seconds and due at non-zero second

Please read this quiz requirement on Special Project 1: http://jstutor.yolasite.com/s1.php
Unlike the Quiz 8, you need to pick a non-zero DUE SECOND, i.e. 1 - 59:

Quiz 8 - Counting Down Secnds

Please read this quiz requirement on Special Project 1: http://jstutor.yolasite.com/s1.php

LABAR Extra Credit Project 7

This Extra Credit assignment 7, is an extended opportunity for creating a JavaScript function to skip counting, i.e. not to display, the odd numbers, based on the quiz 11. This project is to be done during your one hour lab by arrangement (LABAR).
The functionality of this assignment should perform:

1. counting down positive integer number, if the number is greater than 10 start the count down from 10;
2. counting up the negative integer number, if the number is less than -10 start the count up from -10;
3. skip the odd number;
4. stop the counting when zero is reached;
5. do nothing if the entered number is not a positive or negative interger number.

The following is the finished example::

---

The following sample code performs:

1. counting down positive integer number;
2. skip (does not display) the odd number;
3. stop the counting when zero is reached;
4. do nothing if the entered number is not a positive interger number.

<script type="text/javascript"> function counting(input) { var counter =parseInt(input.value); while(counter > 0) {  counter = counter - 1;  if( (counter % 2)==0 )  document.write(counter,"<br>"); } } </script> <form name="form" method="post"> <p><input name="Input_A" value="" size="30" type="text"> <input value="Count!" name="count" onclick="counting(this.form.Input_A)" type="button"></p> </form>

You are expected to complete the assignment based on the above working code.

Extra Credit 6 - HTML Form

LABAR Extra Credit Project 6

This Extra Credit assignment 6, is an extended opportunity for aligning an HTML form to a center line. It is a a common pratice to arrange the forom of two columns to be center aligned like the following example form. This project is to be done during your one hour lab by arrangement (LABAR).

In this assignment, you are to create an HTML form that contains the following 7 fields:
Title, Name, Home Address, Work Address, Home Phone, Work Phone, and Email Address.

---

This extra credit assignment to align the HTML Form to the center line like the following example:

Title:
Name:
Home Address:

Here is the above sample code:
<form name="form" method="post"> <table> <tbody> <tr> <td align="right"> <p>Title: </p> </td> <td align="left"><input name="Input_A" value="" size="10" type="text"></td> </tr> <tr> <td align="right"> <p>Name: </p> </td> <td align="left"><input name="Input_B" value="" size="30" type="text"></td> </tr> <tr> <td align="right"> <p>Home Address: </p> </td> <td align="left"><input name="Input_C" value="" size="30" type="text"></td> </tr> </tbody> </table> </form>

Quiz7 - Identify Computer Parts

To name the image on http://spreadsheets.google.com/pub?key=tVd-78jebk0m4_95wx_0PyA&output=html

The result can be found in: http://spreadsheets.google.com/pub?key=tVd-78jebk0m4_95wx_0PyA&output=html

Javascript Tutorial 1 - Introduction

JavaScript Tutorial

« DVC COMSC-100 Home

Next Chapter »

JavaScript is THE scripting language of the Web. JavaScript is used in millions of Web pages to add functionality, validate forms, detect browsers, and much more. Start learning JavaScript now!

Examples in Each Chapter

This JavaScript tutorial contains interactive examples in each chapter!
With our online editor, you can edit the JavaScript code, and click on a button to view the result.

After edit the code below, then click to see the result. <html> <body> <script type="text/javascript"> document.write("This is my first JavaScript!"); </script> </body> </html>

Result:

Designed for DVC Comsc-100 1242/8263

Quiz 6 Flowchart to Javascript

The following numbered flowchart diagrams are to be transcribed into javascript in the corresponding answer fields:
 Example:

1











2

3

4










5

For quiz result please click this link: http://spreadsheets.google.com/pub?key=ti-VP5NIWjONodMfgwaQBbQ&output=html

Assignment 14 - Simple Calculator

LABAR Project 14

This assignment is to be done during your one hour lab by arrangement (LABAR). This assignment requires you to write your first javascript to declare, assign and display three variables of the string, number, and boolean types respectively.

In this assignment, Assignment #14, you are to create a simple calculator as in the HTML Form below. This calculator can:

• provide the add, substract, multiply, divide, and clear javascript functions;
• provide two HTML text inputs for user to enter the two operaand numbers;
• provide a HTML text input for the onClick triggered math function to place the result (number);
• when one of the math operator button, one of the + - * / buttons, is pressed, i.e. onClick event, the corresponding math function shall place the result in the Answer text Input;
• when the Clear button, the "C" button, is pressed, i.e. onClick event, all text Input fields shall be cleared.

Enter a number:
Enter a number:

Answer =

The above html form code is listed below:

<FORM NAME="Calculator" METHOD="post"> <P>Enter a number: <INPUT TYPE=TEXT NAME="input_A" SIZE=10></P> <P>Enter a number: <INPUT TYPE=TEXT NAME="input_B" SIZE=10></P> <P><INPUT TYPE="button" VALUE="+" name="AddButton" onClick="CalculateSum(this.form.input_A.value, this.form.input_B.value, this.form)"> <INPUT TYPE="button" VALUE="-" name="AddButton" onClick="CalculateSub(this.form.input_A.value, this.form.input_B.value, this.form)"> <INPUT TYPE="button" VALUE="*" name="AddButton" onClick="CalculateMul(this.form.input_A.value, this.form.input_B.value, this.form)"> <INPUT TYPE="button" VALUE="/" name="AddButton" onClick="CalculateDiv(this.form.input_A.value, this.form.input_B.value, this.form)"> <INPUT TYPE="button" VALUE="C" name="ClearButton" onClick="ClearForm(this.form)"></P> <P>Answer = <INPUT TYPE=TEXT NAME="Answer" SIZE=12></P> </FORM>

---

Sample Code:

Javascript Adder

 <SCRIPT type="text/javascript"> function CalculateSum(Atext, Btext, form){ var A = parseFloat(Atext); var B = parseFloat(Btext); form.Answer.value = A + B; } function ClearForm(form){ form.input_A.value = ""; form.input_B.value = ""; form.Answer.value = ""; } </SCRIPT> <P><FONT SIZE="+2">Simple Adder</FONT></P> <FORM NAME="Calculator" METHOD="post"> <P>Enter a number: <INPUT TYPE=TEXT NAME="input_A" SIZE=10></P> <P>Enter a number: <INPUT TYPE=TEXT NAME="input_B" SIZE=10></P> <P><INPUT TYPE="button" VALUE="Add Numbers" name="AddButton" onClick="CalculateSum(this.form.input_A.value, this.form.input_B.value, this.form)"></P> <P><INPUT TYPE="button" VALUE="Clear Fields" name="ClearButton" onClick="ClearForm(this.form)"></P> <P>Answer = <INPUT TYPE=TEXT NAME="Answer" SIZE=12></P> </FORM>

Try this adder out!

Simple Adder

Enter a number:
Enter a number:


Answer =

Assignment 13 - Simple Adder

LABAR Project 13

This assignment is to be done during your one hour lab by arrangement (LABAR). This assignment requires you to write your first javascript to declare, assign and display three variables of the string, number, and boolean types respectively.

In this assignment, Assignment #13, you are to create a simple addition only calculator as in the HTML Form below. This calculator can:

• provide the addition and clear javascript functions;
• provide two HTML text inputs for user to enter the two operaand numbers for addition function;
• provide a HTML text input for the onClick triggered math function to place the result (number);
• when add (+) operator button is pressed, i.e. the onClick event, the corresponding addition javascript function shall place the result in the Answer text Input;
• when the Clear "C" button is pressed, i.e. the onClick event, all text Input fields shall be cleared.

Enter a number:
Enter a number:

Answer =

The above html form code is listed below:

<FORM NAME="Calculator" METHOD="post"> <P>Enter a number: <INPUT TYPE=TEXT NAME="input_A" SIZE=10></P> <P>Enter a number: <INPUT TYPE=TEXT NAME="input_B" SIZE=10></P> <P><INPUT TYPE="button" VALUE="+" name="AddButton" onClick="CalculateSum(this.form.input_A.value, this.form.input_B.value, this.form)"> <INPUT TYPE="button" VALUE="C" name="ClearButton" onClick="ClearForm(this.form)"></P> <P>Answer = <INPUT TYPE=TEXT NAME="Answer" SIZE=12></P> </FORM>

---

Sample Code:

Javascript Adder

 <SCRIPT type="text/javascript"> function CalculateSum(Atext, Btext, form){ var A = parseFloat(Atext); var B = parseFloat(Btext); form.Answer.value = A + B; } function ClearForm(form){ form.input_A.value = ""; form.input_B.value = ""; form.Answer.value = ""; } </SCRIPT> <P><FONT SIZE="+2">Simple Adder</FONT></P> <FORM NAME="Calculator" METHOD="post"> <P>Enter a number: <INPUT TYPE=TEXT NAME="input_A" SIZE=10></P> <P>Enter a number: <INPUT TYPE=TEXT NAME="input_B" SIZE=10></P> <P><INPUT TYPE="button" VALUE="Add Numbers" name="AddButton" onClick="CalculateSum(this.form.input_A.value, this.form.input_B.value, this.form)"></P> <P><INPUT TYPE="button" VALUE="Clear Fields" name="ClearButton" onClick="ClearForm(this.form)"></P> <P>Answer = <INPUT TYPE=TEXT NAME="Answer" SIZE=12></P> </FORM>

Try this adder out!

Simple Adder

Enter a number:
Enter a number:


Answer =

Assignment 12 - - Connecting with the Form, Number Shifter

LABAR Assignment 12  Number Shifting Form

This Assignment 12 - number shifting form, to be done during your one hour lab by arrangement (LABAR). You are required to familiar with connecting the html form with the javascript function. Two functions are called from the onClick of the submit input in the form:

• A number shift down << function, decreasing (subtracting) the number by 1;
• A number shift up >> function, increasing (adding) the number by 1;

The finished project should look like the following:

Number Shifter

---

The above form uses a system built-in variable "this", a self pointer to the object in reference. The usage of "this" object is commonly used in all object oriented programming, including javascript.  You are to use the "this" pointer to point to the passing parameters as shown in the example below. Also, in this assignment the number is default to 0, you may enter any number, the form still works.

In the following example, only the shift up function are shown. You are to write the shift down function and connect the function to the form to complete this assignment.

 

Please submit your javascript work in .html file through webCT-assignment.

Note: The following code is for reference only. You submission will be disgarded and NO points will be awarded, if  any of the submitted code  resembles the following example:

---

Simple Shifter

Example

<SCRIPT type="text/javascript">function incByOne(Atext, form){ var A = parseFloat(Atext); form.Input.value = A + 1; } </SCRIPT> <P><FONT SIZE="+2">Simple Shifter</FONT></P> <FORM NAME="Calculator" METHOD="post"> <P> <INPUT TYPE=TEXT NAME="Input" VALUE="0" SIZE=10> <INPUT TYPE="button" VALUE=">>" name="incButton" onClick="incByOne(this.form.Input.value, this.form)"></P> </FORM>

Assignment 11 - Connecting with the form, Check Browser Type

LABAR Assignment 11  Check Browser Type Form

This Assignment 11 - Check Browser Type form, to be done during your one hour lab by arrangement (LABAR). You are required to familiar with connecting the html form with the javascript function. The value of a system built-in variable, navigator.appName, is returned to the onClick event of the submit input in the form:

The finished project should look like the following:

Find the browser type

1 - Microsfot Internet Explorer
2 - Netscape (Firefox)
3 - Others

---

The onClick event of the form uses a system built-in variable navigator.appName. The usage of this variable are shown in the example below.


The example has the necessary code for you to complete the assignment11. From the example, you shall change the findBrowser(input) function, to test on the returned string value from navigator.appName system built-in variable.

In order to display a value, for example "1", onto the Form Input Field, simply assign the value to the input.value variable inside the findBrowser() function:
input.value = 1;
The following numbers are defined (for input.value variable):
1 - Microsfot Internet Explorer
2 - Netscape (Firefox)
3 - Other types of browsers
Here is the flowchart for the above logic:

 

Please submit your javascript work in .html file through webCT-assignment.

Note: The following code is for reference only. You submission will be disgarded and NO points will be awarded, if  any of the submitted code  resembles the following example:

---

Example

Find the browser type

<SCRIPT type="text/javascript"> function findBrowser(input) { input.value = navigator.appName; } </SCRIPT> <P><FONT SIZE="+2">Find the browser type</FONT></P> <FORM NAME="form" METHOD="post"> <P> <INPUT TYPE=TEXT NAME="Input_A" VALUE="" SIZE=30> <INPUT TYPE="button" VALUE="Check" name="checkButton" onClick="findBrowser(this.form.Input_A)"> </P> </FORM>

Extra Credit 5 - Flowchart to JavaScript Again

LABAR Extra Credit Project 5

This Extra Credit assignment 5, is an extended opportunity for assignment 8 flowchart to javascript, to be done during your one hour lab by arrangement (LABAR).

For our class assignments on javascript this semester, we are only using the IF, IF-ELSE, and While control blocks. Please translate the following two compound control flowcharts to a proper javascript. Please enclose two files when submitting this assignment.

1. Translate the flowchart on the right.
    Hint: (The one on the left is the outer loop)



2. Translate the flowchart on the right.
    Hint: (The one on the left is the outer loop)

---

The following examples are for your reference.
Examples: This flowcharts are translated as a corresponding executable javascript:

IF Control Block

var x=12;  // to have the correct syntax 
if(x>1) {
x=x-1;
document.write(x);
}

While Control Block

var x=12;  // to have the correct syntax 
if(x>1) {
x=x-1;
document.write(x);
}

Additional example from previous Extra Credit Assignments:

EC3 Flowchart

<script typ="text/javascript">

// make sure the flowchart translation
// has the proper javascript syntax

var x, y;
x=prompt("enter x",10);
y=prompt("enter y", 8)

// 1st control block
if(x>y){document.write("x is greater than y");}


// 2nd control block
while(y>1){ y=y-1;}


// 3rd control block
while(y<1){ y=y+1;}

// outputing the message before termination
document.write("y is set to: ",y);
</script>

EC4 Flowchart

<script typ="text/javascript">
// make sure the flowchart translation
// has the proper javascript syntax

var x,y;
x=parseInt(prompt("enter X","1"));
document.write("X start as ",x,"<br>");
y=parseInt(prompt("enter Y","1"));
document.write("Y start as ",y,"<br>");

// begining of the outer WHILE loop
while(y<1){
    // begining of the inner WHILE loop
    while(x>1){
        x=x-1;
        document.write("X is: ",x,"<br>");
    }// end of the inner WHILE loop
    y=y+1;
    document.write("Y is: ",y,"<br>");
    x=5;
}// end of the inner WHILE loop

// beigining of the IF control
if(x==1){document.write("x is already 1<br>");}
else {x=1;}
// end of the IF control

document.write("x and y are set to 1 in all cases <br>");
</script>

---

In the EC4 flowchart, if the entered Y value is greater than one, the execution will fall through outer (and inner) While loop. Please test the case with the y is positive number and then negative number.

Extra Credit 4 - Flowchart to javascript - Compound Blocks

LABAR
Extra Credit Project 4

This Extra Credit assignment 4, is the part 2 of the extended (assignment 8) flowchart to javascript, is to be done during your one hour lab by arrangement (LABAR). This javascript assignment requires you translate the following flowchart to a valid excutable javascript: 

---

Example Flowchart

An example flowchart (the top portion of the assignment flowchart) is translated below:

Example javascript Translation

<br /> var x,y;<br /> x=prompt("enter X","1");<br /> y=prompt("enter y","1");<br /> while(x<y) { x=x+1; while(y>1) y=y-1;<br /> }<br /> document.write("x: ",x,"<br>");<br /> document.write("y: ",y,"<br>");<br /> <br />
Please submit your javascript work in .html file through webCT-assignment.

Extra Credit 3 - Flowchart to javascript part 1

LABAR
Extra Credit Project 3

This Extra Credit assignment 3, is the part 1 of the extended (assignment 8) flowchart to javascript, is to be done during your one hour lab by arrangement (LABAR). This javascript assignment requires you to familiar with the translation from flowchart to javascript. The flowchart is made of a set of code blocks that are connected through the execution flow (arrow) connectors, where:

• A simple block is a collection of symbols with no decision symbol.
• A basic block is a collection of symbols with one decision symbol.
• A complex block is a collection of symbols with two or more decision symbols.
• A compound block is a block containing another block.

Here is an illustration of blocks and the basic if, if-else, and while blocks' coresponding javascripts.

Here is the flowchart that you are to translate to javascript:

---

Example Flowchart

An example flowchart (the top portion of the assignment flowchart) is translated below:

Example javascript Translation

<html><script type="text/javascript"> var x,y; x=prompt("enter X","1"); y=prompt("enter y","1"); if(x> y) document.write("x is greater than y"); </script></html>

Please submit your
javascript work in .html file through webCT-assignment.

---

Quiz 5 - Javascript Variables

The result of the quiz:
http://spreadsheets.google.com/pub?key=tOkNixpXRxZ4oLesD9Q8jVA&output=html

Assignment 8 - Flowchart to javascript

LABAR Project 8

This assignment is to be done during your one hour lab by arrangement (LABAR). This assignment requires you to create a javascript from a flowchart. This assignment is to ensure that you learn how to better write javascript through the flowchart, especially the flow control.

The difficulty of of this project has been reduced. Two additional mini-steps has been added: Extra Credit 3 and 4. It is not required for you to do EC-3 and 4, however, it would be easier for you to work on this assignment, after the EC3 and EC4 .

Unlike the EC4, a while loop inside of a while loop, the Assignment 8 has an if decision block inside of a while loop.

The following code can be used for the javascript inside of the while loop:


<br /> document.write("number of monkeys: ",number,"<br>");<br /> if(animal_type == "monkey")number = number + entered_number;<br /> animoal_type = prompt("animal type: ","monkey");<br /> number = prompt("number of animals: ","10");

---

Extra Credit 2 - Number and Logical Variable

LABAR
Extra Credit Project 2

This Extra Credit assignment 2, part 2 of the Variable, (on page
3 of PL's note), is to be done during your one hour lab by arrangement (LABAR). This javascript assignment requires you to familiar with the number and logical variable.

You are to work with the number and logical variables in the following 5 steps:

• Frist Step: declare a number variables, and assign an initial value.
• Next Step: change the number variable value.
  
• Then, input from user a new number value to another number variable.
• Then, combine the input value with the existing number variable.
• Last Step, print out (document.write) the number value if the value is greater than 1000, otherwise print the text "the value is less than 1000".

You have to print out, using the document.write, the value of the string value of all the above 5 steps.

Please submit your javascript work in .html file through webCT-assignment.

Note: The following envelope HTML code has to be included for the
.html file in order for your javascript to execute correctly:
<br /> <HTML <HEAD><br /> <TITLE> Page Title </TITLE><br /> </HEAD><br /> <BODY><br /> <SCRIPT type="text/javascript" ...your JavaScript... </SCRIPT> ...your html code.. </BODY> </HTML>

---

Example

// Step 1 var number; var input, input_number; number=123; document.write("Integer Variable in Step 1: ",number,"<br>"); // Step 2 number=456; document.write("Integer Variable in Step 2: ",number,"<br>"); // Step 3 input_number=prompt("Enter a New Number", "789"); input_number=parseInt(input_number); document.write("Integer Variable in Step 3: ",input_number,"<br>"); // Step 4 number=number + input_number; document.write("Sum of the number in Step 4: ",number,"<br>"); // Step 5 if(number>1000) document.write("Sum of the number in Step 5: ",number,"<br>") else document.write("Sum of the number in Step 5: ","the value is less than 1000<br>")

Extra Credit 1 - String Variable

LABAR
Extra Credit Project 1

This Extra Credit assignment 1, part 1 of the Variable, (on page
3 of PL's note), is to be done during your one hour lab by arrangement (LABAR). This javascript assignment requires you to familiar with the string variable.

You are to work with the string variables in the following 4 steps:

• Frist Step: declare a string variables, and assign an initial value.
• Next Step: change the string variable value.
  
• Then, input from user a new value to another string variable.
• Last Step, combine the input value with the existing variable value.

You have to print out, using the document.write, the value of the string value of all the above 4 steps.

Please submit your javascript work in .html file through webCT-assignment.

Note: The following envelope HTML code has to be included for the
.html file in order for your javascript to execute correctly:
<br /> <HTML <head><br /> <title> Page Title </TITLE><br /> </HEAD><br /> <body><br /> <script type="text/javascript" ...your JavaScript... </SCRIPT> ...your html code.. </BODY> </HTML>

---

Example

<html> // the Hello here is to show the normal html tags <h2> Hello</h2><script type="text/javascript"> // Step 1 var name, input_name; name="Anne"; document.write("String Variable in Step 1: ",name," "); // Step 2 name="Bruce" document.write("String Variable in Step 2: ",name," "); // Step 3 input_name=prompt("Enter a New Name", "Carl"); document.write("String Variable in Step 3: ",input_name," "); // Step 4 name="The combined name is: "+name+" "+input_name; document.write("String Variable in Step 4: ",name," "); </script><br /> </html>

Assignment 7 - Javascript variables (PL's note js pages 1 to 9)

LABAR Project 7

This assignment is to be done during your one hour lab by arrangement (LABAR). This assignment requires you to write your first javascript to declare, assign and display three variables of the string, number, and boolean types respectively.

Variables (on page 3 of PL's note) are entities that can change. In this assignment, you are to write your first javascript. 

• Frist, declare 3 variables: var1, var2, and var3 as the string, number, and boolean types respectively. 
• Next, print the value of all (3) variables. 
• Then, assign new values to all (3) variables. Then, print the value of all (3) variables. 

Please submit your javascript work in .html file through webCT-assignment.

Note: The following envelope HTML code has to be included for the .html file in order for your javascript to execute correctly:

<HTML><br /> <HEAD><br /> <TITLE> Page Title </TITLE><br /> </HEAD><br /> <BODY><br /> <SCRIPT type="text/javascript"><br /> <br /> ...your JavaScript...<br /> <br /> </SCRIPT><br /> <br /> ...your html code...<br /> <br /> </BODY><br /> </HTML><br />

---

Example

place the example here

<html><br /> // the Hello here is to show the normal html tags<br /> <h2>Hello</h2><script type="text/javascript"> var cond; cond=true; var name; name=prompt("name of the patient", "Last, First"); document.write(name+"<br>"); name="Smith, John"; document.write(name); // the following if-else statement is here // to explain the usage of boolean variable // and is not a required part of this assignment. if(cond==true) document.write("<h2> Hello</h2> "); else document.write("go home "); </script><br /> <br /> </html>

Quiz 4

The result of the quiz:
http://spreadsheets.google.com/pub?key=ty6RIGk3DYYae4U1vae7ajQ&output=html

Assignment 1 Template

Here is a good step by step installation demonstration of a PC:


And here is the template for the part list:
http://spreadsheets.google.com/pub?key=t0VuwtWo_4MW98lBJX-4-hQ&output=html


For those who forgot how to do sum in excel:

UC Berkeley Graduates Destination Survey

What can you do with your major? It's up to you! With careful planning, you can develop career-related skills and experiences that can prepare you for almost any job or graduate school field.

Based on the annual survey of recent graduates, the UC Berkeley Career Center has profiled 79 majors from six of the UC Berkeley colleges - any major not listed below had insufficient data to create a profile. The reports detail what choices graduates made and illustrate that college majors rarely restrict their career or graduate school options.... more

Quiz 3 - Table, alignment, hyperlink, and image

Click here for quiz result.

Assignment 6 - Flowchart from a description

LABAR Project 6

This assignment is to be done during your one hour lab by arrangement (LABAR). This assignment requires you to create a flowchart diagram from the description below. The simple flowchart symbols: start and end symbols, arrows (flow), process, input/output, conditional or decision, as defined in wikipedia are used in this assignment.

You are expected to create an action plan in flowchart based on the following description:

Alice Smith plans to transfer to a 4-year University to study engineering. She will need to pass both the Comsc-105 and Comsc-145 in order to apply. The Computer Science Department of the school offers both classes every semester and allows student to take either course, one at a time, or both at the same time. Alice prefer to take the Comsc-105 in the 2010 Fall semester, then the Comsc145 in the 2011 Spring semester. However, the school has a budget shortfall; some of the classes has been cut but not in the Computer Science Department yet. More budget cut is on the way. If the school budget has to cut another 5%, then the Computer Science Department can only offer one class, Comsc145, in the 2010 Fall Semester. And only the Comsc105 will be offered in the 2011 Spring semester.

Please submit your flowchart work in Word (.doc or .docx file) through webCT-assignment. You can drag and drop the built-in flowchart symbols in Word (Insert -> Shape -> Flowchart) to create your flowchart.

---

Example

The following description is translated into a flowchart, a logical flow of stages represented by symbols:

"The rain has been pouring for the last few days, and the refrigerator is low in stock. It is not safe to drive around in the rain. It seems the sun is breaking out. I am looking out the window every 10 minitues to see if the rain stops, so I can go shopping to fill up the frige. Then tell all my friends to come and have a party in my home tonight."

Click to enlarge

Technical Notes:
The Input/Output symbol, the parallelogram, represent activities coming in and going out of the system.

The flow chart always begins at a START symbol and finish with an END symbol, the
round sided horizontal parallels.

The following actions in side the system are represented in PROCESS symbols, the rectangle, for example:
"School Budget Cuts"
"Transfer to a 4-year University."
"The Fridge is low in stock."
"Have a party!"

The Input/Output symbol, the parallelogram, represent information coming in and going out of the system, for example:
"Tell Friends about party tonight."
"Check the School budget cut percentage"
"Check whether the Sun comming out"

The flow connects two boxes and going only one direction.
All boxes can connect to multiple incoming flows.
All boxes can have only one outgoing flow, except the decision box.
The decision box branches the one incoming flow to two or more outgoing flows.

Assignment 5 - HTML Form and Input (PL's note p.15)

LABAR Project 5

This assignment is to be done during your one hour lab by arrangement (LABAR). This assignment requires you to create a HTML form with input based on the description below:

Design a questionnaire to poll the student's opinion in the state budget cut. Start with name and age text field and followed by the 3 questions :

1. Your opinion on the state cut the budget in education in stead of the prison: 5 being strongly agree, and 1 being strongly disagree.
2. In your opinion, any, all, or none of following budget should be cut: transportation, education, law enforcement, welfare, and/or border security.
3. Your political affiliation: Republican, Democrat, other, and none.

Please submit your html work (file with extension of .html) through webCT-assignment. After uploading your answer HTML file, make sure you click on the submit button.




You may utilize different types of Input tags: TEXT, RADIO, CHECKBOX, SUBMIT, and BUTTON to complete this questionnaire.  

---

Example

An HTML Form utilizes the Input tags of TEXT, PASSWORD, CHECKBOX, RADIO, and SUBMIT:

<form name="example"><br /> Your Name<input name="name" size="40" type="text" /><br /> Password<input name="pswd" size="25" type="password" /><br /> Favorite food<br /> <input checked="checked" name="food" type="checkbox" value="Pizza" />Pizza<br /> <input name="food" type="checkbox" value="Hamburger" />Hamburger<br /> Gender<br /> <input name="sex" type="radio" value="F" />female<br /> <input name="sex" type="radio" value="M" />male<br /> <input type="submit" /></form><br />

Your Name

Password

Favorite food

Pizza

Hamburger

Gender

female

male

Numbering System Conversion

Rachel Smith has found these clips that are easy to understand:
Hexadecimal to Decimal


Decimal to Hexadecimal


Binary to/from Hexadecimal

ASCII Table

Free Web Hosting

You may post your HTML work in a FREE public server. Here is an example of a html page, http://comsc100.yolasite.com, the class link page, hosted by a free hosting site: www.freehyperspace.com that I picked from the 3rd entry of the following free hosting list:

	Title	Space	CGI	Ads	Upload
	FCpages	100 MB	N	Banner	FTP/Web/Java
	Suprhost.com	500 MB	Y	N	FTP
	www.freehyperspace.com	500	PHP	Y	FTP/Web
	ifastnet	300	Y	N	FTP
	Tripod	11 Mb	Yes	Popup	FTP/FP/Browser
	1GigFree.com	1 GB	Y	N	FTP
	FreeWebs	40	N	Y	Web
	Storm Loader	50	Y	Y	Web
	Storm Pages	50	Y	Y	Web
	http://www.1asphost.com/	100	Y	Y	FTP
	Angelfire	20 Mb	Yes	Yes	Browser
	TopCities	150 Mb	No	Banner	Web
	100 Megs Free	100	N	Banner	Web/FTP
	Freewebsites	50	N	Banner	Web
	eSmartStart	100	N	Banner	FTP/Web
	bootbox	10	Y	None	FTP
	Red Rival	20 Mb	N	N	FTP
	Dreamwater Free home Pages	30 Mb	No	Banner	Web
	Web Host Me	20 Mb	No	Banner	FTP
	internettrash.com	10 Mb	No	None	E-mail
	Black Apple Host	5 GB	PHP	Y	FTP
	uCoz Website Builder	N/A	N/A	Y	N/A
	Sjl Free Hosting	250	Y	Y	FTP
	weblapa.com - free web hosting	50	Y	Y	Web
	100 Web Space	100	Y	Y	FTP
	Host Free 4 life	100	N	Y	FTP
	ProHosting	50 Mb	Yes	No	FTP
	50megs.com	12	No	Banner	Web
	20m Free web space	20	N	Banner	FTP/Web
	Megspace	50	N	Banner	Web
	75 MEGS DOT COM	75	N	Banner	Web
	Above World	25	N	Banner	Web
	Dreamwater	30	N	Banner	Web
	Geocities	15 Mb	No	Banner or Pop-Up	FTP/Form
	Freeservers	20 Mb	No	Banner	FTP
	EZYPages	5 Pages	N	Y	N
	Atspace.Com	50	N	N	FTP
	FreeCites	50	N	Y	Web