COM372: Dynamic Web Design and Programming
COURSE GOALS: We seek an advanced mastery of web-development techniques that use databases to create content—HTML form objects, database connections, and server-side programming. We will use open-source MySQL as our database, structured query language (SQL), and PHP5 for programming.
TEXTS:PHP and MySQL Web Development—Fourth Edition. 2009. Luke Welling and Laura Thomson. Addison-Wesley.
The Fifth Edition will not be out in time for this semester. A pdf of the text and listings of all code samples are available on the course server as well (you will be given access in class). Used copies are available through Amazon here. Dr. Logan has 2-3 of these for $20 (contact him if interested).
Additional material will be provided from the course website and as handouts from the instructor.
FORMAT: We will have two lectures and two labs per week. Exercises will follow text examples and projects. Office hours are liberal and you are encouraged to take advantage of them.
GRADES: Programming assignments—in parallel with the text— will be graded. You are expected to attend and participate in all classes, to have completed assigned readings on time. A rubric for grading will be provided with each assignment. (Details)
PREREQUISITES: The course is for advanced students with career or program-related needs for Web applications training. Students should be familiar with Windows operating systems and with technology for static web pages, equivalent to COM271. Students who are deficient in client-side programming technique should discuss this with Dr. Logan, who will work with you to bring you fully up to speed, as needed.
SCHEDULE (Spring, 2015): Lecture, T-Th 12:30-1:20, 220 White Hall; Lab, MW 12:00-1:50, 215 Quinn Hall
Week 1 (Jan. 21 - 22)
Introduction: Course goals, syllabus, and classroom procedures explained.
Review: XHTML. CSS.
Overview: PHP for server-side programming.
Forms: <form>, attributes Method and Action. <input>, <textarea>, <select>, and <option> elements. Radio buttons, checkboxes, scrolled lists, textboxes, hidden text, and submit buttons. (Examples)
Reading: Chapter 1 (p. 13-57) (notes)
Programming: 1—"Setting Up"
Week 2 (Jan. 26 - 29)
PHP Overview:Embedding PHP scripts with tags <?php and ?>. Accessing form variables. Identifiers. Variables (types, values). Constants. Scope. Operators. Expressions. Functions. Conditions with if, else, and switch. Iteration with while, do, and for.
Storing and Using Data:Saving data for later use. Creating, opening, reading from, writing to, and closing files. Locking and deleting files. Files versus relational databases.
Arrays: Array indices (numerical, non-numerical). Array operators. Multidimensional arrays. Sorting. Array functions.
Programming: 2—"The Grocery List"
Week 3 (Feb. 2 - 5)
Strings and Regular Expressions: Trimming, formatting, joining, and splitting strings. String comparisons. Functions for matching and replacing substrings. Using regular expressions.
More Demos: Repopulating a form for further editing.
Functions: Reusing code. Require ( ) and include ( ). Defining functions. Using parameters. Scope. Returning values. Calling by reference (pointer); calling by value. Recursions.
Programming: Assignment 3—Error-checking and Form Feedback
Week 4 (Feb. 9 - 12)
Object-oriented PHP: Concepts. Classes, attributes, and operations. Class attributes, constants, methods. Inheritance. Access modifiers. Static methods. Type hinting. Object cloning. Abstract classes. Class design. Advanced object-oriented functionality.
Exception Handling: Concepts. Try...throw...catch. Class Exception. User-defined exceptions. Other error handling methods.
Database Design Overview: Relational database concepts and terminology. Principles and practices of database design. Normalization and de-normalization.
Programming: Assignment 4—Object Oriented Web Programming
Week 5 (Feb. 17 - 19)
(Monday, February 16, is Presidents Day: Classes DO NOT meet; offices are open.)
Setting Up Databases: Creating a database. Setting users and privileges. Creating tables. Column types (=fields). Setting indices and primary keys.
Using the MySQL Database: SQL (Structured Query Language). Inserting and retrieving data from a table. Joining tables. Subqueries. Updating records. Deleting records. Modifying or deleting tables.
Week 6 (Feb. 23 - 26)
State: Remembering in a client-server dynamic exchange. Hidden form fields, text files, cookies, sessions, and databases.
Database Access From PHP Web Pages: Web server communications with database server. Opening and Closing Connections. Finding and selecting available databases. Querying and retrieving query results. PEAR, an interface.
Advanced MySQL Administration: The MySQL privilege system in detail. Securing the database. Speeding up queries. Optimizing. Backup and Recovery. Replication.
Advanced MySQL Programming: The Load Data Infile statement. Transactions. Foreign keys. Stored queries / procedures.
Building a Blog Registry: Overview.
Building a Blog Registry: Database Design.
Building a Blog Registry: Selecting and Displaying Records—browse.php
Programming: Assignment 6—Building a Front End
E-commerce and Security
Week 7 (March 2 - 5)
E-commerce Overview: Site design and goals. Alternative designs. Risks and Threats. Strategies.
E-commerce Security Issues: Securing your information. Threats. Policies. Tradeoffs (usability, performance, cost, security). Authentication (an example (MSWord); see also notes 23). Principles and practices of encryption. Digital signatures and certificates. Secure servers. Auditing and logging. Firewalls. Backups. Physical security.
Web Application Security: Strategies. Identifying threats. Securing code, your web server, and PHP. Securing databases. Network security.
Building a Blog Registry: Adding Records—register.php
Building a Blog Registry: The Validation Problem.
Building a Blog Registry: Editing Records.
Programming: Assignment 7—Back end
Advanced PHP Techniques
Week 8 (March 9 - 12)
Authentication with PHP and MySQL: Controlling access. Basic, Apache, and custom authentication. Apache authentication. Custom authentication.
Secure Transactions with PHP and MySQL: Providing secure transactions. Secure Sockets Layer (SSL). Secure storage. Storing (or not) credit card numbers. More on encryption,
Web Server File System: Uploading files. Directory functions. Interacting with server files. Executing server-side applications. Server environment variables. Image upload example. Server-file-interactions example.
Network and protocol functions: Sending and reading email. Other websites via HTTP. Network lookup functions. FTP.
March 16 - 22 is Spring Break!
Week 9 (March 23 - 26)
Date and Time: Getting date and time. Converting date formats. Date calculations. Calendar functions.
Images on the fly: Image support in PHP. Image formats. Creating images. Using automatically generated images on web pages. Using text and fonts to create images. Drawing figures and graphing data.
PHP Sessions: Session control. Cookies. Setting up a session. Session variables. Sessions and authentication.
Miscellaneous PHP features: Magic quotes. eval( ) for strings. Terminating execution with die and exit. Serializing variables and objects. Accessing the PHP environment. PHP extensions. Highlighting source code.
Programming: Assignment 8—AJAX
Week 10 (Mar. 30 - Apr. 2)
Managing Large Projects: Software engineering for web development. Project planning and management. Reusable and durable coding. Development environments. Documentation. Prototypes (wireframes). Optimization. Separating content, structure, style, and programming.
Debugging: Program errors (syntax, runtime, logic). Error messages and levels. Handling errors gracefully.
An example: Debugging Form Input (my blog needed fixing).
Practical PHP and MySQL Projects
Week 11 (April 6 - 9)
Authentication and Personalization: Logging in. Authenticating users. User preferences. Personalized content. Content based on a user profile.
A Shopping Cart: Product database for online catalog. Shopping cart to track purchases. Scripts for payment and shipping. Administrative interface.
Database-driven Navigation: Flexible menu for a blog, allows for future growth of database without need to reconstruct navigation.
Week 12 (April 13 - 16)
Web-based Email: Connecting to POP3 and IMAP mail servers. Reading and sending mail. Replying to and forwarding mail. Deleting mail from an account.
Mailing List Manager: Subscriber database. Uploading and previewing newsletters. Setting up and managing lists.
Online Forums: Tree database for articles. Adding articles. Use of classes.
Application: Adapting the tree database for blog commentaries.
Week 13 (April 20 - 23)
Personalized PDF Documents:RTF and PDF certificates. PDFlib.
Web Services with XML and SOAP: XML and SOAP basics. Using XML to communicate with Amazon. Parsing XML. Caching responses. Talking to Amazon with NuSOAP.
Building Web 2.0 Applications with AJAX: XMLHTTPRequest Object. Communicating asynchronously with the server and working with the server response.
Week 14 (April 27 - 29)
April 29 is the last day of classes.
Wrapping Up: Review and course evaluation.