Single-page Web Application Research Articles

DS Arena

Abstract: DS_ARENA is a single page web application which provides Information about basic data structures this application is based on React which is a java script framework. The main idea behind this application is to learn a new technology like to know more about single page applications along with revising data structures concepts. To provide audience a credible source where they can brush up the basic concept of Data structures. A simple language, interactive images and gif along with an interactive user interface is used to make our application more attractive and user friendly in future we are planning to add a feedback section in our application so that we can imp- prove it according to users feedback. We introduce backend in our application for that we have choose Node Js and in database we have chosen MySQL.

Website for learning-DS Arena

Abstract: DS_ARENA is a single page web application which provides Information about basic data structures this application is based on React which is a java script framework. The main idea behind this application is to learn a new technology like to know more about single page applications along with revising data structures concepts. To provide audience a credible source where they can brush up the basic concept of Data structures. A simple language, interactive images and gif along with an interactive user interface is used to make our application more attractive and user friendly in future we are planning to add a feedback section in our application so that we can imp- prove it according to users feedback. We introduce backend in our application for that we have choose Node Js and in database we have chosen MySQL.

Enhancing SEO in Single-Page Web Applications in Contrast With Multi-Page Applications

Enhancing SEO in Single-Page Web Applications in Contrast With Multi-Page Applications

Comparing traditional check-all-that-apply (CATA) and implicit response time Go/No-go approaches for profiling consumer emotional response when tasting food

Adapting implicit approaches to capture consumer responses when tasting foods is of recent interest in sensory and consumer science. Implicit consumer responses are reported to be more spontaneous than explicitly gathered data. Traditionally, emotional response to foods is captured using explicit methods like check-all-that-apply (CATA). The present study aimed to compare an implicit response time (IRT) Go/No-go approach with traditional CATA to profile consumer emotional responses. Participants (n = 104) were consumers of, or willing to consume, cow’s milk and plant-based milk alternatives (PBMA). Emotional responses for two cow milk and five PBMA products were evaluated across two sessions using IRT and CATA. The cow milk products were replicated across the sessions to allow consistency of response across sessions to be evaluated for each method. Data were collected using a bespoke single page web application (JavaScript, ECMA 2015). Data consistency across sessions (Spearman correlation (ρ)), emotion selection frequency (ρ and generalised linear models) and product discrimination (linear mixed models and correspondence analysis) were compared across the IRT and CATA approaches. Results showed high data consistency from both IRT and CATA across the two sessions (ρ > 0.89). Emotion selection frequency was also comparable across IRT and CATA. Interestingly, CATA was differentiating more between cow’s milk products and IRT within the PBMA space. However, further investigations showed that fewer participants provided different responses in CATA than when under time pressure in the IRT Go/No-go. Additional investigations on the performance of explicit versus implicit methods, or their combination, are required across different product matrices to identify the optimum approach to capture consumer product experience.

The HMC Information Portal for Enhanced Metadata Collaboration in the Helmholtz FAIR Data Space

The Helmholtz Metadata Collaboration (HMC) platform was launched in late 2019 to turn FAIR (Findable, Accessible, Interoperable, Reusable) research data into reality within the Helmholtz Association and beyond. The Information Portal was initiated to enable the structured cartography of metadata and FAIR landscape of Helmholtz, providing information for multi-level decision-making and creating a curated knowledge base for research data managers, scientists and other stakeholders.
 Developed through a top-down approach, 18 categories, and associated metadata schemas were defined and aligned by an HMC taskforce. Data curation followed, with resources collected from different domains based on the aligned metadata schema. The Information Portal is a web application for capturing FAIR data practices across all Helmholtz domains, offering a unified user interface for collecting and exploring results.
 Built using state-of-the-art technologies, including Python and Docker, the Information Portal leverages GitLab as a database. It offers a public / central read-only version for stakeholders and a personal instance for curation - synchronized to a GitLab repository. Git-based systems offer advantages, such as raw data accessibility, flexible data curation, easy synchronization, and customizable repositories.
 The single-page web application is user-friendly and developed in multiple iterations for an intuitive and flexible interface. The Information Portal is crucial for creating a sustainable, distributed, semantically enriched Helmholtz data space, promoting seamless data sharing and reuse.

