EE437: Imaging Lab Techniques
 Home  Contact Me  Schedule  Courses  Links

Learn About Unix

The Silicon Graphics (SGI) workstations use Unix and X-Windows.  Check out the Unix Reference Page and the Unix On-Line Reference Material to learn more.

Techniques for Creating Your HTML-Based Reports

  • References:  I have compiled a list of on-line references to help you learn the basics of web page design as well as where to look for information on more advanced topics (frames, forms, JavaScript, VRML, ...).
     
  • Capturing a portion of the screen to a file:  Arrange the screen to your liking, then do the following:

    On the SGI:
    1. Run capture.
    2. Press the "Sweep area" button and outline the AOI (area of interest) with the mouse.
    3. The image is created and saved in the capture.rgb file as soon as you release the mouse.  Press the "Preview" button to see the image you saved. You can change the filename of the image file by selecting "Actions->Settings".
    4. Select "Actions->Quit" to exit the application.
    5. Run the imgview appliation: type
      imgview capture.rgb at the shell prompt.
    6. Convert to GIF format: Select "File->Save", select the GIF button, and press the "Accept" button.

    On the NeXT:
    1. Launch "NextApps->Grap.app".
    2. Select "Grab->Selection".
    3. Use the mouse to select a region of interest.
    4. Save the image using "Document->Save" (creates a TIFF file).
     
  • Converting Matlab figures to GIF image files: 
    1. Set up the figure the way you like (anything that you place in the figure such as titles, colorbars, etc. will be included in the GIF image). Also, adjust the size of the figure the way you would like to see it appear in the finished image. The "capture" function used in the next step simply grabs a bitmap of the figure window, so even if the underlying image array is quite large, if you first size the figure window to a smaller size, then the GIF image will be small, too.
    2. Convert the figure window to an image:

         [z,m]=capture(n),

    where n is the figure window of interest.
    3. Generate the GIF image file:

         gifwrite(z,m,'file.gif')

     
  • Creating HTML pages:  Recent versions of Netscape Navigator allow you to edit HTML (hypertext markup language) documents using a WYSIGYG ("what-you-see-is-what-you-get") environment. You can make HTML files without knowing anything about HTML, but your documents will be more effective if you have some idea about HTML syntax and what can be done with HTML. Please consult A Beginner's Guide to HTML for details.
     
  • Editing text files: Use jot on the SGI. Use "Edit.app" on the NeXT.
     
  • Previewing HTML code during development: The idea here is to edit your HTML code in one window, and preview it using a browser in another window.  Most browsers have the ability to reload (refresh) a document, so it is not necessary to restart the browser each time you modify the source HTML code.  Also, most browsers can read HTML and image files directly from the file system, which is more efficient for development work than passing your data through the web server.

    On the SGI:
    1. Change your working directory to wherever your HTML document is stored, e.g., 'cd public_html'.
    2. Open the HTML source file using a text editor, e.g.,  'jot file.html'
    3. Open the same file using Netscape: select "File->Open File...", then make appropriate entries in the popup dialog window.
    4. Once you have made some changes in your HTML code, save the file using "File->Save" (Alt+S is a faster way to do this).
    5. Press the "Reload" button in Netscape to view the result of your change (Alt-R is a faster way to do this).

    On the NeXT:
    1. Open the HTML source file using "Edit.app".
    2. Open the same file using the Omniwep browser: in the URL entry field, enter "file:/usr/users/students/...", where the dots indicate the rest of the path and your filename.
    3. Once you have made some changes in your HTML code, save the file by pressing the key combination Command+S.
    4. View the updated file in Omniweb using Command+U.
[Home] [Contact Me] [Schedule] [Courses] [Links]
Picture
ECE RHIT