JCU Logo

JOHN CABOT UNIVERSITY

COURSE CODE: "CS 131"
COURSE NAME: "Web Design II"
SEMESTER & YEAR: Fall 2022
SYLLABUS

INSTRUCTOR: Marco Scaramastra
EMAIL: [email protected]
HOURS: TTH 1:30 PM 2:45 PM
TOTAL NO. OF CONTACT HOURS: 45
CREDITS: 3
PREREQUISITES: Prerequisite: CS 130
OFFICE HOURS:

COURSE DESCRIPTION:
The course provides students with the technical knowledge required to deal with the professional process of designing, developing, installing and maintaining a business web site.
SUMMARY OF COURSE CONTENT:

1. Web design review - Layouts' strategies: The box-model

2. Web design review - Layouts' strategies: Positioning

3. Advanced Web design - Responsive design

4. HTML5 and Javascript

5. JavaScript fundamentals

6. Interactivity - The Document Object Model (DOM)

7. Functions and objects

8. Practice with Javascript

9. Advanced CSS for image's effects

10. Javascript for image's effects


Students will set up a web site using professional designing, styling, and programming tools as a course project.

LEARNING OUTCOMES:

On completion of the course a student should be able to

1. Apply the technology behind modern professional web design and development

2. Utilize the standard tools for web design: designing, styling, and programming tools

3. Develop and validate web sites conform to usability and accessibility W3C rules;

4. Apply Design Principles to Website design

TEXTBOOK:
NONE
REQUIRED RESERVED READING:
Book TitleAuthorPublisherISBN numberLibrary Call NumberComments
W3Schools Java Script TutorialsW3Schools Java Script TutorialsW3SchoolsW3Schools  

RECOMMENDED RESERVED READING:
NONE
GRADING POLICY
-ASSESSMENT METHODS:
AssignmentGuidelinesWeight
Attendance and class activities/assignmentsClass activities and assignments are used to encourage students to continuously study throughout the course. Assignments will require to solve practical exercises where students must modify or improve a web page/script by applying the latest features learnt in class.20%
midterm projectStudents need to design and implement the home page of the website that will be completed, as well as enriched and improved, for the final project - The page must be developed using HTML5 designing features and should include simple Javascript web apps - topic is free. Students will also include in their work a written report where they analyze and justify their design/implementation choices (coding, color scheme, navigational features, information organization, etc).30%
Final projectStudents must complete, as well as enrich and improve by means of HTML5 designing features and Javascript web apps, the website they started for the midterm project. Students will include in their work a written report where they analyze and justify their design/implementation choices both technically and according to the topic chosen and the potential users (coding, color scheme, navigational features, information organization, etc). The pages must all pass the W3C validation check. The grade will be based upon: Coding ability, Home page design and structure, Content design - Information architecture, Site design - navigation, unified look, usability.50%

-ASSESSMENT CRITERIA:
AWork of this quality directly addresses the question or problem raised and provides a coherent argument displaying an extensive knowledge of relevant information or content. This type of work demonstrates the ability to critically evaluate concepts and theory and has an element of novelty and originality. There is clear evidence of a significant amount of reading beyond that required for the co
BThis is highly competent level of performance and directly addresses the question or problem raised.There is a demonstration of some ability to critically evaluatetheory and concepts and relate them to practice. Discussions reflect the student’s own arguments and are not simply a repetition of standard lecture andreference material. The work does not suffer from any major errors or omissions and provides evidence of reading beyond the required assignments.
CThis is an acceptable level of performance and provides answers that are clear but limited, reflecting the information offered in the lectures and reference readings.
DThis level of performances demonstrates that the student lacks a coherent grasp of the material.Important information is omitted and irrelevant points included.In effect, the student has barely done enough to persuade the instructor that s/he should not fail.
FThis work fails to show any knowledge or understanding of the issues raised in the question. Most of the material in the answer is irrelevant.

-ATTENDANCE REQUIREMENTS:
Attendance is mandatory.

The class is a lab and no lesson should be lost.
ACADEMIC HONESTY
As stated in the university catalog, any student who commits an act of academic dishonesty will receive a failing grade on the work in which the dishonesty occurred. In addition, acts of academic dishonesty, irrespective of the weight of the assignment, may result in the student receiving a failing grade in the course. Instances of academic dishonesty will be reported to the Dean of Academic Affairs. A student who is reported twice for academic dishonesty is subject to summary dismissal from the University. In such a case, the Academic Council will then make a recommendation to the President, who will make the final decision.
STUDENTS WITH LEARNING OR OTHER DISABILITIES
John Cabot University does not discriminate on the basis of disability or handicap. Students with approved accommodations must inform their professors at the beginning of the term. Please see the website for the complete policy.

SCHEDULE

Week 1-2. Web design review - Layouts' strategies: (the box-model).

Week 3-4-5. Designing for responsiveness.

Week 6-7. JavaScript fundamentals - The Document Object Model (DOM)

Week 8-9. Functions and objects - Practice with Javascript - Modifying the page DOM

Week 10-11-12. Advanced CSS for image's effect

Week 13-14. CSS and Javascript to add a dynamic behaviour to your pages