Abstract 6168: Implementation and adoption of a web tool to support precision diagnostic and treatment decisions for patient with myelodysplastic syndromes

Abstract Despite a detailed understanding of the genes mutated in myelodysplastic syndromes (MDS), diagnostic and treatment decisions for patients with MDS rely primarily on clinical and cytogenetic variables as considered by the Revised International Prognostic Scoring System (IPSS-R). Here we describe the recently developed Molecular IPSS (IPSS-M), a clinico-genomic risk stratification system that considers clinical, cytogenetic and genetic parameters; the implementation of a web portal to facilitate its adoption, a strategy to handle missing variables, and the worldwide utilization of the web calculator as a clinical support tool. The IPSS-M was trained on 2,957 clinically annotated diagnostic MDS samples profiled for mutations in 156 driver genes. To maximize the clinical applicability of the IPSS-M and account for missing genetic data (i.e genes missing from a sequencing panel), we implemented a strategy to calculate a risk score under three scenarios: best, worst and average. Last, we developed an online calculator as a standalone single-page web application using VueJs, and D3Js for the interactive visualizations, deployed through a CI/CD pipeline on AWS, where collection of anonymous usage analytics allows to track adoption and usability of the new proposed model. The model incorporates clinical, morphological, genetic variables informed by cytogenetics and constructed from the presence of oncogenic mutations in 31 genes. It delivers a unique risk score for each individual patient, as well as an assignment to one of six IPSS-M risk strata. Compared to the IPSS-R the IPSS-M re-stratified 46% of MDS patients. The model was validated in an external dataset of 754 MDS patients. We released an open-access IPSS-M web calculator available at https://mds-risk-model.com. By specifying the patient clinical and molecular profiles, the tool returns the patient-specific IPSS-M risk score and category, and the probability estimates over time for three clinical endpoints, i.e. leukemia free survival (LFS), overall survival, and incidence of leukemic transformation. Since its launch in June 2022, the calculator has been used by >6000 users in >75 countries, reaching a daily average of 100 users per day. Risks have been calculated for >45,000 patient profiles. 99.28% of the sessions initiated reach an IPSS-M score, suggesting that the calculator is intuitive and easy to use. We trained and validated the IPSS-M on 3,711 patients, a patient tailored risk stratification tool for patients with MDS that considers clinical, morphological and genetic variables inclusive of cytogenetics and mutations in one of 31 genes. The development of a web based tool was instrumental to the global dissemination of the model, enabling non-expert users to leverage the power of molecular biomarkers in risk stratification for patients with MDS. Citation Format: Elsa Bernard, Juan E. Arango Ossa, Heinz Tuechler, Peter L. Greenberg, Robert P. Hasserjian, Yasuhito Nannya, Sean M. Devlin, Maria Creignou, Philippe Pinel, Lily Monier, Juan S. Medina-Martinez, Dylan Domenico, Martin Jädersten, Ulrich Germing, Guillermo Sanz, Arjan A. van de Loosdrecht, Olivier Kosmider, Matilde Y. Follo, Felicitas Thol, Lurdes Zamora, Ronald F. Pinheiro, Andrea Pellagatti, Detlef Haase, Pierre Fenaux, Monika Belickova, Michael R. Savona, Virginia M. Klimek, Fabio P. Santos, Jacqueline Boultwood, Ioannis Kotsianidis, Valeria Santini, Francesc Solé, Uwe Platzbecker, Michael Heuser, Peter Valent, Kazuma Ohyashiki, Carlo Finelli, Maria Teresa Voso, Lee-Yung Shih, Michaela Fontenay, Joop H. Jansen, José Cervera, Norbert Gattermann, Benjamin L. Ebert, Rafael Bejar, Luca Malcovati, Mario Cazzola, Seishi Ogawa, Eva Hellström-Lindberg, Elli Papaemmanuil. Implementation and adoption of a web tool to support precision diagnostic and treatment decisions for patient with myelodysplastic syndromes [abstract]. In: Proceedings of the American Association for Cancer Research Annual Meeting 2023; Part 1 (Regular and Invited Abstracts); 2023 Apr 14-19; Orlando, FL. Philadelphia (PA): AACR; Cancer Res 2023;83(7_Suppl):Abstract nr 6168.

