CS101: Introduction to Computers and Computing
Lab 3(7): Ubuntu Introduction
Fall 2008

Return to correct part of directions on workspace 2

Return to correct part of directions on workspace 3

Rebooted computer into Macintosh OS

OVERVIEW:  
There are 4 parts to Lab 7: 

Part 1: Prep your computer for lab project and printout grade sheet.

Part 2: Burn live CD to use to investigate Ubuntu operating system on your computer.

Part 3: Create a basic web page and print document.

Part 4: Copy Lab 7 assignment to flash drive, reset Ubuntu, restart computer into Macintosh operating system to upload assignment to instructor drop box on the CS101 server, shut down computer, and turn in printouts.

LAB DIRECTIONS:
Part 1: Prep your computer for lab project and printout grade sheet.
Using the instructions presented by your lab instructor your computer should now be booted into Ubuntu.  Once in Ubuntu you should have started Firefox and returned to these directions. If so your computer screen should look similar to the one below:

The Ubuntu desktop with firefox open and displaying the lab 3 directions.

If your screen looks different from the one above then ask your instructor for help. 

The lab directions are now open in a window.  You can move a window in Ubuntu by dragging its title bar. The Firefox window title bar is shown below:

Ubuntu title bar.

Try moving this Firefox window by dragging its title bar.  You can resize a window in Ubuntu by clicking and dragging in its lower right corner.  You can resize a window when your mouse pointer is in the lower left corner of the Firefox window and looks like the example below:

The resize cursor.

Try resizing this Firefox window by clicking and dragging its lower right corner.  The first task we will do is place the Lab 7 directions web page on the right half of the Ubuntu desktop.  Resize and drag the directions window as needed so that it is on the right side of the desktop as shown below:

Firefox directions on right side of desktop.

Now we will make sure your computer is setup to successfully complete Lab 7.  First we must check if the desktop is empty, and if it is not empty, place any items in the Trash.  To see the whole desktop without the any windows displayed we will soon click the hide all windows button The hide all windows button. located in the lower left corner of the screen.  Once this button is clicked the window containing these directions will be hidden so that we can see the whole desktop.  Try out the hide all windows button by clicking the button once to hide the Lab 7 directions window and then click it again to bring the Lab 7 directions window back into view. 

Use the hide all windows button to hide the directions window and then check that the desktop is empty (no icons on it) as shown below:

The Ubuntu desktop

If there are any icons on the desktop drag them to the Trash in the lower right hand corner of the screen as shown below...

The trash can icon.

... and then make sure to use the hide windows button to display the Lab 7 directions as shown below:

Firefox directions on right side of desktop.

Ubuntu has three other workspaces that you can open programs in and place icons on the desktop.  We need to make sure these desktop are empty as well.  In the lower right corner of the screen there are four rectangles as shown below:

Workarea icons in lower right corner.

The brown means it is the active workspace and the Firefox icon (or orange square) represents our open Lab 7 directions window.  In a moment click on each of the other three rectangles (currently gray) to activate the other three workspace and make sure that these desktops do not have any icons on them.  If there are any icons on the other desktop then drag these icons to the Trash.  Once you have checked the other workspaces click back on the first rectangle to return to workspace 1.  Check the other three workspaces now.

Now that are desktops are clear we will open and printout the Lab 7 grade sheet.  For this lab, and each of the remaining labs, there will be a grade sheet.  The grade sheet informs you of the tasks you are required to complete in that day's lab and how many points each of the tasks are worth towards the 100 points available for the project.

You are about to download and open the Lab7GradeSheet.xls spreadsheet file.  When it opens it might fill the whole screen, if it does just click the Maximize button maximize button in the upper right corner of the spreadsheet. 

To download today's grade sheet click on the following link:  Lab 7 Grade Sheet

When the spreadsheet opens move and resize the window if needed so your desktop looks like the one shown below:

Place grade sheet on left side of screen.

