CS531 02 Web Development Technologies – fall 2017

Contents

General Information

Instructor:

Jiang B. Liu, jiangbo@bradley.edu

Professor of Computer Science & Information Systems

Phone: (309) 6772386

Lecture Times:

1:00-2:15pm, Mon. Wed., Brd 150

Prerequisites:

CS102 Data Structures or Equivalent

Office Hours:
        2:30-5:00pm Mon, Wed at BR 177
        or by appointment.

Course Materials

Topics & Schedule

The goals of the course are to provide students with fundamentals of web design and development, client/server computing architectures, and to implement the basic web programming technologies. The client/server programs will be coded in HTML/JavaScript, CGI/Perl, PHP/MySQL, and AJAX/WebServices, and tested in Apache HTTP Web server.
 

Unit 1 
Introduction to Web Programming

Internet and WWW
Web protocol: HTTP 
Client/Server Architecture (Web Servers, Database)
Web computing with CGI
Web Scripting with PHP
Web programming with JavaScript

Web 2.0

 

Learning outcomes:

- Understand the roles and responsibilities of clients and servers for web applications.

- Be able to select a range of tools that will ensure an efficient approach to implementing the web application.

- Understand basic HTTP protocol.

- Understand the Web 2.0 development.

Internet & WWW How to Program: Ch. 1-3, 21-23
PHP & MySQL: Ch. 1

Lecture Notes

Unit 2 
CGI Programming with Perl

CGI/Perl:
-CGI Basics

-Forms and CGI server
-Client side: HTML, Java Script

-Server side: Perl Program

-Security
-Sending Email -Data Persistence -Maintaining State -Search the Web server

 

Learning outcomes:

- Understand the basic operations of CGI and Apache Web server.

- Know basic Perl program structure, syntax, and control structures.

- Be able to design and build a simple interactive web-based application using XHTML and CGI/Perl.

Lecture Notes

Unit 3 
Ajax Client

Intro to XHTML

CSS

JavaScript

-          Introduction

-          Control Statement

-          Functions

-          Array

-          Objects

-          Events

DOM, XML and RSS

Ajax-Enabled Applications

 

Learning outcomes:

- Understand the basic operations of Web Browser and client scripts.

- Know basic JavaScript program structure, syntax, and control structures.

- Be able to design and build a simple interactive web-based application using XHTML/JavaScript.

- Understand Ajax-enabled application development.

Internet & WWW How to Program: Ch. 4-15

Unit 4 
OO Programming with PHP

PHP:
- PHP Scripting Language
- PHP Data Structures 

- PHP Classes

- Querying Web Databases 

- Update Web Databases
- Session Management

- Security

- Reporting

 

Learning outcomes:

- Know how to implement a database-driven web site using PHP/MySQL.

- Know basic server script operations and PHP program structure, syntax, and control structures.

- Know how to create and access the MySQL database using PHP and SQL.

- Be able to design and build a simple interactive web-based application using PHP/MySQL.

Internet & WWW How to Program: Ch. 22-23

PHP & MySQL: Ch. 2-4, 6,8,10,11,13

Unit 5 
Web Services

Web Services

-          Web Services Basics (XML, SOAP, WSDL)

-          Creating Web Service

-          Consuming Web Service

 

Learning outcomes:

- Understand Web Service basics.

- Know how to create, publish, and consume the web service.

- Knowledgeable of development of interactive client-server web applications using Web Service.

Internet & WWW How to Program: Ch. 21, 28

Assignments

There will be four group project assignments. Each group of 1 to 3 students will share the same grade.

 

·         Assignment 1: HTML, CGI/Perl, Apache

o   Sample login code (HTML5, CGI/Perl)

·         Assignment 2: HTML, JavaScript, Apache

o   Sample JavaScript code (test_validation.html, formLib.js, slideshow_demo, ajax-dynamic-list, ajax-dynamic-list.zip)

·         Assignment 3: PHP/MySQL, Apache

o   Sample send email code: test_email.php

·         Assignment 4: Ajax Client, Web Service

 

Final Exam: Available at 12:00 noon on Dec 7 (Thursday), 2017; Return before 12:00 midnight on Dec 19 (Saturday), 2017.

 

All assignments are due in the class on the due day. Later homework will have 10% subtracted from the score for every late day.

Grading

- Assignments: 50%

- Class Attendance 10%

- Final Exam: 40%

(90-100 A; 80-89 B; 70-79 C; 60-69 D; below 60 F)

Communication

This class home page is also posted at Sakai and will be used to post the assignments and other class information. You are also encouraged to send me email about your questions related to the course or share related information with the class.