The Web is everywhere in today's world. But, how does it all actually work? How does a page of text and some graphic files turn into a colorful, interactive web page? Is there a difference between the Internet and the Web? And, who thought up all this stuff anyway?
You will find answers to all of these questions and more in this module. And, what you learn now will help you explain things when you start working with your business partner.
Describe how the World Wide Web works.
Preview the four learning objectives above so your brain knows what it should focus on.
View the movie:
Warriors of the Net
- Choose your favorite IP action hero!
If you are using dial-up try viewing the movie from the Web or on campus.
It can be a very long download otherwise.
Go to the page listing all the movies and double click on the link for
the English version. This should cause MediaPlayer or QuickTime to
start playing the movie.
To download: Use a right-mouse click and
select "save file as"
Use the Self-Quiz: WWW as a learning tool. You can take this quiz as many times as you like. The same material will be used for the grade quiz. Keep in mind though that the self-quizzes close on Thursdays and the graded quiz doesn't open until Friday. (This helps you assess your actual knowledge as opposed to your short-term memory.)
Work through on-line tutorials:
1.
About the Internet
2.
What is Client/Server?
3.
How the WWW Works
Here is a board talk video I shot to show you how
all the pieces of the Web work together.
Create a
mindmap
showing how the Web works based on the tutorials and the movie. Create this piece as if you are explaining
to a business person how the Web works. You should include all eight items outlined in the tutorial "How the WWW
Works" in the previous activity.
You can use the graphic tools in Microsoft Word or
any graphic program such as InkScape (see Tip Of the Week below), PhotoShop, Fireworks, or Paint (In Windows: start/programs/accessories/paint).
Please make certain your file is either a gif or a jpg so it can be viewed
in a browser.
You can also draw the mindmap on paper and either scan it or take a
digital photo of it.
--
It should be at least 480 x 640 pixels in size.
-- Name the file: prjMindMap (using the appropriate extension) - upper/lower case matter.
-- Make certain the image is either a .gif, jpg, or .png type file so it can be viewed in a browser. Word files are
not acceptable.
-- Show the client/server relationship between the browser and the server including the request path and the response path.
The mindmap will be included as one
of the Assessment Activities below. Later in the course you will be
able to use it when you meet with your business partner to show them
how the Web works. For this reason, make your mind map as professional
looking as you can.
Why do this? Being able to draw out an idea or concept is an
important communication tool. You don't have to be an artist to get an important idea
across. Also, when you draw something it utilizes several parts of your brain. Your motor
center coordinating your hand and eye movement and your cortex analyzing the best way
to show what you mean. Look at the preview pages of The
Back of A Napkin to see how valuable this skill is. (Use the "Surprise Me" button
to see some internal pages with illustrations.)
Use Google to find out information about Tim Berners-Lee
or Vannevar Bush
Some example questions you might look for could are included in the
Tim Berners-Lee handout.
(Just choose one or find out something about TBL that isn't even on
this list.)
The main purpose of this activity is to get everyone using the Web as
a search/research tool as well as to post what you find so everyone
else can learn by reading through the discussions. (A great way to
learn!)
Post what you found about Tim Berners-Lee or Vannavar Bush in
the Discussion group.
Post your message under topic:
"Tim Berners-Lee".
Please, no duplicates!
For each item, please include the
URL as a reference that others can use.
Respond to other people's postings.
Tip: When the page is being displayed,
highlight it by clicking on the URL, use CTRL-C to copy it, and CTRL-V
to paste the link in your discusssion message.
Optional: How vulnerable is the Internet? Read about the Sea Cable Vulnerability
| Activity | Due Date |
|---|---|
|
Complete Quiz:WWW - Ten questions, Ten minutes. Open book,
open notes, open Web. |
Before 11:55 pm Sunday, Jan 25th |
|
Submit your MindMap showing the 8 items outlined in the tutorial describing how the Web works. Use the
tutorial:WWW as a guide. -- Name the file: prjMindMap (using the appropriate extension) - upper/lower case matter. -- Make certain the image is either a .gif, jpg, or .png type file so it can be viewed in a browser. Word files are not acceptable. -- Show the client/server relationship between the browser and the server including the request path and the response path. -- Submit as a file upload to the dropbox prjMindMap on D2L. -- Worth 10 points |
Before 11:55 pm Sunday, Jan 25th |
All done? Cool Beans. Don't lose your pace. Go on to the Course Map and start working with the next module: HTML - The Essential Elements |
--- |
InkScape is an open-source alternative to Adobe Illustrator. It uses SVG - Scalable Vector Graphics which is XML based. You can download it here. Tavmjong Bah is working on an InkScape book. You can view his preliminary copy on his web site.
Here's a sample of the type of illustration that can be created using this program:
Click
on the image for a larger view.
This is a perfect companion to GIMP (GNU Image Manipulation Program) which is an open-source program similar to Adobe PhotoShop. GIMP is excellent for photo manipulation.
Questions? Send me an email: peter.johnson@southcentral.edu
Read my blog at:
http:webexplorations.com/blog
Strong Start, Successful Finish