scholarly journals Comparison of front-end frameworks for web applications development

2018 ◽  
Vol 6 (1) ◽  
pp. 261-282
Author(s):  
Marin Kaluža ◽  
Bernard Vukelić
Keyword(s):  
Hypothesis Testing ◽  
User Interfaces ◽  
Web Application ◽  
Web Applications ◽  
Program Code ◽  
Advantages And Disadvantages ◽  
Front End ◽  
Complex Program ◽  
The Difference ◽  
Different Parts

Modern web applications, due to the functionalities they provide in their user interfaces, have a complex program structure. Manually writing a program code, due to the complexity of the entire application, can result in uneven quality and content of individual application parts. Maintaining such developed applications is more difficult. Because of this, web applications are often developed by using different frameworks. A framework allows structuring, simpler and more uniform program script writing, and thus easier web application maintenance. There are various frameworks that can be used in the development of web applications, for different parts of the application. Those analyzed in this paper are used in the development of front end parts of web applications. According to their design, a web application can be developed as the Multi Page (MPA) or the Single Page (SPA). This paper explains the difference between MPA and SPA web applications. The advantages and disadvantages of MPA are demonstrated in relation to SPA web applications. Required characteristics that the framework should have in order to be optimized for creating MPA and SPA web applications are set. The hypothesis has been tested: There is a framework that is optimized for the development of both MPA and SPA applications. Possibilities, architecture and development techniques of a web application using front end frameworks, as well as the suitability of such frameworks for the development of MPA and SPA web applications have been analysed. Choosing a framework for the hypothesis testing has been performed based on the popularity of available frameworks. The required characteristics have been analyzed on the three most popular frameworks: Angular, Vue.js and React-js. It has been shown that the Vue.js framework is the most optimized framework for the development of both MPA and SPA applications.

scholarly journals Estudo Comparativo de Tecnologias de Desenvolvimento front-end paraWeb

2021 ◽  
Author(s):  
Matheus De Souza ◽  
Eduardo Alves da Silva
Keyword(s):  
User Interfaces ◽  
Development Process ◽  
Web Applications ◽  
Use Case ◽  
Test Scenario ◽  
User Interactions ◽  
Advantages And Disadvantages ◽  
Front End ◽  
Startup Time ◽  
Web Systems

There are several JavaScript technologies intended to assist in theconstruction of web systems user interfaces. Choose the most suitablefor a new project can be a difficult task. Three of these technologieshave gained prominence: Angular, Vue and React. All focusedon the front-end development of web applications. In order to facilitatethe process of decision making about which technology is themost suitable in a new project, this work establishes a comparativestudy of the three most used JavaScript technologies currently andto highlight the advantages and disadvantages of each one. Thiswork adopted performance, size and support for different browsersto carry out an experimental comparative study. An applicationwas developed as a use case and replicated in each of the technologies,in order to analyze the development process and the resultsunder the same set of tests. A software to perform the tests in anautomated way was implemented to collect the performance resultsusing the Google Chrome browser. It was possible to identify whichtechnology is most suitable in each test scenario. For example, theAngular framework performed better in 8 out of 10 scenarios evaluated,despite having a longer startup time and build size of theapplication compared to React and Vue. It is estimated that Angularloads more information in the initialization process to make thestate of the application “more prepared” for user interactions

Morpheus Web Testing: A Tool for Generating Test Cases for Widget Based Web Applications

2021 ◽  
Author(s):  
Romulo de Almeida Neves ◽  
Willian Massami Watanabe ◽  
Rafael Oliveira
Keyword(s):  
User Interfaces ◽  
Web Application ◽  
Web Applications ◽  
Test Cases ◽  
Code Coverage ◽  
Web Testing ◽  
The Cost ◽  
Software Lifecycle ◽  
The Web

Context: Widgets are reusable User Interfaces (UIs) components frequently delivered in Web applications.In the web application, widgets implement different interaction scenarios, such as buttons, menus, and text input.Problem: Tests are performed manually, so the cost associated with preparing and executing test cases is high.Objective: Automate the process of generating functional test cases for web applications, using intermediate artifacts of the web development process that structure widgets in the web application. The goal of this process is to ensure the quality of the software, reduce overall software lifecycle time and the costs associated with tests.Method:We elaborated a test generation strategy and implemented this strategy in a tool, Morpheus Web Testing. Morpheus Web Testing extracts widget information from Java Server Faces artifacts to generate test cases for JSF web applications. We conducted a case study for comparing Morpheus Web Testing with a state of the art tool (CrawlJax).Results: The results indicate evidence that the approach Morpheus Web Testing managed to reach greater code coverage compared to a CrawlJax.Conclusion: The achieved coverage values represent evidence that the results obtained from the proposed approach contribute to the process of automated test software engineering in the industry.

