Bachelor of Science in Information Technology

Electrical Engineering and Computer Science

School of Engineering

IT330: Web Systems and Technologies

Rassul Saeedipour Professor of Practice


Office Hours:

Monday 12:00 pm - 06:00 pm
Tuesday 12:00 pm - 03:00 pm
Wednesday  12:00 pm - 03:00 pm
Thursday 12:00 pm - 06:00 pm
Friday 12:00 pm - 02:00 pm

You are encouraged to make an appointment to make
sure I am not in a meeting or with another student.

(913) 897-8624,, Website

Spring 2017, Wednesdays 4:00-6:50 pm, BEST 170

Course Catalog Description

The objective of this course is to discuss how the Web systems are programmed and maintained and how online pages are created and delivered by Web servers and used by clients. Topics to be covered include: Web systems and technologies, information architecture, digital media, Web development, Web standards, vulnerabilities, social network software, client-side programming, Web services and servers, XHTML, CSS, flash and CGI programming, Web systems security, JavaScript, PHP, and emerging technologies.



Course Objectives/Goals

  • Introduction to client and server sides of web development.
  • Students learn how to create web pages using HTML, XHTML, XML, and CSS.
  • Students also will gain exposure to scripting languages such as JavaScript and PHP.
  • In addition, they will learn how to embed images and multimedia and use proprietary media and interacting with other technologies such as Flash, ActiveX, and QuickTime.
  • Students will also learn how to install, operate and administrate web servers.
  • Understand the differences between inline-level and block-level elements.
  • Create forms: create HTML5 forms that include validation.
  • Understand the advantages and disadvantages of using CSS.
  • Write CSS rules to style web pages.
  • Position elements using CSS
  • Create a multi-column layout using CSS.
  • Understand web design elements which are the visual components of the layout design.
  • Understand web design principles for better arrangement of the web elements.
  • Explore the concept of accessibility which is to provide equal access and equal opportunity to people with disabilities

Course Outcomes

Students should be capable of:

  1. Describing the core architecture of WWW as interconnected hypertext documents, the importance of Web protocols (e.g., HTTP), and the syntax and semantics of HTML, XHTML, XML, and CSS.
  2. Programming Web applications using HTML, CSS, JavaScript and PHP.
  3. Implementing client-side and server-side security methods for security and privacy.
  4. Discussing how to organize information, build a website, and select graphical images, multimedia, and the use proprietary media and interaction technologies such as Flash, ActiveX, and QuickTime.
  5. Installing, operating, and administrating Web servers, proxies and caches.

Course Topics

  1. Web technologies (HTTP protocol, Web mark-up and display languages, Web services, Web servers, standards)
  2. Information architecture (hypertext/hypermedia, navigation schemes, Web design process, usability)
  3. Web design media (digital libraries, media formats, streaming media)
  4. Web development (interfaces and Web site implementation and integration, accessibility issues)
  5. Client-side and server-side programming: XHTML, CSS, Flash, cookies, CGI, JavaScript, and PHP programming
  6. Web server, proxy, and cache concepts, installation, operation, and administration
  7. Web systems security and vulnerabilities (client security, server security, phishing)
  8. Streaming media file formats, compression, color depth, bit rate, and CODECs

Course Resources

Required textbook:

Randy Connolly & Ricardo Hoar, Fundamentals of Web Development, 1st Ed. Pearson, Copyright 2015, ISBN-10: 0133407152, ISBN-13: 9780133407150

PDF slides Due to copyright, the user id and password for the resources will be provided at the beginning of the semester.

Optional textbook:

Terry Felke-Morris, Web Development and Design Foundations with HTML5, 7th Ed. Pearson, Copyright 2015, ISBN: 978-0-13-357178-3

WAMP Server: A Window web development environment that includes Apache web server, PHP language, and MySQL database server.

In addition to the textbook, the following topics (PHP and CSS) are included in the lecture and you find them in the following link: PHP and CSS resources

Course related helpful link(s):


A = 90% - 100%
B = 80% - 89%
C = 70% - 79%
D = 60% - 69%
F = 0% - 59%

Grade Distribution

Exams: 50%
Quizzes: 20%
Home assignments: 30%

