Model-Driven Architecture for Web Applications

In the development and design of Web application, the choice of framework development is very important. A good framework development can speed up the development of Web application, reduce development costs and the workload of developers. Meanwhile, Web application has good expansibility and portability. The framework based on SpringMVC + Spring + Mybatis (SSM) has good performance and rapid development efficiency, gradually becoming a mainstream development framework of Web application.

Web application development from simple web pages to complex interactive platforms (including social networks, e-commerce systems, corporate portals) requires new approaches, tools and technologies. JavaScript libraries and frameworks play a special role in developing web applications, simplifying the creation of effective, scalable, and convenient interfaces. The purpose of the article is to research the problems and prospects of using React in combination with Redux when creating web applications with a complex structure, to assess the advantages of their joint use in comparison with similar tools and to develop the web application “FarmerProducts”. The research methodology consists of the main methodological approaches and technological tools for developing web applications. Such methods, in particular, are: system and comparative analysis – to identify the features of creating web applications; method of expert assessments, which involves the study of literary sources and information resources, conducting interviews and surveys of experts, as well as the processes of developing and testing scalable and high-performance web applications based on the use of React and Redux. The scientific novelty of the research is the analysis of modern tools (React, Angular, Vue. js) for developing web applications, identifying problems and prospects for their use, creating an author’s web application (using React and Redux), which includes an intuitive interface, a flexible database, simplifying the process of working with the application by using a stack of modern technologies. Conclusions. The paper analyses the problems and prospects of using modern web application development tools; focuses on React, which is suitable for different projects; conducts a comparative analysis of React with Angular, Vue. js and Svelte, identifies their main characteristics, advantages, disadvantages; demonstrates the dependence of the choice of tools on the project context (React in combination with Redux can provide an optimal balance between performance, flexibility and scalability); describes the author’s web application – the FarmerProducts online store; identifies further ways to improve this web application.

The article analyzes the application of fractal analysis and neural networks in internet technologies for diagnosing the state of a studied object and forecasting time series. These methods will expand the possibilities of using predictions for the future behavior of the researched object in the fields of finance, investment, economics, sociology, and other industries where obtaining prospective knowledge is required. The authors provide an overview of predictive analysis theories and modern econometric and mathematical methods for modeling time series. The justification for choosing fractal analysis as an effective method for diagnosing business decision-making processes is given. A methodology for using internet technology to automate time series forecasting is proposed. A web application has been developed as a software product to solve the research tasks. The process of developing the web application is examined, which would forecast the financial indicators of Ukrainian banks based on available time series. The main stages of development and architecture of the web application for diagnosing and forecasting business processes are described. A generalized structure of software modules is presented. Time series of net profit for Ukrainian banks have been selected as the base model for analysis and forecasting. The developed web application is a complex of programs that use a neural network for time series forecasting. Fractal analysis is used in the stage of forming input data for the neural network. The application also provides the ability to conduct R/S analysis of time series to determine the Hurst exponent. The software product also allows training the neural network using backpropagation. With the machine learning algorithms used in the web application, it is possible to analyze large volumes of data and discover complex dependencies and patterns in time series that may be difficult to notice manually. This leads to more accurate and faster results and enables making more objective forecasts based on the available data. The developed web application can also be used for predicting crises in financial and investment activities.

The development of Web applications should be supported by business professionals themselves since Web applications must be modified frequently based on their needs. This paper describes the end-user-initiative development of Web applications based on two approaches. The first approach uses domain-specific frameworks which are effective for UI-driven systems. The second approach uses visual modeling tools which are useful for model-driven systems such as workflow systems. Both approaches suppose the three-tier architecture of user interface, business logic and database. After these approaches were applied to the development of some applications, the composite approach was considered for a typical application which should be easily developed and frequently modified by end-users.

Although security is an integral aspect of any web application’s growth, sustainability is also a pivotal factor in maintaining the web application. It is clear that the software industry aims to develop different methods and initiatives for achieving high security while maintaining high sustainability. Unfortunately, web application protection is useless if the sustainability is low. Thus, the present day need calls for innovation in developing web applications that afford sustainable-security to the users. By improving sustainability along with web application protection, underlying security and sustainability attributes play a vital role in determining the symmetrical effect of the sustainability and security attribute to achieve the best outcome. Sustainability evaluation, therefore, uses security and sustainability qualities to achieve the desired sustainability security solutions. In this study, ten consecutive versions of two web applications were used to determine symmetrical sustainability. The authors used the Fuzzy Analytic Hierarchy Process (Fuzzy-AHP) mechanism to determine sustainability goals and long-term impact. Furthermore, the effect of security on sustainability is assessed, and vice versa. The findings in the paper will prove to be valuable for improving sustainability of the web application.

