This is the template repository for PHP and jQuery classes in Hypermedia 2 (Media Technology and Design) and Web Technologies (Secure Information Systems).
Use these files as a start for the various exercises. HTML templates, CSS and PHP structures are already provided to help students focus purely on the exercise tasks.
This code has been developed with the XAMPP package in mind. Other development environments (MAMP, Vagrant images, Docker containers, etc.) will most likely as well but haven't been tested.
You will need at least PHP 7.0 to run these examples since they make use of features such as type hinting or the null-coalescing operator.
The following standards, conventions and technologies were used in the development of these examples:
- PHP 7.0
- HTML 5.1
- CSS3
- PSR-1: Basic Coding Standard
- PSR-2: Coding Style Guide
- PSR Naming Conventions
- NormForm
- jsOnlyLightbox
- jQuery
| Folder | Description |
|---|---|
/examples |
Small example projects that are shown during classes to introduce certain aspects of PHP or jQuery. These can be used as references for exercises. |
/includes |
PHP classes and files that are (re)-used throughout the different exercises. These contain general functionality that is not tied to a specific exercise. |
/sibue |
Exercises for the Web-Technologies class in Secure Information Systems. |
/ue01 |
Exercise 1 for Hypermedia in Media Technology and Design. A money counter that uses regular expressions to find sums of money in some arbitrary text. |
/ue02 |
Exercise 2 for Hypermedia in Media Technology and Design. This a web for for ordering books, based on the procedural norm_form. |
/ue03 |
Exercise 3 for Hypermedia in Media Technology and Design. A number guessing game that employs sessions, based on the procedural norm_form. |
/ue04-06 |
Exercise 4, 5 and 6 for Hypermedia in Media Technology and Design. IMAR - The HM2 Image Archive, that uses file uploads, file writing, image processing and a login mechanism. |
/ue07-09 |
Exercise 7, 8 and 9 for Hypermedia in Media Technology and Design. An address book application that writes and reads XML, and uses jQuery for front end tasks and AJAX calls. |
/vendor |
Third party libraries installed with composer or added as Git submodules: jQuery, jsOnlyLightbox and NormForm. |