Click in cell B1 of the grades sheet and type your full name and press return on your keyboard, then click in cell F1 and type your lab section number and press return on your keyboard.

Make sure that the grade sheet is the active window (or you might printout these directions by mistake) by clicking on its title bare (it should then be orange) and then inside the grade sheet window select File menu > Print to open the following dialog box:


The print dialog box.

Select either the Blue_Printer or the Red_Printer and click on Print as shown below:

Select red or blue printer and click on print.

Now walk up to the printer you selected and place one piece of paper at a time into the manual feed tray and retrieve your printout of the Lab 7 grade sheet.

Close the Grade Sheet by clicking the Close Window button in the upper right corner of the Grade Sheet window and when the following dialog box appears select Discard...

click the discard button

Close the Downloads window...

Close the downloads window.

by clicking on the X in the upper right corner.  Your screen should now look like this:

Firefox directions on right side of desktop.

Look over Grade Sheet printout to find the requirements for today's lab.  If you have any questions about the grading ask your instructor.

Part 2: Burn live CD to use to investigate Ubuntu operating system on your computer.
First some Ubuntu knowledge:

The Ubuntu operating system is a version of the Linux operating system.  The Linux operating system is an open source operating system.  Open source means that the software is free and cannot be sold.  Since Ubuntu is a version of the Linux operating system it to is open source software and, therefore, also free.  This means that you can legally make a copy of Ubuntu for use at home.  To make that process easy the creators of Ubuntu have created a Live CD version of Ubuntu.  If you place a Live Ubuntu CD into your computer's optical drive and reboot your computer it will start running Ubuntu.  When you are done and shut down your computer
the Ubuntu CD is ejected and the next time you start your computer it will boot up normally into your regular operating system. This is a nice, no risk way, to test if Ubuntu works well on your computer.  If you like how Ubuntu runs on your computer from the live CD (keeping in mind it will run very slow since it is running off a CD and will run much faster if installed) you can eventually install it on your computer. 

There are two ways you can install and run Ubuntu on your computer: 1)
You can install it as an application in Windows and run Ubuntu while running Windows, or  2) For both Macintosh and Windows, you can install it so that when the computer starts you pick out which operating system to run (like we do in this lab).

Installing Ubuntu as an application in Windows could not be easier.  From your Windows computer just go to this website and download the Wubi Ubuntu installer and then run the installer (you need at least 4 gigabytes of free space on your hard drive with 8 gigabytes or more being ideal).  When it is done the whole Ubuntu operating system is an application you can run in Windows.  The nice thing about this is now you have a very safe way to surf the web while still running Windows.  If you do not like Ubuntu you just uninstall it using Windows Add or Remove Programs control panel.

