Web Application Development

Jakub Klinkovský

:: Czech Technical University in Prague
:: Faculty of Nuclear Sciences and Physical Engineering
:: Department of Software Engineering

Tentative schedule for upcoming classes

• 23.4. (today) – file uploads
• 30.4. – session, cookies and local storage
• 7.5. – user authentication and authorization
• 14.5. – security, deployment (+ consulting for your projects)
• 21.5. – consulting for your projects

Semestral project for the graded assessment

Create a dynamic web application that satisfies the topical and technical requirements:

1. The topic is arbitrary, but should be meaningful. Next, every topic must be unique. If you follow some tutorial for creating a specific application, it must be adequately extended with your own work.
2. The result must be a functioning application, which generates a valid HTML5 code, uses valid CSS and does not crash.
3. Technical requirements (see next...)

Technical requirements for semestral projects

Standard variant: the application uses all of the following features/approaches:

• Django templates for rendering the content and CSS for nice styling
• database (models in Django)
• forms or file uploads for processing user data and storing it in the database
• session and cookies for keeping the application state (e.g. in combination with user authentication and authorization)

Non-standard variants: individually arranged requirements.

Procedure for completing the semestral projects

1. Select your topics
   • either individual or in small teams (pairs)
   • each topic must be unique
2. Reservation
   • when you choose, contact me for approval and reservation of the topic
3. Implementation
4. Defense
   • personal demonstration of your solution for grading (A-F)
   • terms will be arranged as needed

Deadlines

1. Topic reservation – one or two weeks?
2. Implementation and defense – end of June?

In the meantime, we can consult your intermediate work so you don't come to the defense blind

Topic examples

The following topics are intended for inspiration, you can come up with your own.

1. Photo gallery

   • gallery with a structure of albums and photographs
   • login and access management
   • forms for adding new content (including file uploads)

2. Event planner ("Doodle")

   • form for creating a new event with available terms
   • voting form for selecting the preferred term

3. Simple social network

   • simple clone of Facebook/Twitter/X/Instagram/... with basic functionality