Tvorba responzivní webové aplikace pro oblast e-Learningu

Vladimír Pastorek

Bachelor's thesis

Creating responsive Web Application for e-Learning

Abstract:

Práce se zabývá popsáním tvorby webových aplikací pomocí základních technologií a následně její realizací pro oblast e-learningu. První část práce seznamuje s webovými aplikacemi, jejich popisem a vlastnostmi. Poté je představena možnost vývoje webu, či webové aplikace pomocí základních technologií, které jsou reprezentovány klientskou částí. Těmito technologiemi jsou značkovací jazyk HTML, kaskádové styly CSS a skriptovací jazyk Javascript společně s knihovnou JQuery. Je také vysvětlen responzivní design a jeho řešení pomocí Bootstrap, což je jedna z nejrozšířenějších sad nástrojů pro tvorbu právě responzivního designu. Jsou popsány základní technologie, které se zpracovávají na straně serveru, jimiž jsou programovací jazyk PHP a databáze MySQL. Pomocí získaných poznatků je vytvořena responzivní e-learningová aplikace, která je zaměřena na vytváření a správu testů. Tyto testy jsou přístupné běžným uživatelům, kteří si je mohou vyplnit a následně jsou jim testy vyhodnoceny. Praktická část se zabývá popsáním vytvořené aplikace a poté analýzou její tvorby, porovnáním vývoje se sadou Bootstrap a reálným využitím jejich částí. V poslední části práce je zjištěn vliv vývoje na koncového uživatele.

Abstract:

The thesis describes a creation of web applications using basic technologies followed by their implementation for e-learning. The first part of the thesis introduces web applications, their description and properties. After that the possibility of web development or web application development using the basic technologies represented by the client part is presented. These technologies include HTML mark-up language, CSS cascading styles, and JavaScript scripting language along with the JQuery library. Responsive design and its solutions using Bootstrap, one of the most popular sets of tools for creating responsive design, is also explained. Basic server-side technologies, such as PHP programming language and MySQL database are described as well. Using the data gained, a responsive e-learning application is created that focuses on creating and managing tests. These tests are accessible to regular users who can complete them and then the tests are marked for them. The practical part deals with describing the created application and then analysing its creation, comparing the development with the Bootstrap set and the real use of their parts. The final part of the thesis identifies the impact of the development on the end user.

Keywords

webová aplikace, responzivní design, HTML, CSS, bootstrap, PHP, MySQL, jQuery, eLearning

Keywords

web application, responsive design, HTML, CSS, bootstrap, PHP, MySQL, jQuery, eLearning

Language used: Czech

Date on which the thesis was submitted / produced: 14. 3. 2018

Thesis defence

• Supervisor: Ing. Petr Benda, Ph.D.

Czech University of Life Sciences Prague

Faculty of Economics and Management

Bachelor programme / field:
Systems Engineering and Informatics / Informatics