Sat & Sun. April 12/13, 26/27, May 10/11, 24/25 Sasebo Term IV (02-03)

Instructor: Robert Shields (rcshields@ad.umuc.edu) Office Hours: by appointment.

Textbooks: Internet & World Wide Web How to Program Second Edition, Deitel, ISBN#: 0-13-030897-8

And HTML & XHTML The Definitive Guide Fourth Edition, Musciano & Kennedy, ISBN#: 0-596-0026-X

CMST 386 Course Content: (Formerly CAPP 386.) A study of advanced applications for the Internet and the World Wide Web. Focus is on Web page design, including features such as frames, animation, and cascading style sheets. Dynamic HTML and JavaScript are introduced. Assignments include publishing a Web page. Students may receive credit for only one of the following courses: CAPP 386 or CMST 386.

Prerequisite: CMST 385 or equivalent.

Methodology: You must read the required materials and prepared the assignments before class begins. Classes may include lecture, hands-on work, and discussion. You will find Internet sites to see the “latest” in design, technologies, and web page creation techniques. You must have Internet access to complete coursework for this class.

Objectives: On successful completion of this course, you should be able to:

1. Summarize the major strengths and weaknesses of the Net.
2. Evaluate Web browsers as means of accumulating material on a specific topic.
3. Evaluate the validity of information found on the Net.
4. Demonstrate the capabilities of HTML and Java Scripting.
5. Appraise the regulatory impact on the Net and its users.
6. Evaluate the effectiveness of the Web in solving academic and work-related problems.
7. Design and develop a Web page for publication.

Grades: Quizzes and exams: (60%), Homework and Projects: (40%)

I will assign letter grades with this scale: A = 90-100%; B = 80-89%; C = 70-79%; D = 60-69%; F = 0-59%

ATTENDANCE: I expect you to attend every class on time. If you come to class late, it is your responsibility to make sure that you have not been marked as absent. Excessive absences may result in the assignment of the grade F--failure for nonattendance. You are responsible for anything that is covered in class even if you are not present. It is wise to arrange with another student to take notes when you might be absent. In truth, with the weekend format of this class, if you miss one day, you will most likely fail the course.

Assignments:

In order to receive full credit, your assigned work must be submitted by the start of the class on the scheduled due dates. Work must be neat and organized. Late assignments will not be accepted after final exam. If you copy any portion of a test, project, or homework, BOTH COPIES of the entire work will receive a score of zero.

All papers must have your full name, class title, date and assignment number written on them. Use a real floppy disk label with your full name written on it to turn in work that requires a floppy. Use Email instead if possible.

Web Page/Site Requirements List (everything from CMST 385 plus):

1. Strong focus on design

2. Include frames on at least one page

3. Introduce java script with two programs

4. Increased focus on content and applicability

5. Include CSS (cascading style sheet) formatting

6. Introduce dynamic html (dhtml)

7. Hit counter

8. Meta tags

9. Extensive table formatting

10. Copyright statement page

	Tentative Course Schedule (This schedule is subject to change)
Week	Topic	Chapters to read: D= Deitel, M= Musciano	Assignment to do: Deitel End of Chapter Exercises
1	No class	Read next week’s chapters	Do next week’s assignment(s)
2 Apr 12, 13	Saturday: Review (385) (386) Table formatting (386) HTML to XHTML Sunday: continue XHTML; Frames Accessibility & Design	M1-7, 10; D1-1.17, D2 M17.4; D5.1-5.3 M15:pp484-487, M16; D4, D5.6-5.7 M11; D5.9-5.10 D34	1.1-1.8, 2.1-2.3 due 09:00 Sunday: Web Site 1 4.1-4.7,4.14-4.16, 5.1-5.5
3			Due 19 April: Web 2 Tables/Access. Due 24 April: Web 3 Frames
4 Apr 26, 27	Saturday: CSS e-Business and Forms Sunday: Meta tags Review & Midterm Exam	M8, D6 D32 and M9; D5.4-5.5 M6.8, D5.8; web tutorial	6.1-6.4, 6.7 Due 3 May: Web 4 CSS
5			Due 8 May: Web 5 Form 1
6 May 10, 11	Saturday: JavaScript Introduction Sunday: JavaScript Functions	M12.3; D7, D8 D10.1-10.9	7.1- 7.12, 7.23-7.24; 8.1-8.10, 8.19, 8. 21 10.1-10.6,10.19ab;
7			Due 15 May: Web 6 JavaScript/Form 2 Due 22 May: Web 7 JavaScript
8 May 24, 25	Saturday: Control Structures II DHTML introduction Sun: Presentations, final Exam	D9 D13, 14	9.1-9.5,9.13,9.15; 13.1-13.3; 14.1-14.2

