Dynamic Web Design
Troubleshooting

Dynamic Web Design

Help Pages

See these pages for simple step-by-step instructions on how to setup for Dynamic Web Design. These are provided partly for troubleshooting and so that you can understand the process more clearly; in practice, steps 2-5 are done for you by the setup script.

  1. Setup PHPStorm SFTP

  2. Setup FFF-SimpleExample

  3. Create Database

  4. Setup Database Table

  5. Fat Free Framework Setup

  6. Using FFF-SimpleExample as a Template

  7. FFF-ImageServer Example

  8. Local Server (Optional)

  9. Local PHP (Optional)

Example Projects Downloads

Use the following projects as the template for your own work.

  • Simple Example
  • Image Server
  • AJAX Queries

Lecture Notes

Week 1

  • Dynamic Web Design: tasks, timekeeping and teamwork

  • Dynamic Web Design Introduction

  • Using a server for Dynamic Web Design

  • Server-side systems and database serving 1: introduction and forms

  • Server-side systems and database serving 2: working with databases

  • DWD Mini Briefs

Week 3

  • Javascript and jQuery

  • Testing JQuery

  • JQuery and AJAX

Week 4

  • More on APIs: when requests get more complicated …

  • Additional thoughts on PHP

Week 5

  • Further PHP, with Fat-Free Framework (F3)

Week 6

  • Usability and Evaluation

Dynamic Web Design

  • Edinburgh College of Art

Course Material for Dynamic Web Design