ISM 116: Web Design and Development
（Spring 2016）
Instructor:
Rudolph Bedeley
Co-Instructor: Dr. Al Salam Farooq
Office:
485 Bryan Building
E-Mail:
rtbedele@uncg.edu
Office Hours: M/W 1~2pm or By Appointment
Catalog Description
Students will learn skills needed to design effective web pages by studying the best practices in site
design and using leading-edge design and development tools and techniques.
Course Objectives
This course is designed to teach students how to design, develop, and maintain a web site. Students will
learn web design and development techniques such as: defining the purpose for a web site; creating an
information architecture; designing layouts with text, hyperlinks, images, divs, tables, etc.; styling web
pages; and adding rich media to the web site. Dreamweaver will be the main tool to be used for class
demonstrations and lab assignments, and it is recommended for web development projects; other
programs may be used as well. Students will refine their development skills by using these technologies
to complete a series of course assignments and projects. Students will complete weekly labs and two
major projects: an individual assignment and a team project. The individual assignment demonstrates
each student’s design and creativity capabilities. The team project demonstrates students’ ability to work
in teams to complete a project. This skill is extremely important as a practitioner. As part of these major
projects, students are expected to design and develop fully functional web sites that can be added to their
professional portfolios.
Upon completion of the class, students will be able to:
1. Understand the basics of HTML CSS and use them appropriately;
2. Plan a web design project based on real life cases;
3. Design the architecture, layout and content of web sites;
4. Use design tools such as Dreamweaver CS6 and WordPress to create web pages and to implement a
website;
5. Enhance the visual design of a website by adding rich media; add dynamic elements and interactive
database functionalities
6. Test the usability of a website;
7. Promote the website to targeted audience;
Text Book and Course Resources
1. Adobe Dreamweaver CS6 Comprehensive, Series: Shelly Cashman; Author: Hoisington/Minnick;
Publisher: Cengage Learning; 1st edition (November 1, 2012)(Recommended but not Mandatory)
2. Web Style Guide: Basic Design Principles for Creating Web Sites; Second Edition, by Patrick J.
Lynch, Sarah Horton, Yale University Press. (This text book can be viewed from
www.webstyleguide.com)
3. W3C online Tutorial: http://www.w3schools.com/
Canvas Learning Management System (https:// canvas.uncg.edu)
You should be familiar with the Canvas because it will be used for communicating. Course
materials and tests will be administered via Canvas. Course announcements and updates will be
posted regularly. I expect you to check your e-mail and Canvas system daily.
STATEMENT OF STUDENTS’ RIGHTS AND RESPONSIBILITIES
This syllabus is a contract. Your full understanding and acceptance of the following rights and
responsibilities will lead to better learning. If you are in this class after week 1, I assume you
read, understood and “signed” this contract.
You have the right to expect:
1. Your professor to be prepared for each class, to deliver course materials online at the
designated time.
2. Your professor to deliver all scheduled course materials or arrange for a qualified
substitute if it is necessary to miss class because of illness or University approved
commitments.
3. Clear statements of course expectations, policies, testing and grading practices and
student performance.
4. Your professor to hold a reasonable number of office hours to discuss assignments or to
assist you with course matters.
5. Your professor to read and respond to student emails in a timely fashion – weekdays
within 24 hours and weekends within 48 hours.
6. Knowledgeable assistance from your professor regarding class assignments and course
content.
7. Professional behaviors reflecting equitable treatment, ethical practices and respect for
your rights.
8. Opportunities to challenge ideas and defend your beliefs in a professional manner.
9. To be challenged to grow both academically and professionally. This means I may
openly disagree with some responses or comments. Use such exchanges to grow
intellectually.
10. Information regarding career opportunities related to ISM programs.
11. Your professor to abide by University policies.
12. Fairness and clarity in evaluation of your performance.
13. Adequate opportunity to appeal any perceived violations of the above rights.
You have specific responsibilities to:
1. Read your UNCG email at least once each 24 hours;
2. Read all posted announcements in the course management system;
3. Keep track of your class grades all the time and report any grading immediately;
4. Commit yourself to grow academically and professionally;
5. Plan your study and work schedule appropriately to allow sufficient time to do quality
work in the course (Review “Suggested Academic Workload Guidelines” for the Bryan
School of Business and Economics published in the UNCG Undergraduate Bulletin);
6. Complete all assignments in a professional manner;
7. Strictly adhere to the posted deadlines. Otherwise, accept the penalty based on the
policies specified by the instructor;
8. Practice ethical behaviors and display respect to the rights of others;
9. Timely contact your instructor and discuss circumstances that may prevent you from
achieving acceptable performance;
10. Understand and follow the school and course policies, including the UNCG Academic
Integrity Policy (http://sa.uncg.edu/dean/academic-integrity/), and report observed
violations of these policies.
INSTRUCTIONAL METHODOLOGY AND ASSESSMENT
This class will be based on readings, lectures/discussions, and lab work. Student performance
may be assessed using quizzes, exams, assignments, and potential extra-credit assignments. This
is a paperless class – most materials will be distributed and all assignments will be collected
electronically.
1. Lecture (Monday Bryan 213): will give students a basic understanding of good design
principles and a vocabulary sufficient to guide them as they explore website design on their own.
Students are expected to learn how to find information to solve the problems they encounter in
labs and on assignments. Since technology is ever-changing, knowing how to find answers is
extremely important. Some in-class examples will be used to demonstrate the application of
concepts discussed in the lectures. Students may be asked to participate in the class examples.
2. Lab (Friday Bryan lab 221) are designed to encourage students to solve real development
problems with reference to what they have learnt in both lecture and class example
demonstration. A great deal of learning in the class is self-directed. However, both the instructor
and the on-duty students of that week will be in the lab helping around and answering questions.
Course Assignments, Exams, and Projects:
Grading Items
In Class Quiz x5
Lab Assignments x6
Review Notes
Written Exam
Lab Exam
Individual Web Page
Requirements
Students will be given a small in class quiz every
Monday class, there will be 3-5 questions based on the
materials covered last week; those questions will be in
the mid-term exam.
There will be 6 lab assignments (lab 1~6) and all lab
1~6 are due at midnight prior to Monday class
Students are required to prepare 1-3 pages review
notes for the midterm exam.
The written exam will be a one hour close book close
notes exam on Wednesday of the exam week.
Lab exam is a take home exam and students will have
one week to finish the problems.
Students will be asked to develop a webpage with
some advance function which will be covered after
spring break
Grading
Scale
Weight
100
5%
100
15%
100
5%
100
15%
100
15%
100
15%
Group Project
Proposal
Status Report*5
Presentation
Final Project
Attendance & Class
Contribution
Students will form design teams (3~5 people per
group) to work on a group web project. This project
should be based on a real life case that requires the
students to plan, design and develop a fully functional
web site.
Students should submit a detail plan for group project
Status reports(1~5) should report the work of that
week, and are due in class
Students should present the group project in class
Final group project is submitted as published website
Students are expected to attend each class and also
contribute during class discussions. A written permit
is required by the instructor whenever a student is
absent from class.
100
5%
100
100
100
5%
5%
10%
100
5%
Final Grade/total points
100%
In order to pass this class, you need to submit all assignments; in case of a fail at the first attempt, you
may need to come and talk with the instructor to arrange a make-up. The grading scale is based upon
percent of points earned and is distributed as follows:
Points
97-100
93-96
90-92
Grade
A+
A
A–
Points
87-89
83-86
80-82
Grade
B+
B
B–
Points
77-79
73-76
70-72
Grade
C+
C
C–
Points
67-69
63-66
60-62
< 60
Grade
D+
D
D–
F
Course Schedule (Subject to Minor Change)
Assignment Due
(Sunday 11:59pm)
Monday
Wednesday
week 1 (01/11)
Review of Syllabus &
Introduction to Web Design
Basic HTML & Setting up Dreamweaver
week 2 (01/18)
week 3 (01/25)
week 4 (02/01)
No Class
Basic CSS
CSS Formatting
Lab 1: Create Basic Html Web Page
Lab 2: CSS Rule Practice
Lab 3: Formatting Text
Lab 1
Lab 2
Lab 3
week 5 (02/08)
Creating Page Layout &
Template
Lab 4: Create a Template
Lab 4
week 6 (02/15)
Adding Page Content
Lab 5: Create a Web Page with MultiMedia
Lab 5
week 7 (02/22)
Web Site Publishing &
Usability Test
Lab 6: Publishing a Website
Lab 6
Review Notes
week 8 (02/29)
Review Class
Mid-term In Class Exam
week 9 (03/07)
Spring Break
Mid-term exam review
Take home Lab
Exam
week 10 (03/14)
Web Project Planning
Group Project Discussion and
Planning(Group Project Initial Plan)
week 11 (03/21)
Animated Elements:
Advance CSS3 Animation
Work on Group Project (status report 1)
week 12 (03/28)
Interactive Forms and
Database
Work on Group Project (status report 2)
week 13 (04/04)
Special Issue 1: The Art of
UI Design
Work on Group Project (status report 3)
week 14 (04/11)
Special Issue 3: Website
Promoting Strategies
Work on Group Project (status report 4)
week 15 (04/18)
Special Issue 3:The Future
of Website Design
Work on Group Project (status report 5)
Week 16 (04/25)
Group Project
Presentation(1-5)
Group Project Presentation (6-10)
Week 17 (05/02) No Class
Group Project
Proposal
Individual Web
Page
Group Project
No Class
Ethical Issues and the Honor Code Policies:
University students are expected to conduct themselves in accordance with the highest standards of
academic honesty.
Academic misconduct for which a student is subject to penalty includes all forms of cheating, such as
illicit possession of examinations or examination materials, forgery, plagiarism, etc. Although students
are allowed to work with others on lab assignments, students may NOT borrow, or "share" copies of their
lab assignments with other students. Each student should create his/her own lab assignment. Students may
not share their work on any exam, or individual project or assignment; students will receive a 0 for the
exam or assignment if this occurs.
Plagiarism is defined as "presenting as one’s own work that work which is, in whole or in part, the work
of another person or persons without giving proper credit to the appropriate source." This includes
submitting work done by another as one’s own work. It is understood that what you turn in to me for a
grade represents your own effort. Plagiarism will be immediately punished with a 0 for the assignment in
question. Further disciplinary action will be pursued as the instructor deems appropriate. Helping one
another is allowed on many assignments, but copying or turning in the same assignment is cheating. This
practice is against the UNCG Honor Code and defeats the purpose of this course. No credit will be
received for shared work, and other penalties may be imposed.
This course also has some additional issues owing to the unique nature of online content. You may, at
times, wish to borrow elements from another website (e.g., images, code). If you take structural or
graphical elements from a site, you MUST specify 1) Where the elements came from, and 2) discuss the
ways in which you have adapted and changed the original in order to make it your own. If you have
questions about whether something you are submitting might constitute plagiarism, ask me well BEFORE
you use the material. Students using pre-existing website templates or pre-created site elements without
instructor approval will receive a 0 for the assignment.
UNCG’s academic integrity policy can be viewed at: http://academicintegrity.uncg.edu/complete/
Bryan Faculty/Student Guidelines:
Please review these guidelines at: http://www.uncg.edu/bae/faculty_student_guidelines_sp07.pdf
Disabilities:
If you have a documented disability and wish to discuss academic accommodations, please contact me as
soon as possible.
Inclement Weather:
Rarely, UNCG closes for inclement weather. The radio and TV stations will have the closing notification
by 6:30 am. You may also call 334-5000 for a message related to weather closings. These messages are
updated hourly.