Projects/ Web Sites - For each web site: After you complete each project, email your home page URL to me.

• Starting with Web Site 2, you must do research and write a brief summary (1 to 3 paragraphs: maximum of one page – remember: “less is more”**) of what you learn about the topic specified for each web site. You must provide at least 2 APA style references on each topic.
• Organize/Design your material so it is easy for your reader (instructor) to find what she or he is seeking. To do this, you must determine what is important to your reader.
• Validate every source file with the validator.w3.org web site. Since you are not responsible for the code the web server adds to your page, validate your file from your PC rather than from the web host. Add the validator logo to every page after it passes. Add a disclaimer about the code that the server adds.
• Starting with Web Site 2, make every source file pass the bobby.watchfire.com accessibility validation. Add the Bobby logo to every page after it passes
• Create a clearly labeled link from your home page to each page required by each assignment.
• Each page must have your name, due date, assignment number, and a link back to your home page.
• Use comments to clarify code or explain why it is done that way. Do not just repeat what the code says.

Web Site 1: From HTML to XHTML

1. get a free web host (such as Tripod or Geocities) For example, see: http://www.oocities.org/rcshields2
2. create a valid W3C XHTML home page named index.htm. You must include everything listed in bullet point 5 above on the page.
3. Put an image of an animal on your home page.
4. Remember to Validate then email your homepage URL to me when done

Web Site 2: Tables and Accessibility

The topic you must research is: The validity of the web as a source of information.

1. create and link from your home page to a one or more, page(s) with the following items (You might use figure 5.2 as a starting point):

1. A table with row and column spanning
2. and an animated image in the upper left hand cell
3. and a 2 by 3 table nested in the upper right hand cell
4. One ordered and one un-ordered list
5. An anchor named PageTop on a link to an anchor named PageBottom
6. A link from the bottom of the page to the anchor named PageTop above
7. three small sized graphics: one of each of the primary web image formats
8. do not forget bullet point 5 above for all pages

2. Label, with letters, each of the required items above so that they are easy to find
3. Make every page (from this through Web Site 7) pass the bobby.watchfire.com accessibility validation. Add the Bobby logo to every page after it passes

Web Site 3: Frames

The topic you must research is: Effectiveness of the web in solving academic national, and international work-related problems

Replace your home page with a page that has the following components.

1. a top and a bottom frame
2. the bottom frame must contain a left and a right frame
3. the left frame must have links to all your web pages and target the right frame
4. create page(s) to demonstrate the <base> default target (M11.7.3) and the special targets in M11.7.2

Web Site 4: CSS

The topic you must research is: The regulatory impact on the Internet and its users.

1. Create a page using 3 examples of each of inline, embedded and external styles for a total of at least 9 styles. Put the URL of the external style sheet on the page.
2. clearly document and demonstrate an inline style overriding an embedded style
3. clearly document and demonstrate an embedded style overriding an external style.
4. create external styles to use (and may change if needed) on web sites 4, 5, 6 and 7.

Web Site 5: Form 1

The topic you must research is: How the web impacts society.

1. create a valid W3C XHTML page with a form as defined in Deitel exercise 5.9
2. Uses the code listed on my web site as a model for the action and add the hidden ‘to’ tag with your email address so you can test the form.