scholarly journals Using SWISH to Realize Interactive Web-based Tutorials for Logic-based Languages

2019 ◽  
Vol 19 (2) ◽  
pp. 229-261 ◽  
Author(s):  
JAN WIELEMAKER ◽  
FABRIZIO RIGUZZI ◽  
ROBERT A. KOWALSKI ◽  
TORBJÖRN LAGER ◽  
FARIBA SADRI ◽  
...  
Keyword(s):  
Data Analysis ◽  
User Interfaces ◽  
Web Application ◽  
Web Server ◽  
Educational Material ◽  
Graphical User Interfaces ◽  
Probabilistic Logic ◽  
Programming Environments ◽  
Web Based ◽  
Front End

AbstractProgramming environments have evolved from purely text based to using graphical user interfaces, and now we see a move toward web-based interfaces, such as Jupyter. Web-based interfaces allow for the creation of interactive documents that consist of text and programs, as well as their output. The output can be rendered using web technology as, for example, text, tables, charts, or graphs. This approach is particularly suitable for capturing data analysis workflows and creating interactive educational material. This article describes SWISH, a web front-end for Prolog that consists of a web server implemented in SWI-Prolog and a client web application written in JavaScript. SWISH provides a web server where multiple users can manipulate and run the same material, and it can be adapted to support Prolog extensions. In this article we describe the architecture of SWISH, and describe two case studies of extensions of Prolog, namely Probabilistic Logic Programming and Logic Production System, which have used SWISH to provide tutorial sites.

scholarly journals Argovis: A Web Application for Fast Delivery, Visualization, and Analysis of Argo Data

2020 ◽  
Vol 37 (3) ◽  
pp. 401-416 ◽  
Author(s):  
Tyler Tucker ◽  
Donata Giglio ◽  
Megan Scanderbeg ◽  
Samuel S. P. Shen
Keyword(s):  
Web Application ◽  
Web Applications ◽  
Global Ocean ◽  
Depth Range ◽  
Argo Data ◽  
Programming Environments ◽  
Time Frequency ◽  
Front End ◽  
Argo Profiles ◽  
Web Quality

AbstractSince the mid-2000s, the Argo oceanographic observational network has provided near-real-time four-dimensional data for the global ocean for the first time in history. Internet (i.e., the “web”) applications that handle the more than two million Argo profiles of ocean temperature, salinity, and pressure are an active area of development. This paper introduces a new and efficient interactive Argo data visualization and delivery web application named Argovis that is built on a classic three-tier design consisting of a front end, back end, and database. Together these components allow users to navigate 4D data on a world map of Argo floats, with the option to select a custom region, depth range, and time period. Argovis’s back end sends data to users in a simple format, and the front end quickly renders web-quality figures. More advanced applications query Argovis from other programming environments, such as Python, R, and MATLAB. Our Argovis architecture allows expert data users to build their own functionality for specific applications, such as the creation of spatially gridded data for a given time and advanced time–frequency analysis for a space–time selection. Argovis is aimed to both scientists and the public, with tutorials and examples available on the website, describing how to use the Argovis data delivery system—for example, how to plot profiles in a region over time or to monitor profile metadata.

scholarly journals WEB-BASED SCHEDULING APPLICATION AND MOTION SENSOR USING ARDUINO MEGA

2021 ◽  
Vol 4 (1) ◽  
pp. 28-32
Author(s):  
Januardi Nasir ◽  
Keyword(s):  
Time Delay ◽  
Web Application ◽  
Web Applications ◽  
Electronic Devices ◽  
Motion Sensor ◽  
Motion Sensors ◽  
Web Based ◽  
Advantages And Disadvantages ◽  
Internet Connection ◽  
Human Object

The purpose of this research is to find out how to make a web application that can control electronic devices in the building, find out how to make motion sensor circuits with Arduino Mega, electronic devices can be on or off, and find out which one is more efficient in using web applications and sensors. motion on the building. The results of this study indicate that the creation of a web scheduling application that can control the needs of building electronic equipment: webserver (hosting), internet connection, Ethernet shield, Arduino mega, relay module, and the use of motion sensors with Arduino Mega. which can adjust the sensitivity and time delay of signaling when there is the movement of a human object. The use of Ethernet shield and motion sensor each has advantages and disadvantages. It would be better if the two components were combined.

Dynamic Wireless Application Development II

