Naučná webová aplikace pro základní školu

Lukáš Dufek

Bakalářská práce

Educational Web Application for Elementary School

Anotace:

Tato bakalářské práce se zabývá problematikou tvorby webových aplikací. Cílem práce bylo vytvořit naučnou webovou aplikaci zaměřenou na žáky 1.stupně základních škol. Hlavní důraz byl kladen na to, aby žáci měli motivaci tuto aplikaci používat. Aplikace je rozdělena na matematickou a herní část. V matematické části žáci získávají odměny v podobě herní měny (stříbrné a zlaté mince), za úspěšně vyřešená cvičení a slovní úlohy. Mince pak využijí v herní části, kde si za ně vylepšují svoji pohádkovou postavu, se kterou se pak posouvají v příběhu dál. Aplikace umožňuje i přístup pro učitele, kteří zde mohou vytvářet a přidávat slovní úlohy pro své žáky. Aplikace byla vytvořena za pomocí frontedového frameworku VueJS. Práce je tématicky rozdělena do čtyř části. V první části je nejprve popsána tématika webových aplikací. Dále jsou zde představeny technologie, které byly využity a nakonec je provedena rešerše naučných webových portálů. Druhá část se zabývá návrhem aplikace. Jsou zde popsány body, které bylo potřeba vyřešit, včetně doporučených postupů. Třetí část se zabývá samotnou implementací. V této části je podrobně popsán celý postup při tvorbě aplikace. V poslední části jsou popsány výsledky, které byly získány při demonstraci této práce, včetně tipů na vylepšení.

Abstract:

This bachelor thesis deals with the topic of web application development. The aim of the work was to create an educational web application aimed at the pupils of the first grade of primary schools. The main emphasis was on the motivation of the pupils to use the application. The app is divided into a mathematical and a game part. In the mathematical part, pupils receive rewards in the form of in-game currency (silver and gold coins), for successfully solving exercises and word problems. The coins are then used in the game part, where can be used to improve the user's fairy tale character, which then develops further in the story. The app also allows teachers to create and add word problems for their students. The app was created using the fronted framework VueJS. The work is thematically divided into four parts. In the first part, the topic of web applications is described. Then the technologies that have been used, and the learning web portals research. The second part deals with the design of the application. The points that needed to be addressed are described, including the procedures. The third part deals with the implementation itself. In this part, the whole process of creating the application is described in detail. The last part describes the results that were obtained during the demonstration of this work, including tips for improvement.

Klíčová slova

VueJS, webová aplikace, odměnový systém, žák a učitel, matematika pro 1.stupeň

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 16. 5. 2023

Obhajoba závěrečné práce

• Vedoucí: Ing. Jan Hybš

Technická univerzita v Liberci

Fakulta mechatroniky, informatiky a mezioborových studií

Bakalářský studijní program / obor:
Informační technologie / Aplikovaná informatika