CAPP 385 Web Project Guidelines


General Guidance:

  1. I want you to think carefully about your interests and needs in your personal and professional life. Based on your review of your situation, I want you to select one topic area on which you will focus your Internet explorations for this course.

  2. You will explore selected Internet and multimedia resources concerning this subject using the tools and techniques we cover in this course and create a web site that brings together these sources. On your web site use the appropriate tools and techniques, which you already know and will learn in this course, to create a significant, meaningful, thought-provoking presentation. Please note that the intent of the project is for you to demonstrate what you will have learned from the methods and techniques presented in this course so grading will focus on that arena. (Additionally, you may be required to construct demonstration pages to confirm your ability to apply other page presentation strategies.)

  3. Where sources other than your texts are used, please include a complete bibliographic reference and final summary of works cited. Follow the rules for citation of electronic sources and include appropriate URLs. I should be able to find any quote or paraphrase with relative ease in the original source. Just as importantly, unless the idea, details, graphics, etc., are uniquely your own (and presented for the first time in this report) or in that body of knowledge termed 'general' by a non-specialist, make sure you cite your sources. If you use some else's idea, exact words, graphics, etc., give them credit. If you use a paper you or someone else has written for a prior class or purpose, include it in your references. Be careful. Do not unintentionally plagiarize what has been called 'intellectual property.'

  4. Internet practices, as noted in your book, reflect that it is accepted practice to imitate methods and techniques that you see on other web sites and pages as long as

    1. You do not copy whole pages or even major portions of pages.
    2. You do not copy graphics, sounds, images, or text from another site without permission and you need to give credit to the originator.
    3. You link your page to other sites if you want the visitor to see what others have done, read their words, hear the sounds, see the images.
    4. You understand that links from your site to specific images and sounds on external web sites (controlled by others) are likely to be broken sooner rather than later, for web pages/sites are revised/reorganized often.