This paper proposes a page‐centric approach for developing Web applications in which an application is modeled as a state machine of a UML that takes into account the state of a Web page. Application variables are divided into page‐related variables and others. Business logics are also divided into presentation‐related logics and others. In this paper, based on our model, a Web application development environment is also described. Using this environment, we can intuitively define the behavior of a Web application. Examples of applications developed by our method are given. © 2009 Wiley Periodicals, Inc. Electron Comm Jpn, 92(7): 47–56, 2009; Published online in Wiley InterScience (www.interscience.wiley.com). DOI 10.1002/ecj.10039

Among the various aspects of Web applications that are subject to modeling, like navigation, interaction or business processes, the architectural aspect is receiving growing attention. This is related to the fact that the Web is increasingly used as a platform for distributed services which transcend organizational boundaries to form so-called federated applications. In this context, we use the term “architecture” to denote the composition of the overall solution into individual Web applications and Web services that belong to different parties and invoke each other. The design and evolution of such systems calls for models that give an overview of the federation structure and reflect the technical details of the various accesses. We introduce the WebComposition Architecture Model (WAM) as an overall modeling approach tailored to aspects of highly distributed systems with federation as an integral factor.

Information and Communication Technology (ICT) such as the World Wide Web (WWW) has increasingly become embedded in everyday life and is progressively becoming indispensable for public, business, personal efficiency or even improvement of livelihoods [1]. Web users including People with Disabilities (PWDs) can conveniently undertake a number of tasks that would otherwise be difficult or impossible. But many Web applications such as e-learning, e-commerce and e-government are not accessible to PWDs including the blind. Through Web accessibility guidelines, Web developers can develop Web applications that are accessible to PWDs. However, majority of the available accessibility guidelines are difficult to integrate into existing developer workflows and rarely offer specific suggestions that are developer oriented. In this paper, we propose a Web Design Framework for Improved Accessibility for People with Disabilities (WDFAD). The WDFAD provides precise guidelines on how to develop Web applications that are accessible to PWDs particularly the blind. These are packaged according to the three components of Web applications namely; content, navigation and user interface. Using constructs of the Non Functional Requirements (NFR) Framework, Web accessibility design objectives are represented as primary goals and sub goals. The primary goals represent the high level accessibility design objectives, while the sub goals represent the requirements that need to be met in the Web development process in order to meet each primary goal. WDFAD also illustrates the overlaps between the process of meeting each primary goal. This unveils the optimal ways of achieving Web accessibility during Web design. The precise nature of WDFAD and its packaging according to the main components of Web applications makes Web accessibility requirements potentially easier to understand and apply by Web developers. Web Developers prefer precise and familiar tools due to their busy work life and daily interface and expression in formal instructions. In addition, the global versus local classification of Web accessibility requirements in WDFAD modularizes the web accessibility guidelines hence making them easier to understand, apply and update.

The article discusses technologies for developing the web application designed to accompany the process of conducting an intellectual game in the format of an interactive quiz. An analysis of similar applications was carried out, which showed that none of them satisfies all the criteria essential in this situation. Requirements for the web application have been determined: the ability to create a library of quizzes, various types of questions, edit ready-made quizzes, participants enter answers through their devices online, award points for the correctness and speed of answers, display questions on the presenter's screen and on team devices, view intermediate and final results in the form of a list, returning participants to the game if necessary, saving the points received. The process of developing an optimized user interface using HTML, CSS, JavaScript, which allows users to interact with the web application, is described, the structure of the web application, the main forms of the administrator and game participants are presented. The server side of the application was developed using Node.JS technologies, including the Socket.io library, and the MongoDB database, the resulting collection of non-relational database is shown. To implement the functionality of the application pages, JavaScript was used; examples of codes are presented that implement the mechanism for connecting the presenter to the game, retrieving information from the database, recording the team's response, and awarding points for the correctness and speed of the response. The web application allows you to reduce the time spent by event organizers and participants and makes it possible to improve the organization of work in general. The presented web application for accompanying intellectual games was successfully approbated during events at the Nizhny Tagil State Social-Pedagogical Institute (branch) of the Russian State Vocational Pedagogical University. The materials of the article can serve as practical recommendations for the development of such web applications to accompany intellectual games held in the format of interactive quizzes.

Due to problems in correctly understanding user requirements the Information System (IS) development community have recognised the need to involve end-users in the development and maintenance of web applications. End-users perceive web applications through user interfaces (UIs) and commonly use sketches of UIs to express their requirements. Thus, it would be desirable to provide an end-user development methodology centred on UI modelling techniques. In this paper a visual modelling approach is presented to empower end-users in developing data intensive web applications starting from user interface descriptions. The modelling language follows a holistic approach by representing both static and behavioural information of a web application in one visual model. The visual model allows the specification of the look-and-feel of the application through mock-ups, and the user interactions through links, annotations, and widget references. End-users are guided during the modelling process by providing a summary view to manage the design of complex applications and a data model view to improve the quality of the generated applications.

