Bachelor of Science in Information Technology
Electrical Engineering and Computer Science
School of Engineering
IT330: Web Systems and Technologies
Rassul Saeedipour Professor of Practice
BEST 250E
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, rsaeedipour@ku.edu, 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.
Prerequisites
IT310
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:
- 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.
- Programming Web applications using HTML, CSS, JavaScript and PHP.
- Implementing client-side and server-side security methods for security and privacy.
- 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.
- Installing, operating, and administrating Web servers, proxies and caches.
Course Topics
- Web technologies (HTTP protocol, Web mark-up and display languages, Web services, Web servers, standards)
- Information architecture (hypertext/hypermedia, navigation schemes, Web design process, usability)
- Web design media (digital libraries, media formats, streaming media)
- Web development (interfaces and Web site implementation and integration, accessibility issues)
- Client-side and server-side programming: XHTML, CSS, Flash, cookies, CGI, JavaScript, and PHP programming
- Web server, proxy, and cache concepts, installation, operation, and administration
- Web systems security and vulnerabilities (client security, server security, phishing)
- 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): w3schools.com
Grading
| 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
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.
| 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 | TBA |
| Feb 22 | Test 1 (Chapters 1-5) | Read chapter 6 |
| Mar 01 | Chapter 06-JavaScript: Client-side scripting Personal Profile phase 2 due | TBA |
| 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 | TBA |
| May 10 | Comprehensive Final |
- 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.