MITIGATING PARTIAL CONTENT UPDATE ISSUES ON WEB PAGES THROUGH SPA PARAMETER OPTIMIZATION

The experience of recent years has shown that the number of active web applications developed according to the fundamental principles of single-page applications continues to grow steadily despite a decrease in the number of newly created ones. This indicates a shift in focus from the importance of developing anew to the necessity of maintaining, servicing, and optimizing the existing end product. Furthermore, with the advancement and improvement of web development technologies, the potential expectations of users increase, necessitating the provision of a worthy user experience and the enhancement of application competitiveness. A significant role in this process is played by the partial content update process on web pages, widely used in the development of single-page applications. Most modern JavaScript frameworks designed for client-side web development employ the "out-of-box" technique, thereby providing the developer with complete discretion in deciding on approaches to its application. However, the automatic use of the web page content update mechanism does not guarantee desired results and often leads to average or sometimes unsatisfactory values that could have been avoided. This article provides an analysis of the characteristics of the performance parameters of a single-page web application, explores alternative methods to solve the stated problem, investigates potential "problematic" areas of the client-side of applications, compares the functioning of content update mechanisms of the most popular JavaScript frameworks Angular and React.js, and formulates recommendations for optimizing the overall application performance. The article concludes with tables of Core Web Vitals metrics for evaluating the effectiveness of the conducted optimization. Finally, potential vectors for further research are proposed.

Mitigating partial content update issues on web pages through SPA parameter optimization

The experience of recent years has shown that the number of active web applications developed according to the fundamental principles of single-page applications continues to grow steadily despite a decrease in the number of newly created ones. This indicates a shift in focus from the importance of developing anew to the necessity of maintaining, servicing, and optimizing the existing end product. Furthermore, with the advancement and improvement of web development technologies, the potential expectations of users increase, necessitating the provision of a worthy user experience and the enhancement of application competitiveness. A significant role in this process is played by the partial content update process on web pages, widely used in the development of single-page applications. Most modern JavaScript frameworks designed for client-side web development employ the «out-of-box» technique, thereby providing the developer with complete discretion in deciding on approaches to its application. However, the automatic use of the web page content update mechanism does not guarantee desired results and often leads to average or sometimes unsatisfactory values that could have been avoided. This article provides an analysis of the characteristics of the performance parameters of a single-page web application, explores alternative methods to solve the stated problem, investigates potential «problematic» areas of the client-side of applications, compares the functioning of content update mechanisms of the most popular JavaScript frameworks Angular and React.js, and formulates recommendations for optimizing the overall application performance. The article concludes with tables of Core Web Vitals metrics for evaluating the effectiveness of the conducted optimization. Finally, potential vectors for further research are proposed.

Балансування навантаження в розподіленій системі групової взаємопідтримки виконання поточних завдань

"The article is devoted to the development of a software platform for load balancing in a distributed system of group mutual support for the implementation of current tasks, approaches to visualizing progress and factors influencing the achievement of goals are determined. A comparative analysis of existing assistance services has been carried out. The basic requirements for the logical and functional components of the service being developed and the software for its implementation are substantiated. The architecture of the service being developed is designed, the structure of the personal profile of a user who has problems in terms of motivation, goal setting and planning is determined. A system of automatic selection of users, a calendar of tasks, a system of messaging has been developed. The programmatic result of the work is a web application with load balancing functionality. The developed web application consists of client and server parts and uses public cloud services. The purpose of the work is to develop a distributed system of service for group mutual support for performing personal tasks in the format of a web application using technologies for horizontal scaling of the load from the server side, and the development of the client part in the format of a single-page web application SPA (Single Page Application). The objectives of the research are to conduct a comparative analysis of modern software and instrumental platforms, to determine approaches to visualizing progress in setting up a group mutual support service and factors affecting the achievement of goals. Also, the main tasks should be noted the design of the architecture of the service being developed, the definition of the structure of the user's personal profile, the development of a subsystem for automatic selection of users, a calendar of tasks, a messaging subsystem, as well as the development of web applications, consisting of a client part in the form of SPA and distributed server software with load balancing functionality. To scale the software system, a preliminary division into separate microservices with their subsequent containerization was carried out, and a distributed architecture with placement schemes was designed."

