SYLLABUS
CSE102 - Fall 2019
Introduction to Web Design and
Programming
https://ppawar.github.io/Fall2019/CSE102-F19/index.html
Course Description
An introduction to the design of Web pages, specifically the
development of browser and device independent HTML, with an emphasis on the
XHTML standards. Includes the use of style sheets (CSS) and tools for page
layout and verification. HTML is presented as a mark-up language, exploring the
rules of HTML elements and attributes. Students learn the separation of page
viewing information from the HTML through CSS style sheets as well as the use
of block layout without using HTML tables. Addresses HTML display properties
including text, color, image, and graphic elements as well as approaches to
HTML validation and techniques.
(https://sunyk.cs.stonybrook.edu/students/Undergraduate-Studies/courses/CSE102)
Prerequisites
CSE 101 or basic computer skills
Discussion Forum
As a technical discussion forum, we will be using Piazza on an
experimental basis. Following is the signup link of CSE102 on Piazza:
http://piazza.com/sunykorea.ac.kr/fall2019/cse102
Piazza tutorial for students:
https://rutgers.instructure.com/courses/35/pages/piazza
Everyone is expected to
1.
Use this platform responsibly, and maintain social decorum at
all times, and
2.
Not use this platform for non-technical (especially non-course
related) issues.
Access to the discussion platform is not a required component of
the course, and as such, any violation of the above decorum (especially if it
compromises the social and/or learning environment for other students) by an
individual will lead to an immediate removal of that individual from the
discussion forum.
Course Outcomes
· Develop the
students’ ability to create Web pages using validated XHTML standards.
· Introduce the
students to the use of Cascading Style Sheets for formatting the presentation
of Web pages, and the principles of what makes good Web page style.
· Introduce the
students to effective page layout principles and the use of CSS positioning for
effective Web page layout.
·
Introduce the students to WYSIWYG tools for creating well
designed and organized Web sites.
Staff
Instructor: Pravin
Pawar
Office:
B424, Department of Computer Science, SUNY Korea
Office
Hours: Tuesday/Thursday 10:30 AM - 12:30 PM
Email:
pravin.pawar@sunykorea.ac.kr
Phone:
(O) 032-626-1227, (M) 010-8692-4908
TA
Help: TAs are available for tutoring in the CS
Commons in B Bldg on the 4th floor.
TA schedule:
Undergraduate (tutoring TA):
|
Jihee Son Phone: 010 5067 4306 Email: jihee.son@stonybrook.edu |
TA
hours: Wednesday/Thursday:
8:00 PM – 11:00 PM Tuesday:
2:30 – 5:00 PM (To be confirmed) |
Class Time and Place
Textbooks
|
|
|
|
- (Textbook 1) Jennifer
Robins, Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript,
and Web Graphics, O'Reilly Media; 5th edition, 2018, ISBN 1491960205.
- (Textbook 2) Paul S. Wang, Dynamic Web
programming and HTML5, Routledge, 1 edition, 2012, ISBN 1439871825.
- (Textbook 3) Robin Nixon, Learning PHP,
MySQL, JavaScript, CSS & HTML5: A Step-by-Step Guide to Creating
Dynamic Websites, O'Reilly, 3rd Edition, 2014, ISBN 1491949465.
|
|
|
|
- (Reference book 1) Steve Krug, Don't
Make Me Think, Revisited : A Common Sense Approach to Web & Mobile
Usability, Pearson Education, 3rd edition, 2015, ISBN-10: 9332542864.
- (Reference book 2) Jason Beaird &
James George, The Principles of Beautiful Web Designing, SitePoint, 3rd
edition, 2014, ISBN 0992279445.
- (Reference book 3) David Benyon,
Designing Interactive Systems: A Comprehensive Guide to HCI, UX and
Interaction Design, Pearson, 3rd edition, 2013.
Lecture Notes and Reading Assignments
The following course schedule provides
topics, problem sets, quiz dates, and exam dates. Check back frequently.
|
Date |
Activity |
Topics |
Readings |
Course material |
|
Monday, August
26, 2019 |
Lecture 1 |
Introduction
to the course Introductory
survey |
|
|
|
Wednesday,
August 28, 2019 |
Lecture 2 |
Don't make me
think! |
Reference
book 1: Chapters 1 - 8 |
|
|
Monday,
September 2, 2019 |
Lecture 3 |
|
|
|
|
Wednesday,
September 4, 2019 |
Lecture 4 |
Introduction to the Web Exercise/quiz |
Textbook 2:
Chapter 1 |
|
|
Monday,
September 9, 2019 |
Lecture 5 |
Webpage
markup with HTML5 |
Textbook
2: Chapter 2 |
|
|
Wednesday,
September 11, 2019 |
Lecture 6 |
Exercise/quiz |
|
|
|
Monday,
September 16, 2019 |
Lecture 7 |
Assignment 1 |
|
|
|
Wednesday,
September 18, 2019 |
Lecture 8 |
Exercise/quiz |
|
See
blackboard for exercise 3 |
|
Monday,
September 23, 2019 |
Lecture 9 |
|
|
|
|
Wednesday,
September 25, 2019 |
Lecture 10 |
Exercise/quiz |
|
|
|
Monday,
September 30, 2019 |
Lecture 11 |
Introduction
to CSS |
Textbook 2:
Chapter 4 |
|
|
Wednesday,
October 2, 2019 |
Lecture 12 |
|
||
|
Monday,
October 7, 2019 |
Adjustment
day/no class |
|
|
|
|
Wednesday,
October 9, 2019 |
Hangul
day/no class |
|
|
|
|
Monday, October
14, 2019 |
Lecture 13 |
Midterm 1 review |
|
|
|
Wednesday,
October 16, 2019 |
Lecture 14 |
Midterm 1 |
|
|
|
Monday,
October 21, 2019 |
Lecture 15 |
Textbook
2: Chapter 3 |
||
|
Wednesday,
October 23, 2019 |
Lecture 16 |
Exercise/quiz |
|
|
|
Monday,
October 28, 2019 |
Lecture 17 |
|
|
|
|
Wednesday,
October 30, 2019 |
Lecture 18 |
Exercise/quiz |
Textbook 2:
Chapter 5 |
|
|
Monday,
November 4, 2019 |
Lecture 19 |
|
|
|
|
Wednesday,
November 6, 2019 |
Lecture 20 |
Exercise/quiz |
Textbook 3:
Chapter 3, 4, 5, 6 |
|
|
Monday,
November 11, 2019 |
Lecture 21 |
|
|
|
|
Wednesday,
November 13, 2019 |
Lecture 22 |
Exercise/quiz Assignment 4 |
|
|
|
Monday,
November 18, 2019 |
Lecture 23 |
Textbook 2:
Chapter 6 Textbook 3:
Chapter 13, 14, 15, 16 |
||
|
Wednesday,
November 20, 2019 |
Lecture 24 |
Exercise/quiz |
|
|
|
Monday,
November 25, 2019 |
Lecture 25 |
Midterm 2
review |
|
|
|
Wednesday,
November 27, 2019 |
Lecture 26 |
Midterm
2 |
|
|
|
Monday,
December 2, 2019 |
Lecture 27 |
WYSYWIG HTML
editors |
|
|
|
Wednesday,
December 4, 2019 |
Lecture 28 |
End-term
review |
|
|
|
Monday,
December 16, 2019 |
|
Final
Exam (6:30 – 9:00 PM) |
|
|
|
Wednesday, December 19, 2019 |
Finalizing
grades |
|
|
Grading Scheme and Grades Calculation
The course provides a total of 500 points distributed across the
below categories. Your grade in the course will be based on the following work:
· Programming assignments (30%, 4 assignments given) = 30% (150
points). Web pages will be designed and developed by students in various ways
using different technologies for these assignments.
· Class exercises and surprise quizzes (~10, 2% each) = 20% (100
points). There will a number of class exercises and quizzes given during the
lecture on the material covered in class that week. These exercises and quizzes
are intended to make sure students are keeping up with the material.
· Mid-term exams (30%, 2 exams given) = 30% (150 points). These
will be written exams.
· Final exam = 20% (100 points). This will be a written exam.
Do not miss the exams, quizzes and exercises. Make-up exams will
be given only in extenuating circumstances (e.g., hospital admission). Students
who miss an exam for a valid reason may need to take a make-up exam; specific
arrangements will be made on a case-by-case basis. Make up exams may be oral.
The final grade is based on the accumulated points from all
quizzes, exams, and assignments (with the entire class comprised of 500
points).
Re-grading Policy:
· For the assignments, quizzes
and mid-term exams, request for re-grading must be made within one week from
after the announcement of grades.
· Quiz and mid-term exam papers
can be collected after two weeks from the date grades are announced.
· For the final exam, there will
be a special office hour designated to resolve any grade queries or disputes.
This will be announced after the final exam. The final exam papers will not be
returned.
Assignments Submission Policy:
· All assignments must be
electronically submitted via Blackboard. Submission instructions will be made
available as part of the homework document.
· Uncompilable code will receive
no credit.
· Late submissions will be
permitted only in
extenuating circumstances (e.g., hospital admission), otherwise late
submissions will not be evaluated and will receive no credit.
Disability Support Services (DSS) Statement:
If you have a physical,
psychological, medical or learning disability that may impact your course work,
please contact Student Services &
Career Team - Academic Building, A208, 032-626-1190. They will determine
with you what accommodations, if any, are necessary and appropriate. All
information and documentation is confidential.
Students who require assistance during emergency evacuation are encouraged to
discuss their needs with their professors and Disability Support Services. For
procedures and information go to the following website: http://www.stonybrook.edu/ehs/fire/disabilities
Academic Integrity Statement:
Each student must pursue his
or her academic goals honestly and be personally accountable for all submitted
work. Representing another person's work as your own is always wrong. Faculty
are required to report any suspected instances of academic dishonesty to the
Academic Judiciary. Faculty in the Health Sciences Center (School of Health
Technology & Management, Nursing, Social Welfare, Dental Medicine) and
School of Medicine are required to follow their school-specific procedures. For
more comprehensive information on academic integrity, including categories of
academic dishonesty, please refer to the academic judiciary website at http://www.stonybrook.edu/commcms/academic_integrity/index.html
Critical Incident Management
Statement:
Stony Brook University expects
students to respect the rights, privileges, and property of other people.
Faculty are required to report to the Office of Judicial Affairs any disruptive
behavior that interrupts their ability to teach, compromises the safety of the
learning environment, or inhibits students' ability to learn. Faculty in the
HSC Schools and the School of Medicine are required to follow their
school-specific procedures.