Interactive tool for teaching web application development in the Django framework
| Thesis title: | Interaktivní nástroj pro výuku tvorby webových aplikací ve frameworku Django |
|---|---|
| Author: | Míčka, Tomáš |
| Thesis type: | Diplomová práce |
| Supervisor: | Pecinovský, Rudolf |
| Opponents: | Mazánek, Petr |
| Thesis language: | Česky |
| Abstract: | Cílem této práce je vyvinout informační systém ve formě webové aplikace, navržený v architektuře klient-server. Na straně klienta jsou použity tradiční technologie jako HTML, CSS a JavaScript. Na serverové části to je programovací jazy Python s frameworkem Django. Pro databázovou vrstvu jsou zvoleny technologie PostgreSQL a MongoDB. Předkládaná aplikace představuje interaktivní učební pomůcku, pomocí níž se uživatelé mají seznámit s tvorbou webových aplikací, která je v aplikaci demonstrována právě na zmíněném frameworku Django. Učební texty mají podobu malých projektů. Ty postupně nabývají na složitosti. Uživatel má tak možnost učit se vytvářením reálných projektů. V případě aplikace se ale nejedná o uzavřený systém. Administrátorovi, správci, či lektorovi je dostupný administrativní nástroj. Pomocí tohoto nástroje je možné upravovat učební obsah. Počítá se tedy s tím, že bude aplikace do budoucna rozšiřována i o kurzy, které nemusí s tvorbou webových aplikací nutně souviset. Práce je tradičním způsobem rozdělena do několika částí. V první z nich je provedena analýza trhu vzdělávacích aplikací. Z této části vychází návrh aplikace, kde se kromě představení všeho, co má předkládaný systém umět, nachází i odůvodnění vzniku této práce. V dalších částech práce je postupně rozebrán složení učebního obsahu a architektura systému. U vzdělávacího obsahu jsou popsány učební lekce. U kapitol s architekturou je postupně ukázán návrh grafického rozhraní, návrh infrastruktury a vlastní návrh webové aplikace, včetně návrhu nejdůležitějších komponent. Poslední část práce obsahuje uživatelskou příručku s instalačním návodem a popisem ovládání aplikace. |
| Keywords: | backend; Docker; Django; klient-server; vývoj webových aplikací; frontend; JavaScript; Python; webové aplikace |
| Thesis title: | Interactive tool for teaching web application development in the Django framework |
|---|---|
| Author: | Míčka, Tomáš |
| Thesis type: | Diploma thesis |
| Supervisor: | Pecinovský, Rudolf |
| Opponents: | Mazánek, Petr |
| Thesis language: | Česky |
| Abstract: | The aim of this work is to develop an information system in the form of a web application, designed in client-server architecture. Traditional technologies such as HTML, CSS and JavaScript are used on the frontend side. On the server side, it is Python in the Django framework. For the database layer, PostgreSQL and MongoDB technologies are chosen. The presented application is an interactive learning tool, with the help of which the users are to get acquainted with the creation of web applications, which is demonstrated in the application on the mentioned Django framework. It is not a closed system. An administrative tool is available to the administrator, manager or tutor, which is part of the application. Using this tool, the content of the application can be edited, added and removed. It is therefore envisaged that the application will be extended in the future to include courses that are not necessarily related to the creation of web applications. The thesis is divided into several parts in the traditional way. In the first part, an analysis of the educational applications market is made. From this part comes the design of the application, where, besides presenting everything that the presented system should be able to do, we find the rationale for the creation of this work. In the next parts of the thesis, the composition of the learning content and the architecture of the system are discussed in turn. For the learning content, the learning lessons are described. For the architecture chapters, the design of the graphical interface, the design of the infrastructure and the actual design of the web application including the design of the most important components are shown in turn. The last part of the work contains a user manual with installation instructions and a description of the application control. |
| Keywords: | backend; client-server; Docker; Django; frontend; JavaScript; Python; web application development; web applications |
Information about study
| Study programme: | Znalostní a webové technologie |
|---|---|
| Type of study programme: | Magisterský studijní program |
| Assigned degree: | Ing. |
| Institutions assigning academic degree: | Vysoká škola ekonomická v Praze |
| Faculty: | Faculty of Informatics and Statistics |
| Department: | Department of Information Technologies |
Information on submission and defense
| Date of assignment: | 19. 2. 2024 |
|---|---|
| Date of submission: | 4. 5. 2025 |
| Date of defense: | 12. 6. 2025 |
| Identifier in the InSIS system: | https://insis.vse.cz/zp/87608/podrobnosti |