Preferencje help
Widoczny [Schowaj] Abstrakt
Liczba wyników

Znaleziono wyników: 20

Liczba wyników na stronie
first rewind previous Strona / 1 next fast forward last
Wyniki wyszukiwania
Wyszukiwano:
w słowach kluczowych:  Angular
help Sortuj według:

help Ogranicz wyniki do:
first rewind previous Strona / 1 next fast forward last
PL
W artykule przedstawiono analizę porównawczą narzędzi do tworzenia warstwy klienta aplikacji internetowych. Wybrano do niej narzędzia Angular 17.1.0, React 18.2.0 i Vue 3.3.4. Proces badawczy przeprowadzono z wykorzystaniem aplikacji testowej “Benchmark”, zaimplementowanej z użyciem każdej z technologii. Przygotowana została ona jako tester wydajności, realizujący testy złożone z operacji manipulujących tabelą danych, celem pomiaru czasu ich wykonania. Wyniki przeprowadzonych testów stały się podstawą do analizy porównawczej. W efekcie badania, najwydajniej-szym narzędziem w największej liczbie testów został Angular. Nieznacznie mniejsza wydajność zaobserwowana została przy Vue, a najmniej wydajną aplikacją okazała się ta, przygotowana z użyciem React
EN
The article presents a comparative analysis of tools for developing the client layer of web applications. The tools chosen for it were Angular 17.1.0, React 18.2.0 and Vue 3.3.4. The research process was carried out using the “Benchmark” test application, implemented with each technology. It was prepared as a performance tester, implementing tests consisting of operations that manipulate a table of data, in order to measure their execution time. The results of the performed tests became the basis for further analysis. As a result of the study, Angular became the most efficient tool in the largest number of tests. Slightly lower performance was observed with Vue, and the least efficient application turned out to be the one prepared with React.
PL
W artykule porównano dwa szkielety programistyczne we wskazanych wersjach. Badania przeprowadzono za pomocą aplikacji testowych o takich samych funkcjonalnościach, zaimplementowanych w obu środowiskach. Za kryterium porównawcze przyjęto liczbę bajtów zajmowanych przez oba projekty, liczbę wierszy z kodem, koniecznych do implementacji, średnie zużycie pamięci RAMoraz wydajność czasową. Wykonano automatyczne testy obciążeniowe oraz analizę technicznąobu środowisk. W wyniku badań stwierdzono, że React lepiej radzi sobie zobsług ą dużej liczby danych (około 100000 rekordów), natomiast w przypadku małychzbiorów danych oscylujących w okolicach 1000rekordów nie wykazanoistotnych różnic w działaniu obu aplikacji. W przypadku umiarkowanej liczby rekordów (10000) bardziej wydajny okazał się React.
EN
This paper presents the results of the comparative analysis of the two JavaScript frameworks. The research was carried out using test applications with the same functionalities, implemented in both environments. The number of bytes occupied by both projects, the number of lines of code, the average RAM consumption and the time efficiency were used as criteria for comparison. Automatic load tests and technical analysis of both environments were performed. The results showed that React is able to better handle a large amount of data (around 100 000 records), while for small data sets oscillating around 1000 records, no significant differences in both application performance were demonstrated. For a medium number of records (10000), React proved to be more efficient.
PL
Celem niniejszej pracy było porównanie dwóch popularnych szkieletów programistycznych dedykowanych budowie aplikacji typu SPA. Analizie zostały poddanedwie autorskie aplikacje o identycznych funkcjonalnościach, jedna z nich powstała w React, natomiast druga w Angularze. Wykorzystano gotowe narzędzie developerskie, autorski skrypt porównujący szybkość dodawania elementów do bazy danych oraz sprawdzono popularność technologii w serwisie Stack Overflow oraz w wyszukiwarce Google
EN
The purpose of this study was to compare two popular programming frameworks dedicated to building SPA applications. Two proprietary applications with identical functionalities were analyzed, one created in React and the other in Angular. A ready-made programming tool was used, an original script comparing the speed of adding elements to the database, and the popularity of the technology was checked on the Stack Overflow website and in the Google search engine.
PL
Niniejsza praca dyplomowa miała na celu sprawdzenie szkieletu Angular oraz biblioteki React pod kątem wydajności na trzech popularnych przeglądarkach internetowych. W związku z tym zaimplementowano dwie podobne aplikacje testowe tworzące interfejsy użytkownika oraz jedną aplikację serwerową do komunikacji z bazą danych i wymienionymi szkieletami programistycznymi. Następnie zostały wykonane testy sprawdzające czas pobierania i wyświetlania danych oraz ich usuwania. Poza wynikami wydajności przeprowadzono przegląd literatury w celu lepszego zobrazowania obecnego stanu wiedzy w danym temacie oraz opisano poszczególne elementy wyróżniające dany szkielet lub bibliotekę. Sprawdzono również otrzymane dane wynikowe pod względem różnic statystycznych korzystając z testów statystycznych.
EN
This thesis aimed to examine the Angular framework and React library in terms of performance on three popular web browsers. To achieve this, two similar test applications were implemented to create user interfaces, along with a server application for database communication and the aforementioned programming frameworks. Subsequently, tests were conducted to assess the time required for downloading and displaying images, records, and their deletion. In addition to performance results, a literature review was conducted to provide a better understanding of the current state of knowledge in the field, and individual features distinguishing the respective framework or library were described. Furthermore, the obtained data was analyzed for statistical differences using statistical tests.
PL
Celem pracy jest przeprowadzenie analizy wydajnościowej oraz wskazanie na jej podstawie najbardziej przyjaznego dla użytkownika i najszybciej działającego szkieletu. Do sprawdzenia szybkości działania wybranych technologii napisane zostały trzy aplikacje internetowe. Analizie poddano jedne z najpopularniejszych szkieletów, mianowicie: Angular, React i Vue. Statyczne kryteria porównawcze wykorzystane w pracy to: rozbudowana i ogólnodostępna dokumentacja, proces wytwarzania aplikacji, szybkość budowy aplikacji, rozwój oraz wsparcie przez twórców. Kryteriami praktycznymi są czasy mierzone podczas wykonywania testów. Testy wykonane zostały za pomocą prostych operacji korzystających z funkcji CRUD (ang. Create, Read, Update, Delete). Dokonano zestawienia wyników szybkości, w jakiej zrealizowane zostały poszczególne operacje oraz opis analizy technicznej danych szkieletów. Do analizy porównawczej wykorzystano narzędzia deweloperskie takie jak: Google Analytics, Google Chrome, Mozilla Firefox, Chrome DevTools.
EN
The aim of the work is to conduct a performance analysis and, on its basis, to indicate the most user-friendly and fastest operating framework. Three Internet applications have been written to test the speed of operation of selected technologies. Some of the most popular frameworks were analyzed: Angular, React and Vue. Static comparative criteria used in the work are: favorable and generally available documentation, application development, speed of application development, development and support by creators. The practical criteria are the times measured during the execution of the tests. The tests were performed with simple operations using the CRUD (Create Read Update Delete) function. The performance analysis carried out in this way shows the differences between the frameworks. The following developerPersian tools were used for the comparative analysis: Google Analytics, Google Chrome, Mozilla Firefox, Chrome DevTools.
6
Content available Analiza wydajnościowa aplikacji Svelte i Angular
PL
Celem artykułu jest sprawdzenie, czy nowsze rozwiązanie tworzenia części klienckiej aplikacji internetowej oparte na Svelte jest bardziej efektywne w porównaniu do standardowego podejścia stosowanego w Angular. W artykule przed-stawiono porównanie czasów renderowania się komponentów strony na przykładzie dwóch aplikacji testowych przygotowanych w obu szkieletach programistycznych. Do przeprowadzenia testów wydajnościowych przygotowano scenariusze, w których zbadano czasy dodawania i usuwania różnej liczby komponentów strony. Testy aplikacji były wykonane przy pomocy pakietu Selenium Webdriver. Wyniki badań wskazały jednoznacznie na fakt, że nowe podejście do manipulacji DOM (Svelte v. 3.0), jest bardziej wydajne niż korzystanie ze standardowego rozwiązania stosowanego w aplikacjach Angular (v.10.2).
EN
The aim of this article is to check if the Svelte-based client part of a web application is more effective than the standard Angular approach. The article presents a comparison of page components rendering times on the basis of two test applications prepared in both frameworks. For the performance tests, scenarios were prepared in which the times of adding and removing a different number of page components were examined. Application tests were performed using the Selenium Webdriver package. The research results clearly showed that the new approach used for DOM manipulation (Svelte v.3.0) is more efficient than the standard solution used in Angular applications (v.10.2).
PL
Celem artykułu jest przeprowadzenie analizy porównawczej dwóch szkieletów programistycznych Angular w wersji 10 oraz Vue w wersji 3.0. Podstawą porównania jest wydajność zbadana za pomocą dwóch podobnych co do funkcjonalności aplikacji. Badaniu poddano widok ze zmienną liczbą wyświetlanych elementów, a czas mierzono od momentu wskazania liczby komponentów do zakończenia renderowania. Porównano także ilość przestrzeni dyskowej jaką zajmują finalne aplikacje oraz modułów aplikacji względem sposobu realizacji ich funkcjonalności. Wyniki badań pozwoliły sformułować wnioski, że Vue jest bardziej wydajny od Angulara a dodatkowo aplikacja Vue zajmuje mniej przestrzeni dyskowej.
EN
The aim of this article is to perform a comparative analysis of the Angular v10 and Vue v3.0 frameworks. The basis of the comparison is the performance tested with two applications that are similar in terms of functionality. The view with a variable number of displayed elements was examined, and the time was measured from the moment the number of components was indicated to the end of rendering. The amount of disk space occupied by the final applications and application segments was also compared in relation to the method of implementing their functionality. The results of the research allowed to formulate the conclusions that Vue is more efficient than Angular and additionally the Vue application takes up less disk space.
EN
The goal of the article is to compare the three most commonly used tools for creating a graphical user interface in web applications. The analysis was carried out for the currently most popular tools: Angular, React and Vue. Test applica-tions with identical user interface, implemented in three technologies, were used for the research. The article compares, above all, the performance related to page loading time and memory usage..
PL
Celem artykułu jest porównanie trzech najczęściej stosowanych narzędzi do tworzenia graficznego interfejsu użytkow-nika w aplikacjach internetowych. Analiza została przeprowadzona dla najbardziej popularnych obecnie narzędzi: Angular, React i Vue. Do badań wykorzystano aplikacje testowe z identycznym interfejsem użytkownika, zaimplementowane w trzech technologiach. W artykule porównano przede wszystkim wydajność związaną z czasem ładowania stron oraz zajętość pamięci.
PL
W artykule przedstawiono analizę wydajnościową z wykorzystaniem wybranych narzędzi do budowy Single Page Application. Do oceny wydajności aplikacji testowej używana została przeglądarka Google Chrome z narzędziem DevTools. Całkowita liczba wszystkich testów wynosiła 112. W ramach przeprowadzonego badania powstała aplikacja testowa z wykorzystaniem różnych szkieletów JavaScript - szkieletu Angular i szkieletu Vue.js.
EN
The article presents analysis of the performance of selected tools to build a Single Page Application. Chrome browser with DevTools tool was used to evaluate the performance of the test application. The total number of all tests was 112. As part of the study, a test application was created using different JavaScript frameworks - the Angular framework and the Vue.js framework.
PL
Celem artykułu jest porównanie wydajności popularnych frameworków JavaScriptowych Angular i Vue.js w kontekście tworzenia gier oraz wybór lepszego z nich. Kryteria porównawcze są następujące: czas wymiany danych z serwerem oraz renderowania różnych komponentów aplikacji, ilość zajmowanej pamięci podczas odświeżania informacji o przebiegu gry i przywróceniu użytkownika do bieżącej gry, stopień obciążenia przeglądarki oraz rozmiar plików końcowych. Na podstawie wyników z przeprowadzonych badań można stwierdzić, że bardziej wydajny jest framework Vue.js.
EN
The aim of the paper is to compare the performance of popular JavaScript frameworks Angular and Vue.js in the context of game development. The comparative criteria are as follows: time of data exchanging with server and rendering of various application components, memory consumption during refreshing the current game information and restoring the user to the current game, browser load level and size of the final application files. The test results show that the Vue.js framework is more efficient.
PL
Celem artykułu jest wybór, możliwie najbardziej wydajnych narzędzi do tworzenia interfejsu użytkownika dla aplikacji Spring.W artykuleprzeprowadzono porównanie dla 4 wybranych technologii widoków: JSP, Thymeleaf, Wicket i Angular. Testy wydajności czasowej i pamięciowej zostały przeprowadzone z wykorzystaniem Rest API w Spring. Wyniki testów pozwoliły wskazaćnajlepsze rozwiązania.
EN
The goal of the article is to choose the most efficient user interface creation tools possible for Spring. The study compares 4 selected view technologies: JSP, Thymeleaf, Wicket and Angular. Time and memory performance tests were carried out using Rest API in Spring. Test results allowed to identify the best solutions.
PL
W artykule opisano wpływ wykorzystania standardu WebAssembly na wydajność aplikacji internetowych. Wykorzystano oparty o WebAssembly szkielet aplikacji Blazor. Pokazano, iż można wykonać w pełni funkcjonalną aplikację SPA (ang. Single Page Application) pisząc kod aplikacji w języku C#. Wykonano drugą aplikację wykorzystując szkielet Angular. W obu aplikacjach zaimplementowano te same funkcjonalności. Dla wykonanych aplikacji porównano czasy ładowania w przeglądarce oraz rozmiar przesyłanych danych. Zbadano wpływ pamięci podręcznej przeglądarki i kompresji gzip. Zbadano wydajność obsługi żądań HTTP. Porównano wydajność kodu WebAssembly z kodem JavaScript w zadaniu sortowania n-elementowej listy obiektów. Zbadano wydajność aplikacji Blazor w modyfikowaniu drzewa DOM. Porównano wybrane metryki kodu obu aplikacji. JavaScript okazał się wydajniejszy w zadaniach związanych z wykorzystaniem API przeglądarki. WebAssembly był lepszy w zadaniach obliczeniowych.
EN
The article describes the impact of using WebAssembly on the performance of web applications. A Blazor framework based on WebAssembly was used. The paper shows that it is possible to create fully functioning Single Page Application using C# programming language. The second application was made using Angular framework. Both applications implement the same functionalities. For prepared applications loading time and size of transferred data was measured. The impact of using browser cache memory and gzip compression was examined. The performance of handling http requests using GET and POST methods were measured. The performance of WebAssembly against JavaScript code in task of sorting a list of N objects was compared. The performance of modifying html DOM was examined. Selected code metrics of written applications were compared. JavaScript presents better performance with tasks related with browser API. WebAssembly was better for computing.
PL
Celem artykułu jest porównanie dwóch, najczęściej stosowanych narzędzi do wytwarzania aplikacji webowych typu SPA (Single Page Application). Analiza została przeprowadzona dla biblioteki ReactJS i dla frameworka Angular. Do badań wykorzystano aplikacje testowe o takiej samej funkcjonalności, zaimplementowane w obu technologiach. W porównaniu uwzględniono strukturę i wydajność aplikacji, wybrane metryki kodu, jakość dokumentacji oraz wsparcie społecznościowe.
EN
The aim of the article is to compare two, most commonly used tools for the Single Page Application development. The analysis was carried out for the ReactJS library and for the Angular framework. Two applications were implemented for research purposes. The React and Angular test application has the same functionality. The comparison included the structure and performance of applications, selected code metrics, quality of documentation and social support.
PL
Testy automatyczne mają na celu weryfikowanie funkcjonalności systemu na poziomie interfejsu użytkownika końcowego. W artykule porównane zostały narzędzia Selenium WebDriver oraz Protractor. Do przeprowadzenia analizy porównawczej narzędzi ustalono pięć kryteriów porównawczych na podstawie, których przeprowadzony został proces analitycznej hierarchizacji. Na podstawie otrzymanych obliczeń zostały wyciągnięte wnioski dotyczące tego, która platforma jest lepszym wyborem pod względem testowania aplikacji Single Page Application.
EN
Automated tests are designed to verify the functionality of the system at the level of the end-user interface. The article compared popular tools Selenium WebDriver and Protractor. To conduct a comparative analysis tools have been established five benchmarks under which it was carried out the analytical hierarchy proces. Based on the obtained calculations, conclusions have been drawn regarding which platform is a better choice in terms of testing the application of the Single Page Application.
PL
Usługi wykorzystujące informację o położeniu osób i przedmiotów mogą być z powodzeniem wykorzystywane do wsparcia osób starszych. Zgromadzenie informacji lokalizacyjnych wymaga instalacji w domu osoby monitorowanej systemu lokalizacyjnego, który powinien cechować się niezawodnym działaniem. W referacie przedstawiono opis rozwiązania pozwalającego na gromadzenie i prezentację danych diagnostycznych. Opisano układ umożliwiający transmisję danych do sieci Internet oraz aplikację pozwalającą na przeglądanie zgromadzonych danych.
EN
Location based services can be efficiently used for support of elderly persons living in their own homes. Collection of localization data is possible with a localization system installed in elderly person's home. Monitoring of system components is necessary to provide reliable system operation. The paper presents the solution for storing and presentation of diagnostic data. It includes a description of the developed module intended for diagnostic data transmission as well as a web application for data presentation.
PL
Artykuł zawiera porównanie szkieletów aplikacji AngularJS i React.js. Dla potrzeb badawczych zostały utworzone dwie aplikacje oferujące identyczne funkcjonalności. Zmierzony i porównany został czas wykonania typowych zadań aplikacji internetowej: wstawianie, sortowanie i usuwanie elementów z listy obiektów JavaScript.
EN
The paper contains comparison between AngularJS and React.js frameworks. For research purposes two applications that provides the same functionalities were created. Time of typical tasks execution: elements insertion, sorting and deletion from JavaScript list of objects was measured and compared.
PL
Artykuł zawiera porównanie szkieletów aplikacji Angular i BackboneJS. Dla potrzeb badawczych zostały utworzone dwie aplikacje jednostronicowe, oferujące identyczne funkcjonalności. Zmierzony i porównany został czas ładowania elementów aplikacji, liczba linii napisanego kodu, rozmiar skompilowanych aplikacji, społeczność zgromadzona wokół szkieletu oraz czas potrzebny na wykonanie aplikacji. Otrzymane wyniki nie wykazały rozwiązania wyraźnie lepszego do zastosowania w aplikacjach jednostronicowych.
EN
The paper contains comparison between Angular and BackboneJS frameworks. For research purposes, two single page applications were created. Both providing the same functionalities. In this article such elements were examined and compared: time of loading elements, number lines of code, size of compiled application. community gathered around frameworks and time needed to create the application using frameworks. The obtained results did not indicate a solution that was clearly better to be used in single page applications.
PL
W artykule przedstawiono technologie informatyczne do tworzenia graficznego interfejsu użytkownika w systemach wbudowanych. Podano przykład stworzenia takiego interfejsu za pomocą platformy Angular w urządzeniu medycznym do terapii polem magnetycznym i światłem.
EN
In the paper the information technologies for graphical user interface construction have been presented. As an example the graphical user interface designed with Angular framework for medical device for therapy has been presented.
19
PL
Artykuł zawiera porównanie wydajności bibliotek języka JavaScript. Analizie podlegają programy napisane z wykorzystaniem AngularJS oraz ReactJS. Badanie wydajności zostało zrealizowane poprzez implementację aplikacji korzystających z języka JavaScript, z użyciem obu bibliotek. Na każdej z nich wykonano pomiary wydajności, na ich podstawie sporządzono analizę wyników. Analizę wykonano przy użyciu narzędzi developerskich przeglądarek internetowych oraz poprzez zawarty w kodzie mechanizm badawczy.
EN
The article contains a comparison of the performance of selected JavaScript libraries. The analyzed programs have been written using AngularJS and ReactJS. Performance testing was carried out through the implementation of several applications using JavaScript, with a usage of both libraries. For each of them performance measurement was made and on its basis the results analysis was prepared. The analysis was performed using the development tools and by a mechanism contained in the code.
PL
Tematem artykułu jest analiza porównawcza jednych z aktualnie najpopularniejszych frameworków języka JavaScript, służących do budowania aplikacji typu Single Page Application. Podczas analizy przyjęto cztery kryteria porównawcze: trudność nauki biblioteki, dodatkowe narzędzia charakterystyczne dla danego frameworka, wydajność na urządzeniach stacjonarnych oraz wydajność na urządzeniach mobilnych.
EN
The subject of this article is a comparative analysis of some of the most popular frameworks, of JavaScript programming language, dedicated to creating Single Page Applications. There were four criteria accepted for the purpose of the research. The criteria are: difficulty of learning the given library, additional tools specific for given framework, performance on desktop devices and performance on mobile devices.
first rewind previous Strona / 1 next fast forward last
JavaScript jest wyłączony w Twojej przeglądarce internetowej. Włącz go, a następnie odśwież stronę, aby móc w pełni z niej korzystać.