If you want to install Ubuntu so you pick out what operating system to run when you start your computer you can follow one of the three choices below depending on which operating system you all ready have on your computer.  1) If you are running Windows XP on your computer and want to install Ubuntu so that when the computer starts you pick out which operating system to run (like we do in this lab) you can follow the directions at this website : Ubuntu/Windows XP Dual Boot.  2) If you are running Windows Vista on your computer and want to install Ubuntu so that when the computer starts you pick out which operating system to run (like we do in this lab) you can follow the directions at this website : Ubuntu/Windows Vista Dual Boot.  3) If you are running Macintosh OS X on your computer and want to install Ubuntu (which is a little harder to do then with Windows) so that when the computer starts you pick out which operating system to run (like we do in this lab) you can follow the directions at this website : MacBook directions with link to MacBookPro directions.  (Important Note: If you decide to install Ubuntu on your computer using one of the above three methods you will need to repartition your hard drive.  When you repartition your hard drive you can occasionally lose all your data.  Make sure you backup everything before you install Ubuntu. If you are unsure about how to install Ubuntu talk to me, or other knowledgeable computer person, before your try.

Now on with the lab.

We will now make a live CD of Ubuntu so you can try it out and see it will run well on your system.  We will use Ubuntu's Workspace 2 to make the CD.

In a moment we will select Workspace 2 to burn our Live Ubuntu disk.  When you select the Workspace 2 the desktop in that Workspace will be empty, to return to this part
of the directions click on the Firefox quick launch icon Firefox launch icon. at the top left of the screen to open Firefox and then use the bookmarks to return to the Lab 7 directions then simply click the link at the link at the top of the directions that reads "Return to correct part of direction on workspace 2":

Click the Workspace 2 gray rectangle as shown by the red arrow below and then open Firefox and return to this part of the Lab 7 directions:
Click on the second desktop icon.
Now that you have returned to these directions in Workspace 2 move the directions as needed so they occupy the the right side of the desktop (like we did on the first desktop) as shown below:

Second workarea setup with lab directions.

With
Workspace 2 active the workspace selector in the bottom right of your screen should look something like this:

2nd desktop icon after firefox is open.

To burn the Live disk we need to insert a blank CD-R (or CD-RW). 
With the label (side with writing one it) facing towards you place the disk into the slot loading drive on the right side of the iMac computer and then click on K3b quick launch icon at the top of the screen which looks like this Click on K3b quick launce icon.(the program maybe a little slow in starting).

The following window will appear:

k3b opening window.

Inside the new window click once on the icon in front of the file named
ubuntu-8.04.1-cd-desktop-i386.iso

Once you click on the correct file name a new window will open that will show a
progress bar moving form 0% to 100% as the disk image is opened as shown below:

Dvd image progress bar.

Wait until the progress bar stops after 100%. Make sure your window has the same settings as the one above (you might have a different name under buring device which is OK) and then click the
Click the start button. button in that same window to start burning your CD.  After you click the start button your disk will begin to burn.  A progress window will open as shown below:

DVD burning progress window.

When your disk is done burning, roughly 7 minutes, the following window will appear...

DVD is done burning


... and the CD will be ejected.

While you are waiting for your completed disk to be ejected let's move to
back to Workspace 1 to one to make a web page.  In the lower right corner of your screen click on the first workspace and, in the directions already open in that work space, scroll down to Part 3 to continue the lab.


Part 3: Create a basic web page and printout document.
Having programs open in different Workspaces is usually a more productive way to work then having lots of windows open in a particular Workspace.  Notice that in the this Workspace the following window is displayed by K3b (the disk burning program) showing the progress of your disk burning:

progress bar for disk burning

Now we can stay in Workspace 1 and still keep tabs on our disk burning progress.


We will be spending three labs using Ubuntu.  During those labs we will concentrate on making web pages.  Today we will make a very basic web page.

You should now be in the first Workspace with the directions open on the right side of the screen as shown below:

Firefox directions on right side of desktop.

We will need somewhere to save our web page so we will create a folder on the desktop.  Right click on the open area of the desktop and from the menu that appears select Create Folder as shown below:

Create a folder on the desktop by right clicking.

A new untitled folder will appear on the desktop as shown below:

new untitled folder on desktop

When naming the folder use all small letters and use the following naming
structure (if you cannot type a name in place of untitled folder on the new folder then right click on untitled folder name and select Rename...): 

yourlastname_firstinitial_lab7

(example) carter_g_lab7

When done press return and your folder should look like this (with of course your own name):

Folder named first name last name first intial.

All we need to make a basic web page is a text editor (like Note Pad in Windows).  Two icons over from the Firefox quick launch icon at the top of the screen is the Text Editor icon which looks like this:

Click on the text editor quick launch icon

Click on the Text Editor quick launch icon to run the program.  Once the program is running move and resize the new window, and move your new folder if necessary, so your desktop looks similar to the one below:

Text editor open with diretions.

Now type the following into the text editor.  Make sure to type your name and lab section's number in the appropriate spots:

Type the basic html into the text document.

To save your the text document you just typed select File menu > Save at the top of your text document.  A save dialog box will open like the one below:

The save dialog box.

Replace Unsaved Document 1 with the following name:

index.html

Then click on the drop down menu to the right of Save in folder: and select Desktop as shown below:

Change the drop down menu to desktop.

Click the white triangle in front of Browse for other files so that it points down and expands the dialog box as shown below:

Click the white triangle.

You should now see the folder you made listed in the save dialog box.  Double click on your folder in the save dialog box to select it as the Save in folder location.  I
f everything is setup correctly next to Name: in the dialog box it should say index.html (underlined in red below) and next to the grayed out Save in folder: it should list the grayed out name of your folder on the desktop (underlined in green below).  If your dialog box is not setup like the one below, or you have questions, ask your lab instructor before continuing.  If your dialog box looks correct click on Save.

Double click on your folder.

Now that you have saved you can safely printout your text document so that it can be graded by your instructor.  It is very important that before printing you click inside the text document to make sure it is active (and not today's Lab 7 directions) and then select File menu > Print as shown below:

select file menu save

The print dialog box will appear as shown below:

The print dialog box.

Select either the Blue_Printer or the Red_Printer and click on Print as shown below:

Select red or blue printer and click on print.

Now head up to the printer you selected and place one piece of paper at a time into the manual feed tray and retrieve your printout of the text document.

The index.html document saved inside your folder on the desktop is actually the directions for a web page.   A web browser such as Firefox can now open the saved document and display it as a web page. 

Locate your folder on the desktop and double click on it to open it into a window. If index.html is saved in the correct location then when your folder opened into a window like the one below you should see index.html inside (
If the index.html document was not in your folder ask your instructor for help before continuing. ):

Correctly saved index.html

When we open the web page in Firefox it will open in a new tab.  To return to these directions just click on the tab in Firefox that reads Lab 7: Access Level 1 Final Test... .  In just a moment you will double click on your index.html document's icon in your folder and it should open up in a new tab in Firefox with your name displayed in three places as underlined in red below:

Your web page displayed in firefox.

Double click on your index.html document's icon now to view it in Firefox.  If it does not have your name in the correct locations ask your instructor for help.

In next weeks lab we will be explain in more detail about web pages and we will make a much more elaborate one.

Your CD should have finished burning while you where working on your web page and was ejected, if it was not return to second Workspace to see what happened.  If you CD was ejected close all the windows except for these directions and continue on to Part 4.

Part 4: Copy Lab 7 assignment to flash drive, reset Ubuntu, restart computer into Macintosh operating system to upload assignment to instructor drop box on the CS101 server, shut down computer, and turn in printouts.

Look over your grade sheet you printed out earlier to make sure you have completed all the necessary tasks.

During this part of lab you will be submitting your work to your instructor so that it can be graded and you can receive the points you have earned for this lab.  Make sure that you complete all of Part 6 accurately as missing parts of your assignment will cause to miss out on assignment points.  If you are unsure of any of the steps ask your instructor for help.

You should have brought your flash drive to class.  If you do not have your flash drive you will be unable to backup your assignment or submit to your instructor's drop box for grading.  This means you will have points deducted from your lab score.  Make sure to bring your flash drive for next weeks lab so you do not miss out on anymore points. If you do not have your flash drive and cannot borrow a friends for a few minutes then click here to jump past the directions you will not be able to do.

If you have your flash drive plug it into a USB port located on the back of the computer on the lower right side.  Once you plug in your flash drive a new window might open on your desktop, if it does close the window.  Flash drives have many different names so we are unable to have you identify your drive by name, however, the icon of the drive will have a USB symbol on it that looks like this The usb icon and will appear in the upper left corner of your desktop as shown below
:

Flash drive icon.

Locate your USB flash drive icon on your Desktop.  Use your mouse to drag your Lab 7 folder on the desktop on top of your USB drive icon and when a black plus sign appears on your mouse arrow let go of the mouse as shown below to copy your folder on to your flash drive:

Drag your Lab 7 folder on to your USB drives icon.

You should have just copied your Lab 7 folder on to your flash drive.  Open your flash drive by double clicking on its icon and confirm that a copy of your Lab 7 folder appears in the window.  If no Lab 7 folder appears in the window close the window and repeat the above steps or ask your instructor for help. 
Once you have confirmed you have copied your Lab 7 folder on to your flash drive close the window but leave your flash drive plugged into the computer as we will need it again shortly.

Drag your Lab 7 folder that it still on the desktop to the Trash.  If you have any other icons on the desktop, other then your flash drive icon, drag them to the Trash.

We will now have to reboot the computer into the Macintosh operating system so that we can upload our Lab 7 folders on our flash drives to the CS101 server for grading.  When the Macintosh operating system is running your screen will look like the one below:

A screen shot of the Mactosh operating system

When the computer reboots select the blue apple to boot into the Macintosh operating system.  Once the Macintosh operating system is running click on the Firefox icon
the firefox icon at the bottom of the screen to open Firefox.  Use the bookmarks at the top of the Firefox window to return to the top of these Lab 7 directions and then click on the link at the top of the directions called: "Rebooted computer into Macintosh OS" to be taken to this part of the directions.  To reboot the computer now click on the red power button in the upper right corner of the screen and then select Restart.

Once your computer has restarted into the Macintosh operating system and you have clicked on the Firefox icon your screen should look similar to this:

Directions open in firefox.

If you need to move your directions you can drag the window my its title bar at the top of the window.  If you need to resize the directions you can grab them in the lower right corner.

Notice your USB flash drive is a white drive icon in the upper right corner of the screen (not the one called PermanentSaveDrive).  The names of flash drives will very.  If you want to change the name of your flash drive then click once on its current name and wait of the name to highlight, once highlighted type in the new name (we suggest including your name and lab section number so we can return your drive if left in lab).  Open your drive into a window by double clicking on its white icon and verify that your Lab 7 folder is on the drive.

We now need to connect to the CS101 server so we can upload our Lab 7 folder into your instructors drop box.  Down at the bottom right of the screen is a server connections icon that looks like this...

CS101 server icon on dock.

...click once on the icon to open the following dialog box:

Connection dialog box.

To connect to the server we need to provide a correct name and password. 

The name is:   student
The password is:   cs101

Type in the name and password and click on Connect.  The following window will open up:

Server window.

To find the correct drop box click once on your instructor's name, then your lab section's folder, and lastly the Lab 7 drop box as shown below for a student in lab section 10:

Navagation to drop box.

Next, if needed, double click on your USB drives icon on the desktop to bring its window to the top, then on the CS101 server icon now on your desktop to bring its window to the top, lastly drag your Lab 7 folder from your USB drives window to on top of the Lab 7 drop box folder until a green ball with a plus sign on it appears on your mouse arrow and then let go of your mouse as shown below:

Dearg your foler to the drop box.

You will get the following message...

Wnat to continue box.

... click OK to copy your folder into the drop box. 

To make sure your folder copied over drag it to the drop box a second time.  You will first get the following same message...

Wnat to continue box.

... click OK and then the following message should appear:

File already exsits.

If the above dialog box does not appear ask you lab instructor for help.  If it does appear your folder is safely in the drop box so just click OK to close the dialog box.

You have now completed Lab 7. 
 
In a moment you will be instructed to shut down the computer.  When you do remember to unplug your USB drive from the back of the computer to take with you.  Then take your CD and your printouts up to the front of the room.  Staple your printouts together with your Grade Sheet on top. Hand them to your instructor and have him or her check off on your grade sheet that you have burned the CD (if you completed the assignment outside of lab make sure to bring your printouts and disk to your next lab meeting).

To shut down the computer move your mouse to the upper left corner of the screen and select Apple menu > Shut Down as shown below (or if you had no flash drive click the red button on the upper right corner and select shut down):

Select apple menu shut down.


End of Lab 7.