IMFLer: A Web Application for Interactive Metabolic Flux Analysis and Visualization.

Increasing genome-wide data in biological sciences and medicine has contributed to the development of a variety of visualization tools. Several automatic, semiautomatic, and manual visualization tools have already been developed. Some even have integrated flux balance analysis (FBA), but in most cases, it depends on separately installed third party software that is proprietary and does not allow customization of its functionality and has many restrictions for easy data distribution and analysis. In this study, we present an interactive metabolic flux analyzer and visualizer (IMFLer)-a static single-page web application that enables the reading and management of metabolic model layout maps, as well as immediate visualization of results from both FBA and flux variability analysis (FVA). IMFLer uses the Escher Builder tool to load, show, edit, and save metabolic pathway maps. This makes IMFLer an attractive and easily applicable tool with a user-friendly interface. Moreover, it allows to faster interpret results from FBA and FVA and improves data interoperability by using a standardized file format for the genome-scale metabolic model. IMFLer is a fully open-source tool that enables the rapid visualization and interpretation of the results of FBA and FVA with no time setup and no programming skills required, available at https://lv-csbg.github.io/IMFLer/.

Design of an Interactive Web Application for Teaching Uncertainty Interpretations of Clinical Tests.

Assessing the uncertainty of diagnostic findings is essential for advising patients. Previous research has demonstrated the difficulty of computing the expected correctness of positive or negative results, although clinical decision support (CDS) tools promise to facilitate adequate interpretations. To teach the potential utility of CDS tools to medical students, we designed an interactive software module that computes and visualizes relevant probabilities from typical inputs. We reviewed the literature on recommended graphical approaches and decided to support contingency tables, plain table formats, tree diagrams, and icon arrays. We implemented these functions in a single-page web application, which was configured to complement our local learning management system where students also access interpretation tasks. Our technical choices promoted a rapid implementation. We intend to explore the utility of the tool during some upcoming courses. Future developments could also model a more complex clinical reality where the likelihood of alternative diagnoses is estimated from sets of clinical investigations.

RETROSPECTIVE OF WEB TECHNOLOGIES EVOLUTION IN DEVELOPMENT OF ENTERPRISE INFORMATION SYSTEMS

The first mentions of enterprise information systems refer to the 1960s. These systems developed over time, becoming more complex and allowing to solve a wide range of problems. The 1990s mark the beginning of the active development of web technologies. Naturally, they found way into the development of enterprise information systems used for various purposes. The purpose of the study was to describe the main stages in the development of web technologies, from the appearance of the hypertext markup language to modern single-page web applications, as well as the impact they had on approaches to the development of enterprise information systems. The author meant to identify promising trends in web-based solutions that can be successfully used in the development of enterprise information systems. Materials and methods. The paper discusses modern web tech-no¬logies, their development from the dawn to the present day, as well as some tools recognized as obsolete, and the reasons why it is impossible to develop them further. Results. The paper gives the history of the emergence of various technologies, describes their impact on approaches to the im-plementation of enterprise systems, and a way to move from a desktop version of the system to an online one. Some predictions are made concerning the prospects of certain technological areas that have good chances to successfully develop in the future. The author assesses the growing complexity of web applica-tions, the way they merge with the server side development approaches and tools. The demand of software engineers who can develop both the server and client side of an application is rationalized.

Automated system of remote holding competitive and assessment procedures

At present, organizational and reporting activities during the admission of exams, the defense of students’ FQPs, dissertations using on-line services and videoconferencing are carried out manually and require laborious routine work of their organizers. The purpose of the work is to develop a web application that provides automation of events during the assessment and competitive procedures in on-line and off-line modes. The design of a formal educational or scientific attestation event is carried out according to the model of expert competitive assessment of objects: collection of evaluated objects-selection of evaluation criteria-expert evaluation of objects. The creation of a web application is realized using the latest technologies for developing single-page web applications (SPA). The use of the developed web application allows organizing the procedure for expert assessment of objects/subjects in real time in conjunction with video communication systems. The organizer can be any user who takes on the role of a moderator of the event. The attracted experts can, in parallel with the video presentation of the participants, familiarize themselves with their materials, give marks in real time according to the criteria set by the organizer. Experimental testing of the developed application showed the possibility of its application in carrying out various competitive and assessment procedures in education. The resulting software product can be widely used in the educational process of any educational institution and its development is not laborious.

