An interesting pi site
Student, 22 years old, calculates pi to 5 trillion places.
Buy some pi stuff
Tuesday, May 20, 2014
The mysterious Pi
Some pictures of Pi. (Pi = 3.14159......)
An interesting pi site
Student, 22 years old, calculates pi to 5 trillion places.
Buy some pi stuff
An interesting pi site
Student, 22 years old, calculates pi to 5 trillion places.
Buy some pi stuff
Tuesday, May 13, 2014
Do the primes make a pattern?
Some deeper issues about number patterns
Some numbers make a pattern.
- x y
- 1 1
- 2 2
- 3 3
- 4 4
- 5 5
Some numbers are random
The sieve of Eratosthanes
Some we have to check for patterns
There are all sorts of ways to generate (pseudo) random numbers.
Tuesday, May 6, 2014
Maths tasks
Maths for CIT
Starting concepts. Scope of what we’re doing.
Short history of numbers.
Patterns in numbers.
Random numbers. Generating random numbers in Excel using RND() and RNDBETWEEN()
Eg 1,2,3
5,10,15,20
3,9,27,81,
Visualising patterns
Linear graphs and others.
Factors, multiples, divisor. The MOD function in Excel.
LCM GCD functions in Excel.
Tasks:
1.)
Project. Create a stand-alone web page that illustrates some part of the history of numbers. It should have at least 5 pictures and contain tables, lists and a small form. (You do not have to use the results of the form.) A total of 10 different tags should be used. Be prepared to talk to the class about your page. Think about colour, layout, style, tone, grammar and spelling. This is worth 5% of the final assessment. Due Thursday 22 May 5pm.
2)Write a spreadsheet which graphs y=3*x from x=0 to x=20. Take a screenshot for your blog.
3)Also do y = x+4, y=x-2, y=2*x, y=2*x + 1, y = 3*x, y= 3*x +2, y= 3*x – 2, y= 5*x, y = 100*x, y = -2*x. Put the graphs into your blog .
3.5) Write a paragraph in your blog explaining how the Sieve of Eratosthanes works. Construct a table that shows the Sieve and write down the first 20 prime numbers. If possible use colour and fonts to show the number patterns.
4)Randoms
Generate a list 200 random numbers between 0 and 100 using RANDBETWEEN()
Add up the numbers in your list. What is the average number? Can you work out how to graph this list.
4.1)Randoms
Generate a list 100 random numbers between 0 and 1000 using RANDBETWEEN()
Add up the numbers in your list. What is the average number? Can you work out how to graph this list.
4.2)Randoms
What is the longest list of randoms between 1 and 100 you can do in Excel using RANDBETWEEN().
Add up the numbers in your list. What is the average number? Can you work out how to graph this list.
4)Randoms
Generate a list 200 random numbers between 0 and 100 using RANDBETWEEN()
Add up the numbers in your list. What is the average number? Can you work out how to graph this list.
5) Do the same as above but this time use 600 random numbers between 1 and 6. This is simulation for dice. Use COUNTIF() to count the number of 1’s, 2’s, … 6’s thrown . Copy your results into a HTML table for your blog and add a sentence about what’s in the table. What were you expecting?
6) Repeat, but this time simulate 1000 tosses of a coin. (So you just want a big list or 0,s and 1,s). Write up your results in the same way.
7) Make a list of 100 random numbers between 0 and 100. Add them up and divide by 100 to give you the average. You can recalculate several times by pressing F9. Put in your blog three different averages with a suitable sentence.
8) Same as 7 but this time use 1000 numbers between 0 and 100. Your averages should be a bit closer to 50.
9) Make a list of 1000 random numbers and beside each number calculate the remainder when divided by 5 by using =MOD(number,5). Draw a graph of your results and put into your blog with a suitable message.
Starting concepts. Scope of what we’re doing.
Short history of numbers.
Patterns in numbers.
Random numbers. Generating random numbers in Excel using RND() and RNDBETWEEN()
Eg 1,2,3
5,10,15,20
3,9,27,81,
Visualising patterns
Linear graphs and others.
Factors, multiples, divisor. The MOD function in Excel.
LCM GCD functions in Excel.
Tasks:
1.)
Project. Create a stand-alone web page that illustrates some part of the history of numbers. It should have at least 5 pictures and contain tables, lists and a small form. (You do not have to use the results of the form.) A total of 10 different tags should be used. Be prepared to talk to the class about your page. Think about colour, layout, style, tone, grammar and spelling. This is worth 5% of the final assessment. Due Thursday 22 May 5pm.
2)Write a spreadsheet which graphs y=3*x from x=0 to x=20. Take a screenshot for your blog.
3)Also do y = x+4, y=x-2, y=2*x, y=2*x + 1, y = 3*x, y= 3*x +2, y= 3*x – 2, y= 5*x, y = 100*x, y = -2*x. Put the graphs into your blog .
3.5) Write a paragraph in your blog explaining how the Sieve of Eratosthanes works. Construct a table that shows the Sieve and write down the first 20 prime numbers. If possible use colour and fonts to show the number patterns.
4)Randoms
Generate a list 200 random numbers between 0 and 100 using RANDBETWEEN()
Add up the numbers in your list. What is the average number? Can you work out how to graph this list.
4.1)Randoms
Generate a list 100 random numbers between 0 and 1000 using RANDBETWEEN()
Add up the numbers in your list. What is the average number? Can you work out how to graph this list.
4.2)Randoms
What is the longest list of randoms between 1 and 100 you can do in Excel using RANDBETWEEN().
Add up the numbers in your list. What is the average number? Can you work out how to graph this list.
4)Randoms
Generate a list 200 random numbers between 0 and 100 using RANDBETWEEN()
Add up the numbers in your list. What is the average number? Can you work out how to graph this list.
5) Do the same as above but this time use 600 random numbers between 1 and 6. This is simulation for dice. Use COUNTIF() to count the number of 1’s, 2’s, … 6’s thrown . Copy your results into a HTML table for your blog and add a sentence about what’s in the table. What were you expecting?
6) Repeat, but this time simulate 1000 tosses of a coin. (So you just want a big list or 0,s and 1,s). Write up your results in the same way.
7) Make a list of 100 random numbers between 0 and 100. Add them up and divide by 100 to give you the average. You can recalculate several times by pressing F9. Put in your blog three different averages with a suitable sentence.
8) Same as 7 but this time use 1000 numbers between 0 and 100. Your averages should be a bit closer to 50.
9) Make a list of 1000 random numbers and beside each number calculate the remainder when divided by 5 by using =MOD(number,5). Draw a graph of your results and put into your blog with a suitable message.
Monday, May 5, 2014
Layout options
Below is an HTML script from W3 Schools that lays out some interesting divisions within a web page. In one of the tasks you are asked to run this script then make some changes.
<!DOCTYPE html>
<html>
<body>
<div id="container" style="width:500px">
<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>
<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>Menu</b><br>
HTML<br>
CSS<br>
JavaScript</div>
<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
Content goes here</div>
<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
Copyright © W3Schools.com</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<div id="container" style="width:500px">
<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>
<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>Menu</b><br>
HTML<br>
CSS<br>
JavaScript</div>
<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
Content goes here</div>
<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
Copyright © W3Schools.com</div>
</div>
</body>
</html>
Monday, March 3, 2014
Have a look at this site ( the best browser is ..) and do the associated task. This has made some people review their favorite browser.
Tuesday, February 25, 2014
There are people who always use special HTML editors to write their HTML scripts. Others use only simple text editors.
We often write HTML scripts in a text editor. There are many available and most are free.
Others are Notepad++, EditPlus and Ultra Edit. There is not a "best one" , they all have their own set of features. A lot of people just stick with Notepad in Windows and TextEdit on Macs. One of your tasks is to explore different text editors.
We often write HTML scripts in a text editor. There are many available and most are free.
Others are Notepad++, EditPlus and Ultra Edit. There is not a "best one" , they all have their own set of features. A lot of people just stick with Notepad in Windows and TextEdit on Macs. One of your tasks is to explore different text editors.
Tuesday, February 18, 2014
A simple HTML script
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Monday, February 17, 2014
First HTML script
The first full HTML script.
<html>
<head>
<title>The first page!</title>
</head>
<body>
<p>Well, hello world</p>
</body>
</html>
<html>
<head>
<title>The first page!</title>
</head>
<body>
<p>Well, hello world</p>
</body>
</html>
Sunday, February 16, 2014
Tasks
Respond to these tasks by writing any answers or code into your own blog. Please number your responses so they can be found.
1. Start your blog in Blogger. Write a sentence about yourself, with a graphic that represents you, say, a photo or something that you like. Remember the address of your blog. This is where all the feedback on tasks will be given.
2. What does HTML stand for. Paste in a few lines of HTML.
3. Define Tag, Element and Attribute. Give examples if you can.
4. What does this do: <p> Hello world! </p>
5. Copy this in to Notepad and run it through a browser.
<html>
<head>
<title>My First Page</title>
</head>
</html>
Where does the text "My First Page" appear?
6. Same as 5 but this time, change the text to your name. Put your full HTML program into your blog.
6a. Go to this page( http://www.w3schools.com/html/html_examples.asp) and run the example called "A very simple HTML document" from the HTML basic section. Run their example, think about the tags then alter their script in some interesting way. eg. include your name in the script somewhere. Run your new script and copy the HTML into your blog with a suitable comment.
6b. Same as 6a, but this time run the HTML headings script.
6c. Same as 6a, but this time run the HTML paragraphs script.
6d. How do we write comments in HTML?
6e. Why do we write comments?
6f. Run the script called "Insert comments into HTML source code" from the same page as in 6a. Then write your own script with two original comments. Make sure it works. Put the whole script into your blog.
7. Look at this page http://www.w3schools.com/html/html_basic.asp and run the "try it yourself" options on the green buttons. Do this for Headings, Paragraphs, Links, Images. Change each of the scripts in some creative way, make sure they work then write the scripts into your blog.
8. Start your talk on an interesting tag by picking one that appeals to you and preparing a two (or more) page PowerPoint. Put your name and tag onto the Wiki in Moodle.
9. Do an Internet search on at least two HTML Editors. Take a screen shot of each editor and write a comment on what people say about it and what you think too.
10. Check out the post in this blog called: "And the best browser is..". Read over the results. A bit surprising to some people. Do you think this is a fair assessment? Does it include all the features important to web users？Did it change your opinion of your most-used browser? Write some sentences that respond to the previous questions in your blog.
11. Blogger is a kind-of HTML editor. Start with a blank post page and switch to HTML. (Find the button top left next to Compose.) Write a simple HTML script the puts your name on three different lines and in three different sizes. When you switch back to Compose you should be able to see your result. Capture your HTML script in a screen shot and add to your blog. (A screen shot of Blogger in Blogger sounds a bit Matrix-like?)
12. Write an HTML script that uses all the header tags <h1>, <h2>, ..., <h6>.
13. Write 100 words in good English on a how a person can write HTML using Notepad to make it look good in a browser. Pretend they don't know anything, and give good instructions. Make sure spelling is good.
14. Complete the first assignment on student life in Dunedin. See the PowerPoint in Moodle for details.
15 Write a simple script that includes the following tags : underline, italics and bold.
16. Write a script that includes three graphics about the recent Malaysian Airlines plane crash as well as 100 words about what's happened. These can be copies so long as you say where they come from.
17. Subscript. Write a script that contains the <sub> tag. Also include the chemical formula for ammonium phosphate (look it up) , with all the subscripts in the right place.
18. Tables. Check out the w3 Schools page on HTML tables. Run the three examples on the page then make some interesting changes (words, colours, borders, fonts etc.) and make sure the scripts work. Then copy these scripts into your blog with a comment about what you've changed. Just small changes are OK.
19. Look at this movie site on some popular movies of 2012. Make a table out of the top five giving the ranking and the number of stars this site awards each movie. Can you also copy out some of the graphics and put them on your page too?
20. Check out this page of lists. Find a list that interests you and make a web page that includes a table with at least 5 rows and two columns with headings and a caption on the table. Add at least two graphics.
21. Go back to the page of lists mentioned above and create an ordered list from it with 4 items.
21.1 Repeat 21 but this time use an unordered list.
22. Use the HTML list method to make a list of 6 different HTML tags.
23. Same as 22 but this time use a different set of bullets and have at least one nested list.
24. Go to the page of lists in question 20 and use it to create a 10-item list with an appropriate heading and some interesting graphics.
25) Technical Writing. Write 100 words in your blog about your life so far. Call it "My Career So Far ..". Print of a Notepad copy in class and show your teacher. make sure you've got good sentences, spelling and structure. Think about vocabulary and the right tone which should be technical and formal.
26) Write an HTML page that contains at least 3 divs in it. Each div should display a different aspect like colour.
The next few tasks involve image maps. You will need to find an image editor that can tell you about your image's pixel coordinates. I used Pixlr, an extension in Chrome but there are others.
27) Check out the image map explanations in w3 schools here and in quackit here. Try both examples and make sure you understand what the the script does.Take a screen shot of both of them for your blog.
28) Take the w3 schools planetary example and change it so that there are just two regions: the sun and the planets. Use two rectangles to cut up the picture into two parts. Put the code with comments into your blog.
29) Take the quackit example and change the area around the person to be a circle around his head. Put the code with comments into your blog.
30) Find a good picture of the solar system with all the planets and make your own image map so that clicking on a planet gives a close-up of each planet with its name. Code in blog.
31) Same as 30 but this time your click should take you to the appropriate Wikipedia page. Code in blog.
32) Make an image of the map of Europe here. Draw an imaginary north-south line through Prague. Everything to the left of this line we will call "West" and everthing to the right of the line we'll call "East". Make an image map so that clicking anywhere will output a box with East or West correctly. One way to do the box is to look at the quackit example that produces "Me" when you click on the person. There are other ways.
33) Repeat 33 so that clicking on France outputs the words "Bonjour, monsieur" and nothing if you click elsewhere. Code in blog.
34) Use four different countries so that when you click on them in the map they say "hello" in their own language. Just like 33 above but for four countries. Code in blog.
34.1) Use the layout code from w3 schools in a blog posting above to run that script via Notepad or similar. Make at least five changes and run your new script. Put your new code in your blog and put comments in it to show where changes have been made.
34.2) Repeat 34.1 but this time use the code from Layout part of w3 schools which has the title "HTML layouts using tables". Run and put your revised code into your blog.
34.3 Forms. Write a html page that is a big form based on the country you chose for your project. Put some text and graphics up the top then put at least five different form options like radio buttons and check boxes that require inputs like passport number, "do you like our country? (Yes/No) etc.
35) iFrames. Check out the quackit iFrame example here. Change the code slightly to give a new size, style or effect and put this code into your blog with a comment on what you've changed.
36) Create a web page on a country of your choice that contains three iFrames with slightly different attributes like size or borders. They can be a mixture of web pages and pictures.
37) Write a html page that shows some prime numbers, definintions, and interesting stuff using at least 12 colours. Get your basic structure from this w3 schools example.
38) Using Excel and a list of numbers from 1 to 30, make an interesting pattern using cell colours and mod() as we did in class recently. Show your screenshot and say what you did in text.
29) Take the quackit example and change the area around the person to be a circle around his head. Put the code with comments into your blog.
30) Find a good picture of the solar system with all the planets and make your own image map so that clicking on a planet gives a close-up of each planet with its name. Code in blog.
31) Same as 30 but this time your click should take you to the appropriate Wikipedia page. Code in blog.
32) Make an image of the map of Europe here. Draw an imaginary north-south line through Prague. Everything to the left of this line we will call "West" and everything to the right of the line we'll call "East". Make an image map so that clicking anywhere will output a box with East or West correctly. One way to do the box is to look at the quackit example that produces "Me" when you click on the person. There are other ways.
33) Repeat 33 so that clicking on France outputs the words "Bonjour, monsieur" and nothing if you click elsewhere. Code in blog.
34) Use four different countries so that when you click on them in the map they say "hello" in their own language. Just like 33 above but for four countries. Code in blog.
1. Start your blog in Blogger. Write a sentence about yourself, with a graphic that represents you, say, a photo or something that you like. Remember the address of your blog. This is where all the feedback on tasks will be given.
2. What does HTML stand for. Paste in a few lines of HTML.
3. Define Tag, Element and Attribute. Give examples if you can.
4. What does this do: <p> Hello world! </p>
5. Copy this in to Notepad and run it through a browser.
<html>
<head>
<title>My First Page</title>
</head>
</html>
Where does the text "My First Page" appear?
6. Same as 5 but this time, change the text to your name. Put your full HTML program into your blog.
6a. Go to this page( http://www.w3schools.com/html/html_examples.asp) and run the example called "A very simple HTML document" from the HTML basic section. Run their example, think about the tags then alter their script in some interesting way. eg. include your name in the script somewhere. Run your new script and copy the HTML into your blog with a suitable comment.
6b. Same as 6a, but this time run the HTML headings script.
6c. Same as 6a, but this time run the HTML paragraphs script.
6d. How do we write comments in HTML?
6e. Why do we write comments?
6f. Run the script called "Insert comments into HTML source code" from the same page as in 6a. Then write your own script with two original comments. Make sure it works. Put the whole script into your blog.
7. Look at this page http://www.w3schools.com/html/html_basic.asp and run the "try it yourself" options on the green buttons. Do this for Headings, Paragraphs, Links, Images. Change each of the scripts in some creative way, make sure they work then write the scripts into your blog.
8. Start your talk on an interesting tag by picking one that appeals to you and preparing a two (or more) page PowerPoint. Put your name and tag onto the Wiki in Moodle.
9. Do an Internet search on at least two HTML Editors. Take a screen shot of each editor and write a comment on what people say about it and what you think too.
10. Check out the post in this blog called: "And the best browser is..". Read over the results. A bit surprising to some people. Do you think this is a fair assessment? Does it include all the features important to web users？Did it change your opinion of your most-used browser? Write some sentences that respond to the previous questions in your blog.
11. Blogger is a kind-of HTML editor. Start with a blank post page and switch to HTML. (Find the button top left next to Compose.) Write a simple HTML script the puts your name on three different lines and in three different sizes. When you switch back to Compose you should be able to see your result. Capture your HTML script in a screen shot and add to your blog. (A screen shot of Blogger in Blogger sounds a bit Matrix-like?)
12. Write an HTML script that uses all the header tags <h1>, <h2>, ..., <h6>.
13. Write 100 words in good English on a how a person can write HTML using Notepad to make it look good in a browser. Pretend they don't know anything, and give good instructions. Make sure spelling is good.
14. Complete the first assignment on student life in Dunedin. See the PowerPoint in Moodle for details.
15 Write a simple script that includes the following tags : underline, italics and bold.
16. Write a script that includes three graphics about the recent Malaysian Airlines plane crash as well as 100 words about what's happened. These can be copies so long as you say where they come from.
17. Subscript. Write a script that contains the <sub> tag. Also include the chemical formula for ammonium phosphate (look it up) , with all the subscripts in the right place.
18. Tables. Check out the w3 Schools page on HTML tables. Run the three examples on the page then make some interesting changes (words, colours, borders, fonts etc.) and make sure the scripts work. Then copy these scripts into your blog with a comment about what you've changed. Just small changes are OK.
19. Look at this movie site on some popular movies of 2012. Make a table out of the top five giving the ranking and the number of stars this site awards each movie. Can you also copy out some of the graphics and put them on your page too?
20. Check out this page of lists. Find a list that interests you and make a web page that includes a table with at least 5 rows and two columns with headings and a caption on the table. Add at least two graphics.
21. Go back to the page of lists mentioned above and create an ordered list from it with 4 items.
21.1 Repeat 21 but this time use an unordered list.
22. Use the HTML list method to make a list of 6 different HTML tags.
23. Same as 22 but this time use a different set of bullets and have at least one nested list.
24. Go to the page of lists in question 20 and use it to create a 10-item list with an appropriate heading and some interesting graphics.
25) Technical Writing. Write 100 words in your blog about your life so far. Call it "My Career So Far ..". Print of a Notepad copy in class and show your teacher. make sure you've got good sentences, spelling and structure. Think about vocabulary and the right tone which should be technical and formal.
26) Write an HTML page that contains at least 3 divs in it. Each div should display a different aspect like colour.
The next few tasks involve image maps. You will need to find an image editor that can tell you about your image's pixel coordinates. I used Pixlr, an extension in Chrome but there are others.
27) Check out the image map explanations in w3 schools here and in quackit here. Try both examples and make sure you understand what the the script does.Take a screen shot of both of them for your blog.
28) Take the w3 schools planetary example and change it so that there are just two regions: the sun and the planets. Use two rectangles to cut up the picture into two parts. Put the code with comments into your blog.
29) Take the quackit example and change the area around the person to be a circle around his head. Put the code with comments into your blog.
30) Find a good picture of the solar system with all the planets and make your own image map so that clicking on a planet gives a close-up of each planet with its name. Code in blog.
31) Same as 30 but this time your click should take you to the appropriate Wikipedia page. Code in blog.
32) Make an image of the map of Europe here. Draw an imaginary north-south line through Prague. Everything to the left of this line we will call "West" and everthing to the right of the line we'll call "East". Make an image map so that clicking anywhere will output a box with East or West correctly. One way to do the box is to look at the quackit example that produces "Me" when you click on the person. There are other ways.
33) Repeat 33 so that clicking on France outputs the words "Bonjour, monsieur" and nothing if you click elsewhere. Code in blog.
34) Use four different countries so that when you click on them in the map they say "hello" in their own language. Just like 33 above but for four countries. Code in blog.
34.1) Use the layout code from w3 schools in a blog posting above to run that script via Notepad or similar. Make at least five changes and run your new script. Put your new code in your blog and put comments in it to show where changes have been made.
34.2) Repeat 34.1 but this time use the code from Layout part of w3 schools which has the title "HTML layouts using tables". Run and put your revised code into your blog.
34.3 Forms. Write a html page that is a big form based on the country you chose for your project. Put some text and graphics up the top then put at least five different form options like radio buttons and check boxes that require inputs like passport number, "do you like our country? (Yes/No) etc.
35) iFrames. Check out the quackit iFrame example here. Change the code slightly to give a new size, style or effect and put this code into your blog with a comment on what you've changed.
36) Create a web page on a country of your choice that contains three iFrames with slightly different attributes like size or borders. They can be a mixture of web pages and pictures.
37) Write a html page that shows some prime numbers, definintions, and interesting stuff using at least 12 colours. Get your basic structure from this w3 schools example.
38) Using Excel and a list of numbers from 1 to 30, make an interesting pattern using cell colours and mod() as we did in class recently. Show your screenshot and say what you did in text.
29) Take the quackit example and change the area around the person to be a circle around his head. Put the code with comments into your blog.
30) Find a good picture of the solar system with all the planets and make your own image map so that clicking on a planet gives a close-up of each planet with its name. Code in blog.
31) Same as 30 but this time your click should take you to the appropriate Wikipedia page. Code in blog.
32) Make an image of the map of Europe here. Draw an imaginary north-south line through Prague. Everything to the left of this line we will call "West" and everything to the right of the line we'll call "East". Make an image map so that clicking anywhere will output a box with East or West correctly. One way to do the box is to look at the quackit example that produces "Me" when you click on the person. There are other ways.
33) Repeat 33 so that clicking on France outputs the words "Bonjour, monsieur" and nothing if you click elsewhere. Code in blog.
34) Use four different countries so that when you click on them in the map they say "hello" in their own language. Just like 33 above but for four countries. Code in blog.
Welcome to our class, CT422 Professional Skills, first semester 2014. Here you'll learn skills that will give you an extra edge in IT.
Keep an eye on this blog and do the tasks in the tasks page. Do the answers to any questions, or written code in your own blog.
So your first task is to create a blog in Blogger. When you have done this remember you blog address so it can be pasted into our wiki in Moodle.
Subscribe to:
Posts (Atom)