Web Site 6: JavaScript Introduction and control structures and Form 2

The topic you must research is: The major strengths and weakness of the Internet.

JavaScript arrays and objects

1. create a page with one of each of the tags listed in Musciano Table9-1.
2. Uses the code listed on my web site as a model for the action and add the hidden ‘to’ tag with your email address so you can test the form.

3. create a page as defined in Deitel exercise 7.16 (sum/product/difference/quotient). You must use an if statement to ensure that your code does not divide by zero.

3. create a page as defined in Deitel exercise 8.14 (while loop).

Web Site 7: JavaScript

The topic you must research is: How html & JavaScript have changed appearance and functionality of the Internet.

1. Create page(s) as defined in Deitel exercise 9.12 (products sold) and 10.19 (temperature).

Presentation:

1. prepare to present the 3 most interesting or educational items you created in web pages this term. You must do your presentation in under 3 minutes.

Research summaries: You must use the APA style of report writing for the research summaries and citations. To learn about APA formatting, use the UMUC library at http://www.umuc.edu/library/library.html. Look under Writing Resources for Citing Internet Resources: APA Style or MLA Style. Choose UMUC's Guide to Citing Electronic Resources – APA. (The examples shown at the UMUC library do not show the hanging indent and double spacing required of APA style.) You may visit the APA site (http://www.apa.org/). Other sources include APA Samples For A Bibliography: (http://www.ithaca.edu/library/course/apa.html), APA Documentation Style, visit the link titled Overall Paper Format – APA: (http://www.writinghelp-central.com/apa.html ), and Using Principles of APA Style to Cite and Document Sources: (http://www.bedfordstmartins.com/online/cite6.html)

ACADEMIC POLICIES: UMUC policies discuss your rights and responsibilities regarding such issues as Attendance, Religious Observances, Examinations, Writing and Mathematics, Plagiarism, and Disabled Students. See the policies at http://www.ad.umuc.edu/gen/disc/acadpoli.html. UMUC – Asian Division Student Resources include the Catalog, the Student Handbook, and Library Resources. The URL describing this material is http://www.ad.umuc.edu/docs/welcome.html. Please read the about Plagiarism in the Academic Policies section and Grades & Grading Systems in the Student Records & Grades section of the Catalog.

Students who violate UMUC's policy on Academic Dishonesty and Plagiarism will receive a zero on the assignment in question; further violations of the policy will result in referral to the Dean's office for further administrative action. The grade of I (Incomplete) is only given in extraordinary circumstances. Students requesting an I must have completed at least 60 percent of the course work and hold a C average.

PARTICIPATION IN CLASS: To be properly prepared, read each of the assigned chapters and do the assignment before the class begins. In class, you may be asked to complete exercise sheets, to look up things on the Internet, to create some web pages. These exercises are meant to help you learn what you need in this course. Do not skip class to work on assignments.

EXAMS: Each examination or test may be a combination of short answer, fill-in the blank, multiple choice, essay questions, and problems. Be able to discuss and apply assigned reading materials. Complete assignments and projects to best prepare for the examinations.

MAKEUP WORK: If you miss a test or examination you must submit official documentation stating the reason for the absence before a make-up examination will be given. You must provide documentation showing the reason for the absence (illness, TDY, extra duty, or emergencies); otherwise, late work is subject to a 30% penalty. If you need to take a test or exam earlier than its scheduled date (due to some work related activity), you must contact me immediately to arrange this. You must take the makeup test or exam within one week of your return to class.

UMUC Databases: The University subscribes to several on-line library databases that students, faculty, and staff may access via the WWW. see: http://www.umuc.edu/library/ols.html. Log in with your Social Security number. As a student of UMUC you may order up to 10 articles per term (that are not full text). See the Web Databases/MdUSA FAQ or contact a UMUC reference librarian at umuc-reference@info.umuc.edu.

---

* From Robert Browning’s Poem, Andrea del Sarto. Also, “a man’s reach should exceed his grasp, Or what’s a heaven for?”