Students are evaluated on their exams, quizzes, and home assignments

  • There will be three exams (including final exam).

    There will be 4-8 unannounced (i.e. "POP") quizzes. Quizzes will be taken at the first 10-15 minutes of class. The quizzes will consist of combination of multiple choice, true/false, and short answer questions that are designed to assess your knowledge of the material related to the previous few lectures. The scores for each quiz range between 10 and 25 points.

    Makeup quizzes will only be offered in situations of legitimate extenuating circumstances (i.e. serious illness, accidents, etc.). In those cases, you will be required to provide proof of the extenuating circumstance prior to making up the quiz. If you know that you will be missing a class period due to other conflicts, let me know prior to that class period. In situations where there is no proof of extenuating circumstances or you did not let me know prior to missing the class, you will not be permitted a makeup quiz.

    If you were granted for a makeup quiz, it must be taken prior to the next class session.

  • All assignments must be submitted in the form of soft or hard copy (depending on the type of assignment) prior or at the beginning of the class. 10% will be deducted from a late home assignment (a late home assignment must be submitted before the next class session, otherwise it will not be accepted and you will earn zero for it).


Attendance is important and required. If a student misses a class session, he/she will be responsible for learning the materials on his/her own. In addition, the student will be responsible for getting the class notes, assignments, etc. from a classmate.

Academic Dishonesty

Academic dishonesty refers to cheating: a serious ethical issue. You are encouraged to work cooperatively with other students in the class. However, each student is expected to do his/her own assignments. Copying assignments or quiz/test cheating will result for zero credit. For further information please refer to:
Section 6. Academic Misconduct

Commercial Note-Taking

Pursuant to the University of Kansas' Policy on Commercial Note-Taking Ventures, commercial note-taking is not permitted in IT330. Lecture notes and course materials may be taken for personal use, for the purpose of mastering the course material, and may not be sold to any person or entity in any form. Any student engaged in or contributing to the commercial exchange of notes or course materials will be subject to discipline, including academic misconduct charges, in accordance with University policy. Please note: note-taking provided by a student volunteer for a student with a disability, as a reasonable accommodation under the ADA, is not the same as commercial note-taking and is not covered under this policy.

Services for Students with Disabilities

Any student with special needs or circumstances shout feel free to meet with me, or go to: KU Disability or for KU Edwards campus.

Other Policies/Requirements

  • During class, all phones must be turned off or set on silent/vibration mode
  • No computer of any kind (laptop, tablet, etc.) unless otherwise is needed specifically for the class
  • No lecture recording is allowed in the classroom
  • No wearing headphones in the classroom
  • No using the Internet for non-class related purposes
  • No food or beverages in the classroom

Your class participation and engagement is required to improve your learning.


Make sure that you check your campus e-mail regularly. The university uses only your campus e-mail for any official notifications. Your outside classroom communication is via KU e-mail. Your e-mail subject must start with your course number then followed by any optional notes, i.e. IT330, project one.

A tentative course schedule/calendar (subject to change)
Dates Topics Assignments*
Jan 18 Chapter 01-How the Web Works Review Questions: 7, 11, 12
Jan 25 Chapter 02-Introduction to HTML Project 1: Share Your Travel Photos
Project 2: Book Rep Customer Relations Management
Feb 01 Chapter 03-Introduction to CSS Project 1: Share your travel photos, time for some style
Project 2: Book rep customer relations management
Feb 08 Chapter 04-HTML Tables and Forms Project 1: Book rep customer relations management
Feb 15 Chapter 05-Advanced CSS: Layout
Personal Profile phase 1 due
Feb 22 Test 1 (Chapters 1-5) Read chapter 6
Mar 01 Chapter 06-JavaScript: Client-side scripting
Personal Profile phase 2 due
Mar 08 JavaScript DOM manipulation and Event Objects TBA
Mar 15 Chapter 07-Web Media Project 2: Art store
Mar 29 Chapter 08-Introduction to server-side development with PHP
Personal Profile phase 3 due
Project 1: Book rep customer relations management
Apr 05 Test 2 (Chapters 6-8 and Hands-On project) Read chapter 9
Apr 12 Chapter 09-PHP arrays and superglobals Body Mass Index project in PHP
Apr 19 Chapter 14-Web application design Review Questions: 1-7
Body Mass Index project in JavaScript
Apr 26 Chapter 16-Security
Chapter 19-Web Server Administration
Chapter 16: Review Questions: 1-12
Chapter 19: Review Questions: 1-10
May 03 Personal Profile phase 4 due (completed)
Review: JavaScript, PHP, Ajax, and jQuery
May 10 Comprehensive Final
- There will be a semester-long project called: Personal Profile
- We may have more assignments but they will be announced at least one week prior to the due date.

*All assignments are due the next class session unless otherwise different dates are announced.