Parametric Web application cost estimation is referred to the usage of mathematical model to derive the estimated effort and duration of Web application development. Typically, majority of Web application developers are applying expert judgment and estimation by analogy in Web application development. This paper is focusing on feasibility study of WEBMO (Web model), a parametric Web application cost estimation model, in Web application development within Klang Valley in Malaysia. WEBCOMO, a parametric Web application tool is developed based on WEBMOpsilas methodology to fulfill the objective of the study.

In recent months the priority area of modern medicine has become on-line informatization and computerization. The most promising development has been the use of information and computer support in an integrated diagnostic system for patients with cleft lip and palate. In our research we aim to developed an autonomous web application that allows practitioners to determine the tactics of multidisciplinary diagnosis and treatment based on data integrated into a specific web application in order to increase the efficiency of the treatment of children with cleft lip and palate of different age groups. Based on more than 45 years of clinical and scientific experience in diagnosis and treatment of patients with cleft lip and palate we developed a web application “ADI” (Application of Digital Imaging). The developed web application “ADI” is a system for processing, accumulating and analyzing information on the rehabilitation of patients with cleft lip and palate by type of pathology and age, allowing doctors to obtain structured information about the stages of the necessary methods of interdisciplinary cleft lip and palate diagnosis and treatment. One of the main advantages of “ADI” web application is the ability to quickly exchange information between specialists in various fields of knowledge. Such complex information is the basis for combining scientific ideas, analysis and exchange of experience of various specialists, thereby making it possible to create a unified system of interdisciplinary rehabilitation of children with congenital pathology of the maxillofacial region #COMESYSO1120.

Since the emergence of web 2.0, the architecture of web applications has been transformed significantly and its complexity has grown enormously. In such web applications, the user interface (UI) is an important ingredient and with the increased complexity, its testing is getting increasingly complex and cost/time-consuming process. Recently introduced, interaction flow modeling language (IFML) is an object management group (OMG) standard. IFML is gaining popularity for developing web applications, primarily, because of its excellent features for modeling UI elements, their content, and their interaction capturing capabilities. However, despite its superior UI modeling features, its UI testing is accomplished through traditional time-consuming techniques, which are employed after implementing the UI code. Hence, to overcome these limitations, this paper introduces a novel model-based testing approach for IFML UI elements. The proposed approach provides complete navigation testing using formal models. Moreover, the approach transforms the IFML models to all necessary UI testing artifacts by generating state transition matrix plus detailed UI test case document. As a part of a research, model-based user interface test case (MBUITC) generator tool is implemented to automatically generate navigation model for formal verification, test case document, and transition matrices from IFML models. The applicability of the proposed approach is validated through two benchmark case studies. The results have shown that the proposed approach provides test cases at the early stages of development, i.e., specification and analysis, which eventually helps in building a right product at the right time at a comparatively lower cost.

Organizational Information Systems (IS) collect, store, and manage personal and business information through web applications and services. Due to regulation laws and to protect the privacy of users, clients, and business partners, such information must be kept private. This paper proposes a privacy reference architecture that can serve as foundation for the analysis, design and development of web applications with privacy concerns. Using the proposed reference architecture, these applications can manage personal information in a more secure manner, protecting such information from different sources of privacy violation. Also, it can be used as a standardization model that facilitates system integration and communication. The architecture was evaluated regarding four key quality attributes: completeness, applicability, usability and feasibility. Results show that it brings values for the stakeholders and is an important tool in the analysis and implementation of applications with privacy protection.

Web application frameworks are a proven means to accelerate the development of interactive web applications. However, implementing collaborative real-time applications like Google Docs requires specific concurrency control services (i.e. document synchronization and conflict resolution) that are not included in prevalent general-purpose frameworks like jQuery or Knockout. Hence, developers have to get familiar with specific collaboration frameworks (e.g. ShareJS) which substantially increases the development effort. To ease the development of collaborative web applications, we propose a set of source code annotations representing a lightweight mechanism to introduce concurrency control services into mature web frameworks. Those annotations are interpreted at runtime by a dedicated collaboration engine to sync documents and resolve conflicts. We enhanced the general-purpose framework Knockout with a collaboration engine and conducted a developer study comparing our approach to a traditional concurrency control library. The evaluation results show that the effort to incorporate collaboration capabilities into a web application can be reduced by up to 40 percent using the annotation-based solution.