Quinsigamond Community College
CIS 234 - Web Development II - Section 40

SYLLABUS


SEMESTER: Spring 2001CLASS: Thursday 4:00 pm - 6:55 pm
INSTRUCTOR: Diana Engelbart ROOM: 377A
OFFICE HOURS: By Appointment E-MAIL: engelbrt@ultranet.com



PREREQUISITE: CIS 134 or equivalent knowledge of hand coding HTML, CIS 121 or equivalent programming experience, Reading Comprehension and Anayltical Skills

TEXT: Creating Web Pages with HTML and Dynamic HTML by Patrick Carey, Course Technology
ISBN: 0-619-01969-7

DESCRIPTION: TThis course will provide the student with the opportunity to create interactive, on-line business solutions. This course will provide the student with the opportunity to incorporate Javascript, Multi-Media and Dynamic HTML to create complex web pages.

OBJECTIVES:

  1. Create web pages using Javascript programming
  2. Understand and be able to use Javascript events and objects
  3. Enhance web pages with sound, video and Java Applets
  4. Create animations using Javascript
  5. Create dynamic content
  6. Create rollovers, menus, filters and transitions
  7. Sharpen and strengthen business problem solving skills

ATTENDANCE: Attendance will be taken. Students are expected to be punctual and conduct themselves professionally in the classroom.

MATERIALS: Approximately 10 3 ½" floppy disks will be required for this course.

HTML CODING POLICY: The HTML for all assignments, exams and projects is to be manually coded. Use of HTML generators is not allowed.

HTML ASSIGNMENTS: All HTML assignments are described in the book. Files required for these projects can be obtained from Course Technologies' website http://www.course.com or from the folder CIS 134 - Engelbart on the school's shared drive (G:\). Assignment work should be submitted on a labeled 3 ½" floppy disk, organized appropriately in folders/directories. Assignments will be graded based on the following criteria:
  1. The code works as expected
  2. The code is readable
  3. The code is commented
  4. Good coding style is used
  5. All of the files for each assignment should be in a folder for that assignment and the folder should be on your floppy.

SOLUTIONS: Solutions to the quiz, exams and HTML assignments will be posted to this web site the day after such items are due. Late assignments will not be awarded credit. Students wishing to make up missed items should make arrangements with the instructor for alternatives.

PROJECTS: The final project will be an original website or a major revision to an existing website. The subject may be related to the student's interest or business. Students may choose to work individually or in teams. Team projects are expected to have a broader scope than individual projects. Projects will be submitted on 3 ½" floppy disk. A brief explanatory document must accompany each project. The explanatory document should be composed in Microsoft Word and should contain a description of the project, the intended function of the project, features used in the project and the name(s) of the people who created the project. Please refer to the course outline for specific due dates for each project dates.

  1. Project 1: Javascript: Create an original Web site that exercises what you have learned in Tutorials 8 and 9. The site should be an interactive form and should contain the following features:
    • Objects, properties, methods and events
    • Programs that run in response to user actions
    • Dialog boxes that prompt the user for input
    • A Javascript function
    • Should include an array and appropriate conditional statements

  2. Project 2: Multimedia: Create an original website that exercises what you have learned in Tutorial 10. The site should include the following features:
    • An embedded sound file
    • Link to a video file
    • Java Applet
    • Marquee

  3. Project 3: Dynamic HTML: Create an original website that exercises what you have learned in Tutorials DHTML 1 thru DHTML 5. The site should include the following features:
    • Demonstrate that you can position objects using a Cascading Style Sheet
    • Demonstrate that you can work with the Document Object Model
    • Display one format of the site that is Internet Explorer Specific and another format that is Netscape specific
    • Animated Text
    • Path animation
    • Dynamic Content
    • Graphic Rollover
    • Pop Up menu
    • Drag and Drop
    • Change the style of the mouse cursor when the cursor is moved over a dragable object
    • Pop Up Window

EXTRA CREDIT: Opportunities for extra credit on the quiz and on the exams will be given. Extra credit may also be awarded at the instructor's discretion. Students may request extra credit problems. Extra credit questions/projects are optional. Extra credit will be added to the overall points score.


GRADING: There will be 16 HTML assignments, and 3 web development project. 2 points will be deducted from each programming assignment for each class day that it is late. The final grade will be based on the following:


COMPONENT NUMBER POINTS EACH TOTAL POSSIBLE POINTS
HTML Assignments1610160
Projects3100300
GRAND TOTAL  460