Performance analysis of the lamp stack compared to its variants in a single page web application environment

For over two decades, the LAMP stack has been one of the most popular open-source application stacks for web development. As the web ecosystem has evolved and new open source software has been made...

Open Health Imaging Foundation Viewer: An Extensible Open-Source Framework for Building Web-Based Imaging Applications to Support Cancer Research.

PURPOSEZero-footprint Web architecture enables imaging applications to be deployed on premise or in the cloud without requiring installation of custom software on the user’s computer. Benefits include decreased costs and information technology support requirements, as well as improved accessibility across sites. The Open Health Imaging Foundation (OHIF) Viewer is an extensible platform developed to leverage these benefits and address the demand for open-source Web-based imaging applications. The platform can be modified to support site-specific workflows and accommodate evolving research requirements.MATERIALS AND METHODSThe OHIF Viewer provides basic image review functionality (eg, image manipulation and measurement) as well as advanced visualization (eg, multiplanar reformatting). It is written as a client-only, single-page Web application that can easily be embedded into third-party applications or hosted as a standalone Web site. The platform provides extension points for software developers to include custom tools and adapt the system for their workflows. It is standards compliant and relies on DICOMweb for data exchange and OpenID Connect for authentication, but it can be configured to use any data source or authentication flow. Additionally, the user interface components are provided in a standalone component library so that developers can create custom extensions.RESULTSThe OHIF Viewer and its underlying components have been widely adopted and integrated into multiple clinical research platforms (e,g Precision Imaging Metrics, XNAT, LabCAS, ISB-CGC) and commercial applications (eg, Osirix). It has also been used to build custom imaging applications (eg, ProstateCancer.ai, Crowds Cure Cancer [presented as a case study]).CONCLUSIONThe OHIF Viewer provides a flexible framework for building applications to support imaging research. Its adoption could reduce redundancies in software development for National Cancer Institute–funded projects, including Informatics Technology for Cancer Research and the Quantitative Imaging Network.

Getting Model of MVVM Pattern from UML Profile

<p>The rejuvenation of applications to harmonize with technological watch is the major challenge for all computer boxes, frameworks and languages are constantly proliferating by offering a range of improvements in terms of security and performance, which pushes all applications to invest in order to align oneself, to orient oneself towards another perspective of application implementation has become a primacy. MVW is considered the new concept of application models where the developer can choose according to his needs, which component, for example, it can be a controller, a directive or a unit test for applications where we use the AngularJS framework, modeling an application is one of the basic steps to reach it , the emergence of new patterns press IT companies to think to renew their application architecture for more security and performance, moving from an old to a new model meets this need. AngularJS is one of the widely used frameworks for modern single-page web application development which is designed to support dynamic views in the applications.</p><p>We propose an UML profile for AngularJS for building a model of an AngularJS web application, and a set of transformations that transform the model into a code template.</p>

EpiMetal: an open-source graphical web browser tool for easy statistical analyses in epidemiology and metabolomics.

