Websites are today one of the most common ways for humans to interact with each other. Evolving from just static pages for companies to highly dynamic social medias, websites are built upon complex techniques and architectures to meet end-user demands. One of the latest techniques are single page applicationswhich makes use of the web browsers capabililities to execute application code. One drawback is that search engines cannot visit the site, nor can script-disabled web browsers. For a single page application to function on all devices a new concept called isomorphism needs to be considered. The aim of this thesis have been to analyze, design and implement an isomorphic web application using modern technologies. The practical work have been applied using an agile project method, while theoretical works are based on previous knowledge and an internet based research. The implementation went through several iterations of trial and error but was finally completed with Facebook's React framework together with a modified version of the Flux architecture. The resulting application was implemented in both Ember and the proposed isomorphic solution. Benchmarks of both implementations were carried out and compared with each other to see how the thesis' isomorphic solution performed. The results shows an performance increase in the isomorphic solution. In conclusion the full application was not implemented due to time limits, but the most performance critical parts were. While only one framework was compared, it would be of interest to compare with more frameworks to give a better performance overview.

The aim of this thesis is the analysis of selected frameworks for the development of modern web applications on the Java platform focusing on the front-end. The work is complemented by well-chosen source code examples that help the reader to create one's own view of the frameworks and it can also server as a tutorial. Introductory section focuses on the trends of modern web applications, especially on the front-end. It affects themes such as support for mobile devices, AJAX or responsive design of user interface. There are also introduced the latest technology on the front-end including HTML5, CSS3, jQuery library and dynamic language LESS whose main objective is the simplification, shortening and making cascading style sheets more dynamic. The output of this section: General LESS template is freely available and it can be applied to emerging projects. For the analysis there has been created static registration form on which there are applied frameworks Apache Wicket and Spring MVC with template engine Freemarker. In terms of analysis were chosen following points: the basic structure of the project, the application of static templates, external JavaScript / jQuery library, internalization, application of the form, submitting the form and validation of the input fields. The points were discussed in detail, especially in terms of implementation of both analysed frameworks. The outputs of the analysis are freely available structures of the projects and both of the resulting applications.

Currently, on the Internet we can see most of the time clasic website that offer multimedia content to users in the form of texts, pictures and videos or favorite e-shops to enable the purchase of various goods from the comfort of home. More and more we can see website sites, or applications that provide the user with a specific service. This thesis describes a new modern approaches for creating web sites and applications using the latest version of the markup language HTML, which is HTML5. The work is primarily intended for Web developers and encoders, which should provide an overview and basic information in the field of web applications. The acquired knowledge would be to simplify and streamline the work and especially to save time, which can undo web users in the form of new features. The result of their work can be faster, more comfortable user web application (website) that fully exploit potential of web browsers.

The thesis examines the theory of formal languages in the field of context-free grammars. It focuses mainly on the possibilities and models of collaborating grammars to solve a common problem. In this context, it presents grammatical systems that have been designed as a formal means for describing distributed and parallel processing. After introducing to the problematics, the thesis focuses on the practical use of these mechanisms in the translation controlled syntax, and therefore the second part of the thesis deals with the implementation of a dynamic syntactic analyzer that uses more grammars during the analysis. With respect to the greatest user friendliness and the possible didactic use, the application is implemented using modern web technologies HTML5, JavaScript, AngularJS, CSS3, LESS and more.

This thesis summarizes the subject of intelligent homes and describes commonly used standards and commercial solutions on the market. The thesis covers the design of a low-cost and easy to use smart home system which can be managed over the internet, uses a genetic algorithm for heating regulation optimization and its central computing unit is a low-cost, embedded device with low power consumption. The functionality of the system is verified on a practical application of heating regulation in a house. The efficacy of the system for energy savings is shown; it is based on measured data statistics.

This diploma thesis first introduces the services of servers Prednasky.com and SuperLectures.com. After analyzing the solution it describes the design and development of a new dedicated video player that combines SuperLectures.com functionality as a web-embeddable HTML5 application.

Στόχος της παρούσης διπλωματικής είναι η δημιουργία μιας διαδικτυακής εφαρμογής όπου θα υποστηρίζει τη δημιουργία, τη διαχείριση και την εκτέλεση μιας μελέτης αξιολόγησης γραφικού σχεδιασμού διεπιφανειών χρήστη, με τη μέθοδο της χαρτογράφησης προτίμησης, καθώς επίσης και τη συλλογή και αποθήκευση των αποτελεσμάτων. Μετά από βιβλιογραφική έρευνα κρίθηκε σκόπιμο να υλοποιηθεί η μέθοδος της χαρτογράφησης προτίμησης για τη διεξαγωγή της μελέτης. Στη συνέχεια προσδιορίστηκαν οι αρχές πάνω στις οποίες βασίστηκε η σχεδίαση και η ανάπτυξη της εφαρμογής. Η παρούσα εφαρμογή είναι πλούσιας διαδραστικότητας, μπορεί να υλοποιήσει αξιολόγηση από απόσταση και να ικανοποιεί τις απαιτήσεις του ανταποκρινόμενου σχεδιασμού, ενώ ταυτόχρονα παρέχεται η δυνατότητα προσθήκης νέων μεθόδων. Για την υλοποίηση της εφαρμογής χρησιμοποιήθηκαν οι νέες τεχνολογίες διαδικτύου HTML5, CSS3, jQuery καθώς και οι PHP, MySQL, JavaScript, AJAX. Η τελική αξιολόγηση από ειδικούς ευχρηστίας του εργαστηρίου αλληλεπίδρασης ανθρώπου υπολογιστή, έκρινε την εφαρμογή ικανή να εκπληρώσει το στόχο της και έδωσε θετική ανάδραση για περεταίρω βελτίωση. / The aim of the present diploma thesis is the development of a web application which supports the creation, management and execution of a graphic design evaluation study by implementing the method of preference mapping, as well as the collection and storage of results. After extended literature research the method of preference mapping was found to be the most suitable for conducting the study. Subsequently, the main principles were identified upon which the design and development of the application was based on. This rich internet application is able to conduct remote evaluation, while achieving the purpose of responsive design which was a fundamental requirement. It also provides the ability for new evaluation methods to be added. For the implementation of the application new internet technologies as HTML5, CSS3, jQuery were used, as well as PHP, MySQL, JavaScript and AJAX. The usability evaluation of this application was conducted by usability experts of the human computer interaction laboratory. The conclusion of the experts was that the application is highly usable and their recommendations provided effective feedback.

The goal of this thesis is to experiment with the latest web technologies and to design new process for mobile application creation. It is possible to create multiplatform applications which are almost unrecognizable from native applications by proposed procedures.  It is focused on performance and native behaviour of the user interface in this thesis. Described practices are demonstrated on application designed for work with historical maps, which is able to show maps from historical archives whole over world real-time. Rapid acceleration has been showed on the demonstrative application compared to standard process of creation of web applications.