Využití moderních client-side technologií - vývoj 3D návrháře nábytku

Bc. David Holada

Diplomová práce

Usage of modern client-side technologies - development of 3D furniture designer

Anotace:

Tato práce pojednává o současných možnostech využití moderních client-side technologií při vývoji webových aplikací. V první části je krátce zmíněn historický vývoj těchto technologií. Větší zaměření je zde kladeno na porovnání dvou posledních přístupů k tvorbě těchto webových aplikací a sice staršího jQuery a novějších single-site application frameworků. Je také provedena komparace starší verze JavaScriptu ES5 a verzí ES6+, která s tímto problémem úzce souvisí. Ze single-site application frameworků je práce zaměřena hlavně na React, ve kterém je rovněž realizovaná praktická část práce – webová aplikace 3D návrhář nábytku. Užitečnost tohoto návrháře je demonstrována na průzkumu českého online nábytkářského trhu. Výsledkem tohoto průzkumu je zjištěn stav konkurenčních řešení. Tato konkurenční řešení jsou dále technologicky zanalyzována a následně je provedena formulace jejich nedostatků. Nově vzniknutá aplikace 3D návrháře nábytku, jejíž vývoj je v práci podrobně popsán, si klade za cíl tyto nedostatky eliminovat a vytvořit tak produkt, který technologicky převyšuje současná řešení.

Abstract:

This thesis talks about current client-side web development technologies usage options. In the first part of this thesis there is briefly mentioned the historic evolution of these technologies. Main focus is on the comparison of the last two client-side technological paradigms – an older jQuery and the new single-side application frameworks as well as on the comparison of ES5 and ES6+ versions of JavaScript which are tightly connected with this topic. Main focus in the terms of single-side application frameworks is on React which is used as a main programming language to develop the practical part of this thesis – 3D furniture designer web application. Usefulness of this application is proven by Czech furniture online market research. As a result of this research there is gathered base information about the rival application solutions on the market. These rival applications are technologically analyzed and there are formulated the cons of these solutions. Newly developed application 3D furniture designer, which development will be described in detail, targets on elimination of these cons and as a result of this there will be created technologically more advanced solution than any other application on the current market.

Klíčová slova

ES6, React.js, jQuery, Emotion.js, WebGL, Node.js, Express.js, SQL, MongoDB, MERN, HTML, CSS, JavaScript, Three.js, ES5

Keywords

HTML, CSS, JavaScript, ES5, ES6, React.js, jQuery, Emotion.js, Node.js, Express.js, SQL, MongoDB, MERN, WebGL, Three.js

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 6. 4. 2020

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

• Vedoucí: Ing. Jiří Brožek, Ph.D.

Česká zemědělská univerzita v Praze

Provozně ekonomická fakulta

Magisterský studijní program / obor:
Systémové inženýrství a informatika / Informatika