2005 ◽  
pp. 193-227
Author(s):  
Lei-da Chen ◽  
Gordon W. Skelton
Keyword(s):  
Programming Languages ◽  
User Interfaces ◽  
Web Application ◽  
Web Applications ◽  
Ease Of Use ◽  
Application Development ◽  
Development Environment ◽  
Wireless Applications ◽  
Server Side ◽  
Wireless Application

In the previous chapter, we created an m-business application using ColdFusion. Besides ColdFusion, many other development tools can be used to develop m-business applications. Visual Studio .NET, an integrated development environment by Microsoft, has become an increasingly popular corporate applicationdevelopment tool due to its ease of use and support for a wide range of programming languages. Besides traditional Windows and Web applications, Visual Studio .NET also allows developers to build mobile and wireless applications with relative ease. The focus of this chapter is to discuss the tools and techniques for developing wireless applications using Visual Studio .NET. Wireless applications are developed using the ASP .NET Mobile Web Application template. The template provides developers with WYSIWYG tools for creating user interfaces for various mobile devices. These tools work seamlessly with ASP.NET, which uses a form-based approach to build server-side applications for processing user requests and interacting with databases. In this chapter, we will develop a business-to-consumter wireless application using Visual Studio .NET.

The integration of XML databases and content management systems in digital editions

2019 ◽  
Author(s):  
David J. Birnbaum ◽  
Hugh Cayless ◽  
Emmanuelle Morlock ◽  
Leif-Jöran Olsson ◽  
Joseph Wicentowski
Keyword(s):  
Web Application ◽  
Web Applications ◽  
Content Management ◽  
Management Systems ◽  
Xml Database ◽  
Xml Databases ◽  
Digital Edition ◽  
Advantages And Disadvantages ◽  
Content Management Systems

We have identified four models for integrating digital edition content into eXist-db [eXist-db], which are, in increasing order of dependence on eXist-db itself: 1) using Apache [Apache] and PHP [PHP] to mediate between the user and eXist-db, so that eXist-db provides only XML database services, 2) a pure XQuery framework for building an eXist-db web application [Web applications], 3) the eXist-db HTML templating framework [HTML templating], and 4) TEI Publisher [TEI Publisher]. Our examination and comparison of these ways of conceptualizing and implementing the infrastructure for a digital edition reveals that each of them has advantages and disadvantages, primarily from the perspective of sustainability. These considerations apply to edition frameworks generally, and are therefore not specific to eXist-db, which has been used here as an example because of the number of editions that employ it and the variety of models it currently supports.

Towards Testing Web Applications: A PFSM-Based Approach

2011 ◽  
Vol 204-210 ◽  
pp. 220-224 ◽  
Author(s):  
Zhong Sheng Qian ◽  
Huai Kou Miao
Keyword(s):  
Web Application ◽  
Significant Contribution ◽  
Web Applications ◽  
Test Cases ◽  
Testing Method ◽  
Web Testing ◽  
Execution Frequency ◽  
Different Parts ◽  
The Web

To ensure the quality of Web applications, Web testing is one of the effective methods. This paper proposes a Web usage model based on probable FSM (PFSM) which provides a way to derive the test cases for a Web application. The testing process is based on the idea that different parts of the Web application have different execution frequency. This testing method is a significant contribution to informed research.

scholarly journals Radiator: a cloud-based framework for deploying re-usable bioinformatics tools

2019 ◽  
Author(s):  
Emily K.W. Lo ◽  
Remy M. Schwab ◽  
Zak Burke ◽  
Patrick Cahan
Keyword(s):  
User Interfaces ◽  
Web Application ◽  
Web Applications ◽  
Cloud Provider ◽  
Web Based ◽  
Lightweight Framework ◽  
Link Type ◽  
Bioinformatics Tools ◽  
Command Line Tool ◽  
Amazon Web Services

AbstractSummaryAccessibility and usability of compute-intensive bioinformatics tools can be increased with simplified web-based graphic user interfaces. However, deploying such tools as web applications presents additional barriers, including the complexity of developing a usable interface, network latency in transferring large datasets, and cost, which we encountered in developing a web-based version of our command-line tool CellNet. Learning and generalizing from this experience, we have devised a lightweight framework, Radiator, to facilitate deploying bioinformatics tools as web applications. To achieve reproducibility, usability, consistent accessibility, throughput, and cost-efficiency, Radiator is designed to be deployed on the cloud. Here, we describe the internals of Radiator and how to use it.Availability and ImplementationCode for Radiator and the CellNet Web Application are freely available at https://github.com/pcahan1 under the MIT license. The CellNet WebApp, Radiator, and Radiator-derived applications can be launched through public Amazon Machine Images from the cloud provider Amazon Web Services (AWS) (https://aws.amazon.com/).

Sign in / Sign up

Export Citation Format

Share Document