Preliminaries:

  1. Once you decide upon your topic you need to do the following:

    1. Register your topic with me (before the end of Week 2) - first come, first served.
    2. Think about site content, perhaps the most important aspect of a web site for most viewers/visitors.
    3. Focus on the needs and desires of your "customers". What information, layout, graphics, links, style of presentation will add value to your site in their eyes?
    4. Sketch your home page on a piece of paper - label areas such as graphic, text, links, or navigation bar. This is a "storyboard" for "home page". (You may do this directly in a graphics or drafting computer package. For example, the graphics tools in Microsoft Office 97/98 or later allow for storyboards to be created in a MS Word document.)
    5. Create another storyboard for your site showing the relationship of your home page to various subordinate pages. Include labels and again identify graphics, text and link areas on the subordinate pages.
      1. Show two or three offshoots of your main topic (for example, for a site on dogs, you might have a separate page that starts a thread/presentation on collies, another on German shepherds, another on spaniels, etc. Each of these pages might have several subordinate threads as well.
      2. Show how the general appearance of 1st-level and 2nd level pages will be used to maintain continuity within your site and yet show the viewer that she or he is following a particular idea (or thread) and getting into more detailed presentations of more specific or different information.
    6. Allow for a required link from your site home page to a capp_385 assignment area (a folder/sub-directory). This is where you will place assignments that cannot be placed in our WebTycho class assignment area.
    7. If you have put your storyboard on paper, do one of two things
      1. Transfer your storyboard to a graphics package for electronic transfer, or
      2. Find a scanner and scan you storyboard sheets into a graphic file.
    8. Save your storyboard(s) as .doc or .gif files.
    9. Transmit the file(s) to me via email attachments. For multiple files or a single file larger than 100K, compress the files with WinZip or Stuffit. Transmit the compressed file to me as an email attachment. In the body of the email, tell me the size and number of files, file names, and program used for compression.

  2. After you have started your storyboard, you need to consider what tool you will use to create your web pages.

    1. Modern word processing programs such as Microsoft Word 97/98 (or later) allow you to create a document and then save it "... as HTML". This is perhaps the most familiar route to initial web page recreation for many of you.
    2. Freeware/shareware Web Authoring programs such as Netscape Composer are readily available and work nicely. If you already know the basics (or more) of these programs, I suggest you will be happy starting your pages/site using them.
    3. Commercial web authoring programs such as Dreamweaver2, Adobe Page Mill, Claris Home Page, Microsoft Front Page, HotMetal Pro, (there are others!) work very nicely as well. Each has its own strengths and weaknesses as we shall see in this course. If you have such a package and want to use it, please feel free to do so. I have selected versions of all of these named programs except HotMetal Pro and will help you as best I can if you encounter problems using them.
    4. Specialized text and HTML editors such as BBEdit and Coffee Cup Editor (see HTML 4.0 CD) are designed to make coding in HTML easier. They are nonetheless designed for those who wish either to code a page from scratch in HTML or to change the HTML code in a page created earlier (perhaps by a web authoring program). We will use such programs for changing the HTML code. So you will not have to know everything about programming in HTML - just some key concepts and techniques.
    5. General purpose text editors like WordPad, SimpleText and others are also useful for changing HTML in pages created earlier in some other program. [Use this method (saving the file as text with an .html extension) rather than correcting the source code in MS Internet Explorer, for example. I know from experience that certain programs like MSIE will not accept changes that violate their underlying rules for automatic coding and recognition - in spite of the fact that their automatic coding violates the HTML 4.0 standard and the corrected code complies with the standard.]

  3. Start your home page with the total site in mind.

    1. For example, if you have access to a UM Computer Lab, you will find Microsoft Front Page or Front Page Lite on the basic load of software. You could choose the option to create a site rather than just a page and let the Wizard help you in the process.
    2. Plan for links between pages.
    3. Plan for links to other sites.
    4. Structure you home page as both a window on your site and a hub from which visitors can take various paths (spokes) to the areas (rim) of activity.
    5. Recognize that many sites grossly overuse animation, graphics and sound. Your visitor is typically interested in content; unless your site is dedicated to displaying visual images, animation, video clips, or sound clips, keep the number used under strict control. Judge by file size and the approximate load time for a page. (Estimate about one Kilobyte per second - so a page with 30K of text and images and other files will take about 30 seconds to load up.) Remember that all images and sound files typically must download to your machine before the page can be read.

  4. Be careful with fonts.

    1. Use Web friendly, sans serif fonts if you expect the viewer to use the information directly from the VDU screen.
    2. Use Web friendly, serif fonts if you expect the viewer to print the information onto paper before extensive use.
    3. Maintain a contrast between the text and background color. Ensure that a significant contrast is maintained when the text is highlighted (as it would be for a copy operation).
    4. Check to make sure that significant contrast is maintained for unvisited, active and visited links. This is particularly important when using a colored or nonstandard background. When varying from preset palettes, it is each to select colors that blend into each other making text difficult or impossible to read.
    5. If your site is for an older audience, consider using a larger font size for your text. (MSIE 4.5 allows for the viewer to increase the font size but Netscape and other browsers do not, without adjusting the html code itself.)

  5. Check the appearance of the published pages. Even if you are using a relatively common place monitor and printer, recognize that each user will see your page differently because of the interaction of even standard equipment with unique individuals. That is, each person will see your web page differently. The beauty of HTML is that if we design our page properly, we will still communicate our essential points and many nuances to every viewer.

  6. Conduct the phased project activities below and integrate the results into your Web site.

  7. In this course we will not have sufficient time for you to finish your web site (if one is ever finished). You will have sufficient time, however, to develop it and populate it with a few mature pages.

Return to top


Phase 1 (Search Engines):

  1. Conduct an Internet search concerning your topic using three Search Engines and one Meta-Search Engine on the WWW. In summary, you will

    1. Evaluate the search engines for your particular topic.
    2. Give the top five references from each search engine.
    3. Compare and contrast the search engines using standard criteria for the type of site.
    4. Name the top five references (links) overall.
    5. Report on the process and create a web page of links to other sites of interest to your visitors.
    6. Publish your Draft and Final Results. See the Schedule and Assignments sheet for timings.

  2. Establish criteria for evaluation of the search engines. This is best done beforehand, but commonly is produced retrospectively after one has seen what is possible.

    1. There are a number of published criteria for evaluating search engines. See some of the Internet magazines, newspaper columns on the Internet and a variety of web sites.
    2. Consider the needs of the visitor to your site as paramount and that you will want to save him or her time and frustration when looking for interesting web sites related to your topic.
    3. The criteria for evaluating search engines are not the same as that for evaluating a web site itself.
  1. Compare the search engines and the meta-search engine against each other using the criteria. First evaluate each engine. Then create a table to summarize your findings. Add a narrative to explain key points.

  2. Comment on whether the "search engine" is organized as a true search engine or a directory. Evaluate which you prefer for your topic.

  3. Focus on the URLs nominated by the search engines.

    1. Capture URLs of interest.
    2. In addition to the address, capture the
      1. title of the home page (or title of the site) to use in your link page, and
      2. a brief description of the site.
    3. Link the URL to the site title and show the URL as well (so that if the page is printed, the URL will also be printed).

  4. Cover the process of exploration for each search engine visited.

    1. Indicate the search expression used on each site to start your search and any changes made to the expression to improve the search.
    2. Comment on the basic search engine first.
    3. Secondly, comment on the availability and ease of use of any advanced search features.
    4. In your narrative, avoid repetition by referring to earlier discussions or the similarities and differences between the search engines.

  5. Organize your paper on the process of exploration. Separately, create a web page summarizing the results in some detail.

  6. Post your paper describing the search process in the Assignments area of WebTycho.

  7. Publish the web page(s) on your Web Site and link it (them) to your home page. The Link Page should fit naturally into your web site. The page evaluating search engines as it applies to your topic may not seem so appropriate to be included in your site, so place it within a folder (sub-directory) labeled capp385 and identified as phase_1.

Return to top


Phase 2 (On-line Libraries/Databases):

  1. I want you also to explore the more traditional resources that relate most directly to your topic of interest.

  2. Search a variety of on-line libraries and more traditional databases indexed in libraries and on web sites.

  3. Use the UMUC library as a jumping off point. Your SSAN and last name will typically suffice to log into the UMUC library. Go to LOG IN at that site. If you encounter problems contact our European Division Librarian. (Instructions are also available from your UM Field Representative.)

  4. Compare and contrast the sources you find in this phase with those found earlier via Web Search Engines.

  5. Assess the relative reliability of the information:

    1. Investigate at least ten databases or libraries. Provide information on the sites searched.
    2. Identify and briefly describe the top three sources from each database or library.
      1. These might be books or magazine/newspaper articles, speeches, reports from governments or other agencies, etc.
      2. Full text or abstracts with citations are equally satisfactory.
    3. Compare and contrast the sources here with those found in Phase 1.

  6. Prepare are report on the exploration process and post it to the Assignment Area of WebTycho. See the Schedule and Assignments sheet for timings.

  7. Prepare a web page presenting the relevant sources you identified. Use a table to relate the sources to the library or database in which they were found. Publish the web page on your Web Site and link it to your home page. The resulting page may, nonetheless, not seem so appropriate to be included in your site. If that is so, place the page within a folder (sub-directory) labeled capp385 and identified as phase_2. See the Schedule and Assignments sheet for timings.

Return to top


Phase 3 (Mailing/Discussion Lists & Newsgroups):

  1. Explore Usenet Newsgroups and Email Discussion Groups (Mailing Lists) for Special Interest Groups (SIGs) concerning your topic.

  2. Select the five most relevant newsgroups and five from the mailing lists and monitor them for four weeks. (Obtain a email address from one of the on-line providers (yahoo, hotmail, etc.) of free email addresses that you can check on the web. DO NOT use your normal email address unless you wish to maintain contact with these groups after the course is completed). Subscribe to the mailing lists during the monitoring period using your alternate email address.

  3. Compare and contrast these different types of public discussion arenas.

  4. Identify the different subtypes of newsgroups and mailing lists. Explain the differences.

  5. Identify five Lessons Learned from your exploration of Newsgroups.

  6. Evaluate the importance of these lessons for purposes of the project and for your future use of the Internet.

  7. Repeat this process (steps 5 and 6 above) for Mailing Lists.

  8. Prepare are report on the exploration process and post it to the Assignment Area of WebTycho. See the Schedule and Assignments sheet for timings.

  9. Prepare a web page presenting the relevant sources you identified. Use a table to relate the sources to the library or database in which they were found. Publish the web page on your Web Site and link it to your home page. The resulting page may, nonetheless, not seem so appropriate to be included in your site. If that is so, place the page within a folder (sub-directory) labeled capp385 and identified as phase_3. See the Schedule and Assignments sheet for timings.

Return to top


Phase 4 (Intro to Animation, Video Images & Sound):

  1. Explore the multimedia world as it relates to your topic. (This will be basic not advanced coverage of this subject.)

  2. Remember that many sites grossly overuse animation, graphics and sound. You are exploring to see what is available and to select the best (or learn what you need to create that will be better).

  3. Find visual images, still and animated, photographs/pictures, audio clips - video clips as well if they are out there.

  4. If the images, etc. are not copyrighted - that is, if they are identified as available to be freely copied and displayed, you may upload the item to your site on the student server. Otherwise use a link to the site where the item was found. (Recognize that this is a fragile link as organization of the target site is out of your control.)

  5. If you have a scanner, microphone and sound card, digital camera or imaging capability, you may create and use your own images, sounds, or video.

  6. Get three of each major type of image:

    1. still picture or photo (basically a complex image),
    2. sketch or drawing or cartoon (basically a simple, colored image),
    3. animated image,
    4. audio clip (link only), and, optionally,
    5. video clip (link only -remember, this is optional).
    6. Any animation, images, pictures, audio or video which you already have incorporated into your site will be counted toward fulfilling this requirement.

  7. Evaluate the sources of these files and the content and technical merit of the files themselves.

  8. Incorporate the best of these files and links into your web site on the student server.

  9. Place the others, or links to them, on a different, supplemental web page(s). Use a table to relate the images/files to the site on which they were found. Publish the supplemental web page(s) within your folder (sub-directory) labeled capp385 and identified as phase_4. Link it (them) to your home page. See the Schedule and Assignments sheet for timings.

  10. Describe the multimedia exploration process in a report which you post to the Assignment Area of WebTycho. Identify five Lessons Learned from your exploration of multimedia on the Internet as it relates to your topic. Evaluate the importance of these Lessons Learned for purposes of the project and for your future use of the Internet. See the Schedule and Assignments sheet for timings.

Return to top


Phase 5 (IRC/ICQ, Internet Telephony and Video-conferencing):

  1. Explore the world of IRC/ICQ (chat), instant messaging, Internet telephony and video-conferencing as it relates to your topic. (This will be basic not advanced coverage of this subject.)

  2. This phase is optional in part because not everyone will have the needed hardware. Also students in deployed areas may be prohibited from using IRC programs.

  3. Additionally, there is a real security concern. Be very alert to personal security when exploring this area. Do not list your full name or email address when you register; use only a nickname and perhaps a country where you are physically located. You typically need only reveal your desired nickname (something like "Boots" or "Choppers" is fine). Everyone is aware that electronic stalkers often start in chat rooms. Search out conferences that will be of particular interest to "customers" interested in your topic and web site. Discuss the topic with others in the chat room or on the audio/video conference, but avoid giving any information that will reveal your true identify. Indeed, it is common to assume a false identity in such chat rooms. Publish you ICQ registration number selectively only to those with whom you want to communicate using this medium.

  4. Download the required shareware or freeware programs.
    1. Try out two programs for each type of contact if possible.
    2. Compare and contrast the programs. (You select and justify the evaluation criteria that includes both what the programs do and how they do it.)
    3. Microsoft NetMeeting, distributed with MS Internet Explorer/Office, is a very good video conferencing program.

  5. Use IRC/ICQ and find people with similar interests.

  6. Use Internet telephony to speak with others interested in your topic or other UM students.

  7. Find links to sites needed or useful for audio and video conferencing, IRC/ICQ, instant messaging.

  8. Use a microphone to capture voice messages for emails or documents, or for transitions for multimedia presentations.

  9. Use a digital video or still camera to capture small frame images for inclusion in presentations, transmission by email or posting to web pages.

  10. Identify five Lessons Learned, as it relates to your topic, from your exploration of these Internet communication alternatives and advanced multimedia options.

  11. Evaluate the importance of these Lessons Learned for purposes of the project and for your future use of the Internet.

  12. Report on the process in a report which you post to the Assignment Area of WebTycho. Discuss the pros and cons of using this method of communication to collect information and maintain communications with colleagues.

  13. If appropriate, incorporate links for the things you have tried from those listed above (audio or video conferencing, IRC/ICQ, and Internet Telephony) into your web site on the student server.

  14. If there are certain links for which you have no place on your pages at the present time, but which you might use in the future, put the links on a supplemental page. Publish the supplemental web page(s) within your folder (sub-directory) labeled capp385 and identified as phase_5. Link it (them) to your home page. See the Schedule and Assignments sheet for timings.


Return to top


Return to: Course Requirements in CAPP 385 Syllabus

Schedule & Assignments


Phil Richardson; prichard@faculty.ed.umuc.edu  
Revised 15 January 2000