Meteorology 301 - Lab 4

Introduction

In this lab, you will personalize your Portfolio page by putting a photo of yourself. This will give you practice in putting images into your Portfolio. Also, it will help the faculty recognize you when the portfolios are reviewed. If you don't like your picture - don't worry! You will learn enough to be able to do it again if you want.

GOAL: Put an electronic photograph of yourself into your Portfolio

Instructions

A. Electronic Photo

1.This step uses the cameras mounted on the SGI platforms. Lab groups should cluster around the three machines in the classroom.

2.On the actual camera, atop the monitor, slide the camera lens cover to the open position if it is closed.

3.Have one person login as "student".

4.Click on the "camera" icon, which is probably in the upper right corner of the screen.

A new window opens entitled "Media Recorder", and you should see yourself in its picture frame.

Note three icons in lower left corner. Put mouse arrow over the right icon of the three (the one with a face on it), hold down the mouse button, and when a new menu pops up, slide to "Image from connected source ..." While still holding down the mouse button,

slide over to the arrow on the right,
see a new menu pop up,
and select "IndyCam".

A bigger window appears.

Go to the the "Tasks" menu at the top of the "Media Recorder" window. Pull down the "Tasks" menu, slide down to "Image", then slide over to the new menu that pops up and select "Screen Snapshot".

Steps 5. and 6. should be done in sequence by each student

5.Pull down the "Edit" menu, pause over "Record", hold still and smile(!), then release on the "Record". The screen will freeze momentarily while your snapshot is recorded. To the right of the window, under the word "File", a filename will appear, something like image1.rgb.

6.Open a unix shell (from the "Desktop" menu in the upper left corner) or go to an existing unix shell window.

Move the file holding your picture into a new file with your name, e.g., if the file appearing in the "Media Recorder" file list when you take your picture is entitled "image1.rgb", then enter the mv ("move") command in the unix shell window:

	mv image1.rgb yourname.rgb

7.We need to convert your photo's format from ".rgb" to something that Web browsers can read. Also, on many Web browsers, your photo will appear fine as taken, but on some it will be too dark, so you need to lighten it. This will all be done using a software utility on the SGI called "Image Works".

Find the software by going to the small "Toolchest" menu (usually located in the upper left corner). Hold down the left mouse button while selecting the "Find", then select "Media Tools" from the "Find" menu.
A new window opens. Double-click on the "imgworks" icon.
A nearly blank window opens. In this window, pull down the "File" menu to "Open...".
A list of files appears. Double-click on the file "yourname.rgb". Your photo appears in the "Image Works" window.
First, we will lighten the photo. Pull down the "Enhance" menu and release on "Contrast". A window entitled "Image Works: Contrast" pops up. Place your mouse pointer on the "Highlights:" slider button. While holding down the left mouse button, move the slider toward "lighter". As you do this, the number adjacent to the slider gradually increases. Release the slider when the number reads 0.7, then click on "Apply", then click on "Close".
Next, save the altered photo in a new format. Back in the "Image Works" menu, pull down the "File" menu to "Save As...". Under "File Format" is a key that will read "SGI". Click and hold on this key, slide down the menu to "JFIF", and then release. (This tells the software to save the file in jpeg format.) In the "File Name" box in this window, the file name will now be "yourname.jpg". Click on "Accept".
Finally, pull down the "File" menu in the main Image Works window and chose "Exit".

8.Transfer the file "yourname.jpg" to your Meteorolgy account:

From the "Desktop" submenu in the "Toolchest" menu, chose "Unix Shell". When the new window pops up, at the prompt enter an ftp command to connect for file transfer to your Vincent account:
ftp metl11.geol.iastate.edu
Then, at the prompt "Name (...):", enter your Vincent login name. At the "Password:" prompt, enter your Vincent password.
Then
cd WWW
put yourname.jpg
where again "yourname" is your name. Make sure "WWW" is in uppercase letters.

B. Photo --> Portfolio

9.Use any machine available with your partner to login to your account on the Meteorology machines.

10.Once logged in, change to your WWW directory:
cd WWW
Then, edit your portfolio file:
emacs portfolio-template.html

In your portfolio file, move the cursor to the end of the fourth line (which has "body bgcolor=#f8ffa0" in angle brackets) and the hit the keyboard's "Return" or "Enter" key to open a new line.
Starting on the new line, type in the following html commands. In each of these lines, sustitute "<" for "[" and ">" for "]". (Review Lab 2 if you do not recall why I need to use square braces in these Web-based notes.) Also, substitute the appropriate name of your photo file for "yourname.jpg".
[table]
[tr] [td] [img src="yourname.jpg"]
[/td]
[td]
Move the cursor down four lines to the one that includes "Student Portfolio". As before, open a new line after this one.
In the new line, enter
[/td]
[/tr]
[/table]

What you have done is created a table in your porfolio. One table entry is your photo, identified as an image ("img") whose source ("src") is "yourname.jpg". The other table entry is your name, major, etc.

11.Look at your Portfolio with the Web browser and correct it as needed. Your portfolio should be located at

http://www.meteor.iastate.edu/~your_Vincent_name/portfolio-template.html

You can check an example I created for guidance.

Return to Meteorology 301 Lab List

Return to Meteorology 301 Homepage