Lecture Notes

This presentation introduces important concepts of Internet communication related to web applications. It is necessary to understand this to be able to follow the course. internet-essentials.pdf
This video repeats the MVC and Layer architectural patterns covered in the course IV1350 Object-Oriented Design, architecture.webm. If you wish, you can also read about MVC and layers in section 5.3 of A First Course in Object-Oriented Development
Architecture, tools, user interface design, intro.pdf.

Here are the example programs from the lecture, id1354-html-lec.zip id1354-html-lec-questions.zip

Here are the example programs from the lecture,id1354-css-lec.zip id1354-css-lec-questions.zip

Here are the example programs from the lecture, id1354-php-lang.zip id1354-php-lang-questions.zip

This video shows how the chat program with unstructured PHP code is refactored to have a layered architecture and follow the MVC pattern, unstructured-to-mvc.webm. The video also shows some bugs that appeared during the refactoring, and how they were fixed.
This zip file contains the refactored chat application, that is, the result of the changes done in the above video, chat-nojs-unstruct-php-change-me.zip. Note that this chat program is adapted to seminar three. You can find versions for other seminars on the Resources page. Also note that this web application is slightly different from the one in chat-nojs-mvc-php.zip on the Resources page. They simply show two slightly different ways to solve the same problem. The lecture notes refer to the code in chat-nojs-mvc-php.zip.

This video shows how to write a PHP application using the id1354-fw framework, id1354-fw-tutorial.ogv
This zip file contains the program written in the video above, id1354-fw-example.zip. Note that this chat program is adapted to seminar three. You can find versions for other seminars on the Resources page.