MotivationAn intuitive graphical interface that allows statistical analyses and visualizations of extensive data without any knowledge of dedicated statistical software or programming. ImplementationEpiMetal is a single-page web application written in JavaScript, to be used via a modern desktop web browser.General featuresStandard epidemiological analyses and self-organizing maps for data-driven metabolic profiling are included. Multiple extensive datasets with an arbitrary number of continuous and category variables can be integrated with the software. Any snapshot of the analyses can be saved and shared with others via a www-link. We demonstrate the usage of EpiMetal using pilot data with over 500 quantitative molecular measures for each sample as well as in two large-scale epidemiological cohorts (N >10 000).AvailabilityThe software usage exemplar and the pilot data are open access online at [http://EpiMetal.computationalmedicine.fi]. MIT licensed source code is available at the Github repository at [https://github.com/amergin/epimetal].

A Novel Application of Educational Management Information System based on Micro Frontends.

With the launch of the Education Informatization 2.0 action plan by the Ministry of Education, a large number of college information systems have been born in China. Most of these systems are single page web applications (SPA) based on traditional MVC structures. Due to the complex logic and high coupling between educational businesses, developers need to write a lot of code. The education information system has many businesses and high coupling between businesses that the system often face problems such as bloated frontend businesses, iterative system updates, and difficult incremental function developments. Combined with the idea of service-oriented architecture, this paper proposes a micro frontends solution and applies it to the new generation of graduate information platform of East China Normal University, which has better agile development capabilities. From the aspects of service separation, efficient development, and incremental upgrade, this paper verifies that the architecture can well adapt to the needs of future educational management information system. The design of the micro frontends provides a new idea for the development of a new generation of education information system.

MySeq: privacy-protecting browser-based personal Genome analysis for genomics education and exploration

BackgroundThe complexity of genome informatics is a recurring challenge for genome exploration and analysis by students and other non-experts. This complexity creates a barrier to wider implementation of experiential genomics education, even in settings with substantial computational resources and expertise. Reducing the need for specialized software tools will increase access to hands-on genomics pedagogy.ResultsMySeq is a React.js single-page web application for privacy-protecting interactive personal genome analysis. All analyses are performed entirely in the user’s web browser eliminating the need to install and use specialized software tools or to upload sensitive data to an external web service. MySeq leverages Tabix-indexing to efficiently query whole genome-scale variant call format (VCF) files stored locally or available remotely via HTTP(s) without loading the entire file. MySeq currently implements variant querying and annotation, physical trait prediction, pharmacogenomic, polygenic disease risk and ancestry analyses to provide representative pedagogical examples; and can be readily extended with new analysis or visualization components.ConclusionsMySeq supports multiple pedagogical approaches including independent exploration and interactive online tutorials. MySeq has been successfully employed in an undergraduate human genome analysis course where it reduced the barriers-to-entry for hands-on human genome analysis.

An Updated “Call Database” to Support Lab Consultation and Quality Improvement Projects

Abstract Clinical laboratories may have “on-call” residents and fellows, a practice that assists the laboratory in providing quality support to clinicians and provides valuable clinical experience to trainees. A Call Database may be used as a tool to facilitate call handoffs, as an educational resource and knowledge base for trainees, and as a call logging and review tool as required by the Accreditation Council for Graduate Medical Education (ACGME). The Call Database at our institution currently contains over 51,000 entries and is used by all clinical pathology residents and fellows while “on call.” Prior versions of our Call Database (first developed in 2004 and updated in 2014) were self-hosted applications with limited feature sets that were difficult to support; moreover, they provided few guarantees around electronic protected health information (ePHI), a topic of increasing concern as HIPAA compliance among clinical laboratories is increasingly audited. A review of the current application also identified that it has limited usefulness in supporting faculty review of calls, does not easily allow structured data entry for quality improvement projects, and lacks features commonly seen in modern web applications (eg, rich text editing and file attachments). Here we describe the latest update to our existing Call Database addressing these feature limitations. In addition, we discuss our approach to using a modern cloud-based infrastructure design that address prior shortcomings in data security, user management, and ease of development. The updated Call Database is a single-page web application, compatible with a wide range of local and cloud environments. We updated the user interface with features such as auto-saving of entries, rich text entry, file attachments, and topic tagging. Several new features facilitate the faculty review process: (1) a dedicated “review mode” for rapid viewing and commenting of relevant calls, (2) automated weekly emails by topic sent to faculty, and (3) a user “mention” feature so that trainees can solicit the opinion of faculty in the text of a call or comment itself. Finally, we provide support for customizing the structured data fields of call entries, which enables support of quality improvement and monitoring projects via the call database (eg, a customized entry for monitoring use of specific send-out tests, massive transfusion reactions, etc.). Our application delivers a modern, performant, and easy to use call database for use by trainees and faculty alike. We utilize the Amazon Cloud (AWS) to host the application and have developed a specific set of compliance and risk review documents to address HIPAA compliance. Future work will incorporate user feedback and will focus on supporting the implementation of our application at other sites or clinical pathology residency programs.