GRADE PRECENTAGE POINT RANGE
97% - 100%427 - 460
A-93% - 96%414 - 423
B+90% - 92%400 - 409
87% - 89%381 - 395
B-83% - 86%368 - 377
C+80% - 82%354 - 363
77% - 79%335 - 350
C-73% - 76%322 - 331
D+70% - 72%308 - 317
67% - 69%290 - 303
D-63% - 66%276 - 285
<= 59%<= 272

Quality of class participation will be used to determine final grade when points earned fall outside of grade point ranges.


COURSE OUTLINE
  1. Thursday, January 24, 2002
    • Syllabus Review/ Course Overview
    • Homework:
      • Read Tutorial 8 and do the accompanying exercise
    • Homework Assignment 1:
      • Case 1: Displaying the Daily Dinner Specials at Kelsey's Diner, p.HTML8.40
      • Case 4: Creating a List of Daily Events at Avalon Books, p.HTML8.46

  2. Thursday, January 31, 2002
    • No Class

  3. Thursday, February 7, 2002
    • No Class

  4. Thursday, February 14, 2002
    • Discussion:Tutorial 8: Introduction to Javascript
    • Homework:
      • Read Tutorial 9 and do the accompanying exercise
    • Homework Assignment 2:
      • Case 1: Creating an Online Order Form for UB Computing, p. HTML9.47
      • Case 2: Creating a Hyperlink Selection List for the Monroe Public Library, p.HTML9.49

  5. Thursday February 21, 2002
    • HOMEWORK ASSIGNMENT 1 DUE
    • Discussion: Tutorial 9: Working with Javascript Objects and Events
    • Homework:
    • Homework Assignment 3:
      • Case 1: Adding Multimedia to the Lincoln Museum Web Page, pHTML10.38
      • Additional Case 2: Creating a Style For a Web Site, p.ADD2.01

  6. Thursday February 28, 2002
    • HOMEWORK ASSIGNMENT 2 DUE
    • Discussion: Tutorial 10: Creating a Multimedia Web Page
    • Homework:
    • Homework Assignment 4:
      • Case 1: Using Path Animation in an Opening Screen for the Golf Page, p.DHTML1.59
      • Case 3: Adding Animation to the AJA Web Page, p.DHTML1.62

  7. Thursday March 7, 2002
    • HOMEWORK ASSIGNMENT 3 DUE
    • Discussion: DHTML Tutorial 1: Working with Dynamic Page Layout
    • Homework:
    • Homework Assignment 5:
      • Case 1: Translating French Phrases for French 101, p.DHTML2.48
      • Case 3: Creating an Online Quiz for European History, p.DHTML2.50

  8. Thursday, March 14, 2002
    • PROJECT 1: JAVASCRIPT DUE
    • HOMEWORK ASSIGNMENT 4 DUE
    • Discussion: DHTML Tutorial 2: Working with Dynamic Page Layout
    • Homework:
    • Homework Assignment 6:
      • Case 1: Creating a Concentration Game for Games, Etc., p.DHTML3.48
      • Case 2: Creating a Splash Screen for Scavenger, p.DHTML3.50

  9. SPRING BREAK

  10. Thursday, March 28, 2002
    • PROJECT 2: MULTIMEDIA DUE
    • Discussion: Tutorial DHTML 3: Working with Special Effects
    • Homework:
    • Homework Assignment 7:
      • Case 1: Creating a Quiz for Opera 101, p.DHTML4.52
      • Case 3: Creating a Preference List for Consumer Surveys, p.DHTML4.54

  11. Thursday, April 4, 2002
    • HOMEWORK ASSIGNMENT 5 DUE
    • Discussion: Tutorial DHTML 4: Working with the Event Model
    • Homework:
    • Homework Assignment 8:
      • Case 1: Creating a Pop-Up Window for the Civil War Journal, p. DHTML5.48
      • Case 2: Writing to a Pop-Up Window for Anatomy 101, p.DHTML5.49

  12. Thursday, April 11, 2002
    • HOMEWORK ASSGINMENT 6 DUE
    • Discussion: Tutorial DHTML 5: Working with Windows and Frames

  13. Thursday, April 18, 2002
    • HOMEWORK ASSIGNMENT 7 DUE
    • PROJECT DAY
    • General Discussion

  14. Thursday, April 25, 2002
    • HOMEWORK ASSIGNMENT 8 DUE
    • PROJECT DAY
    • General Discussion

  15. Thursday, May 2, 2002
    • PROJECT 3: DYNAMIC HTML DUE
    • PROJECT DAY

  16. Thursday, May 9, 2002
    • ALL HOMEWORK AND PROJECTS DUE

Check out the QCC Computer Club!