Tato bakalářská práce se zaměřuje na implementaci webové aplikace pro vytrvalostní sporty, která je určena pro cyklistiky, běžce, lyžaře atd. Aplikace nabízí trenérům možnost vytvářet tréninkové plány a sportovcům tyto tréninkové plány číst a reportovat průběh tréninku. Dosažení daného cíle v této práci probíhá zaprvé zkoumáním problematiky programování webových služeb a populárních webových řešení sportovních aplikací, a zadruhé zvolením vhodných technologií pro vývoj a následným návrhem vlastního řešení, které je podrobně popsané v kapitole "Rešerše". Jedním z důležitých kroků pro dosažení cíle je implementace rozhraní, která je podrobněji popsaná v kapitole "Webová aplikace". V ní se soustředím na popis použitých technologií a jednotlivých implementovaných funkcí pro tuto webovou aplikaci. Webová aplikace využívá programovací jazyk TypeScript, JavaScriptovou knihovnu React, pomocné React nástroje Context a knihovnu Ant Design pro implementaci klientské části, a systém Node.js a framework Express.js pro realizaci serveru a také nerelační databáze MongoDB pro práci s daty. Poslední část bakalářské práce je věnována zhodnocení dosažených výsledků a plánům rozšíření funkcí této webové aplikace do budoucna.
Anotace v angličtině
This bachelor's thesis focuses on the implementation of an endurance sports web application which was developed for sportsmen such as cyclists, runners or skiers. Thanks to this application, coaches build training plans for athletes who can access them during their training session. Moreover, this application enables an easy addition of comments to any activity. The goals of this thesis are focused on programming of web services and popular web-based solutions for sport applications. Moreover, it focuses on the selection of appropriate technologies for the development of an own application. The above-mentioned process is described in detail in the chapter Research. This thesis is specifically concerned with the implementation of an interface which is discussed in the chapter Web Application. This chapter focuses on the description of technologies used and the features implemented. The web application uses a programming language TypeScript, JavaScript library React, React auxiliary tools Context and the Ant Design library for programming the client - side of the web application. Node.js and server framework Express.js were used to implement the backend part of the web aplication, data management is handled by the non-relational database MongoDB. The last chapter of the thesis evaluates the results achieved and explores the future development of the web application.
Web application, sport training plans, REST, MongoDB, TypeScript, React, Node.js
Rozsah průvodní práce
43 s.
Jazyk
CZ
Anotace
Tato bakalářská práce se zaměřuje na implementaci webové aplikace pro vytrvalostní sporty, která je určena pro cyklistiky, běžce, lyžaře atd. Aplikace nabízí trenérům možnost vytvářet tréninkové plány a sportovcům tyto tréninkové plány číst a reportovat průběh tréninku. Dosažení daného cíle v této práci probíhá zaprvé zkoumáním problematiky programování webových služeb a populárních webových řešení sportovních aplikací, a zadruhé zvolením vhodných technologií pro vývoj a následným návrhem vlastního řešení, které je podrobně popsané v kapitole "Rešerše". Jedním z důležitých kroků pro dosažení cíle je implementace rozhraní, která je podrobněji popsaná v kapitole "Webová aplikace". V ní se soustředím na popis použitých technologií a jednotlivých implementovaných funkcí pro tuto webovou aplikaci. Webová aplikace využívá programovací jazyk TypeScript, JavaScriptovou knihovnu React, pomocné React nástroje Context a knihovnu Ant Design pro implementaci klientské části, a systém Node.js a framework Express.js pro realizaci serveru a také nerelační databáze MongoDB pro práci s daty. Poslední část bakalářské práce je věnována zhodnocení dosažených výsledků a plánům rozšíření funkcí této webové aplikace do budoucna.
Anotace v angličtině
This bachelor's thesis focuses on the implementation of an endurance sports web application which was developed for sportsmen such as cyclists, runners or skiers. Thanks to this application, coaches build training plans for athletes who can access them during their training session. Moreover, this application enables an easy addition of comments to any activity. The goals of this thesis are focused on programming of web services and popular web-based solutions for sport applications. Moreover, it focuses on the selection of appropriate technologies for the development of an own application. The above-mentioned process is described in detail in the chapter Research. This thesis is specifically concerned with the implementation of an interface which is discussed in the chapter Web Application. This chapter focuses on the description of technologies used and the features implemented. The web application uses a programming language TypeScript, JavaScript library React, React auxiliary tools Context and the Ant Design library for programming the client - side of the web application. Node.js and server framework Express.js were used to implement the backend part of the web aplication, data management is handled by the non-relational database MongoDB. The last chapter of the thesis evaluates the results achieved and explores the future development of the web application.
Web application, sport training plans, REST, MongoDB, TypeScript, React, Node.js
Zásady pro vypracování
1. Seznamte se s problematikou programování webových služeb s podporou REST API, s problematikou ukládání většího množství provázaných dat a SW řešeními používanými pro tvorbu klientské a serverové části aplikace v jazyce JavaScript.
2. Navrhněte aplikaci pro plánování sportovního tréninku, která umožní trenérům připravovat tréninkovém plány pro závodníky a závodníkům naopak tyto tréninkové plány číst a reportovat průběh tréninku. Při návrhu se zaměřte na bezpečnost systému, uživatelskou přístupnost a srozumitelnost.
3. Navrženou aplikaci implementujte a ověřte její praktickou použitelnost. Při implementaci využijte architektury REST, vytvořte serverovou i klientskou část.
Zásady pro vypracování
1. Seznamte se s problematikou programování webových služeb s podporou REST API, s problematikou ukládání většího množství provázaných dat a SW řešeními používanými pro tvorbu klientské a serverové části aplikace v jazyce JavaScript.
2. Navrhněte aplikaci pro plánování sportovního tréninku, která umožní trenérům připravovat tréninkovém plány pro závodníky a závodníkům naopak tyto tréninkové plány číst a reportovat průběh tréninku. Při návrhu se zaměřte na bezpečnost systému, uživatelskou přístupnost a srozumitelnost.
3. Navrženou aplikaci implementujte a ověřte její praktickou použitelnost. Při implementaci využijte architektury REST, vytvořte serverovou i klientskou část.
Seznam doporučené literatury
[1] RICHARDSON, Leonard a Michael AMUNDSEN. RESTful Web APIs. Beijing: O'Reilly, 2013. ISBN 978-1449358068.
[2] SUBRAMANIAN, Vasan. Pro MERN stack: full stack web app development with Mongo, Express, React, and Node. Berkeley, California: Apress, 2017. Books for professionals by professionals. ISBN 978-1484226520.
[3] BANKS, Alex a Eve PORCELLO. Learning React: functional web development with React and Redux. Sebastopol, CA: O'Reilly Media, 2017. ISBN 978-1491954621.
Seznam doporučené literatury
[1] RICHARDSON, Leonard a Michael AMUNDSEN. RESTful Web APIs. Beijing: O'Reilly, 2013. ISBN 978-1449358068.
[2] SUBRAMANIAN, Vasan. Pro MERN stack: full stack web app development with Mongo, Express, React, and Node. Berkeley, California: Apress, 2017. Books for professionals by professionals. ISBN 978-1484226520.
[3] BANKS, Alex a Eve PORCELLO. Learning React: functional web development with React and Redux. Sebastopol, CA: O'Reilly Media, 2017. ISBN 978-1491954621.
Přílohy volně vložené
-
Přílohy vázané v práci
ilustrace, grafy
Převzato z knihovny
Ano
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Průběh obhajoby je zveřejněn pouze přihlášenému uživateli.