Single Page Application Research Articles

Design of EPICS and Web-Based Remote Control Software of Near-Infrared Sky Brightness Monitor in Antarctica

The Near-infrared Sky Brightness Monitor (NIRBM) aims to measure the middle infrared sky background in Antarctica. The NIRBM mainly consists of an InGaAs detector, a chopper, a reflector, a cooler and a black body. The reflector can rotate to scan the sky with a field of view ranging from 0{\deg} to 180{\deg}. Electromechanical control and weak signal readout functions are accomplished by the same circuit, whose core chip is a STM32F407VG microcontroller. Considering the environment is harsh for humans in Antarctica, a multi-level remote control software system is designed and implemented. A set of EPICS IOCs are developed to control each hardware module independently via serial port communication with the STM32 microcontroller. The tornado web framework and PyEpics are introduced as a combination where PyEpics is used to monitor or change the EPICS Process Variables, functioning as a client for the EPICS framework. Tornado is responsible for the specific operation process of inter-device collaboration, and expose a set of interfaces to users to make calls. Considering the high delay and low bandwidth of the network environment, the tornado back-end is designed as a master-and-agent architecture to improve domestic user experience. The master node is deployed in Antarctic while multiple agent nodes can be deployed domestic. The master and agent nodes communicate with each other through the WebSocket protocol to exchange latest information so that bandwidth is saved. The GUI is implemented in the form of single-page application based on the Vue framework which communicates with tornado through WebSocket and AJAX requests. The web page integrates device control, data curve drawing, alarm display, auto observation and other functions together.

A decade of the India Biodiversity Portal: Planning ahead with technology to enhance citizen science participation in India

The India Biodiversity Portal (IBP) was initiated a decade ago, aiming to aggregate data on all species within India. The portal has been running a citizen science module for the past 8 years, aggregating observation data from the general public. The portal runs many flagship citizen science campaigns, such as the Neighborhood Trees Campaign, National Moth Week, Spotting Alien Invasive species, Mapping Indian Snails and Slugs and Frogwatch. We have learnt valuable lessons in harnessing participation in citizen science, implementing functionality and in integrating technological advancements into the platform codebase. Following up on these, we are implementing new features that will streamline development, entice users and further spur participation. We discuss some of the proposed changes and our justification, including the impacts we expect in generating better citizen science data. A key lesson arising out of our campaigns in remote regions of India, where internet penetration is relatively new, is that most users are connected to the web exclusively through a mobile device. Most do not have access to a personal computer or an email account. Yet they are internet savvy and use mobile applications to accomplish complex tasks such as banking activities, often logging in and being authenticated exclusively through a mobile number. We are implementing short-messaging-service (SMS) or one-time password-based login mechanisms, for login even without an email account for authentication. Although many initiatives have been investing in platform-specific mobile apps to cater to a growing mobile user community, maintaining and updating multiple mobile apps alongside enhancements to the web version is a resource-intensive task that most platforms cannot afford. Inconsistency in functions and usability across different versions of the same platform may lead to gaps in data collection. To address this challenge and streamline development, we have begun updating the portal codebase to enable Progressive Web Apps, which will replace conventional mobile applications while also serving as Single Page Applications that provide a unified experience across device platforms and alleviating the need for updating mobile apps separately. For existing contributors on the portal, comparisons of their contributions against other users are a motivating factor to contribute further. Leaderboards and reputation systems are proven methods to promote activity and provide recognition to participants. Such leaderboards also incentivise newer participants to emulate leaders and climb the boards. We are building a reputation system that not only recognizes quantity but also the quality of the user’s contribution. In addition, we are working on integrating intelligent push notification technology that will constantly engage users by keeping them abreast of activity related to content reflecting their interest on the portal. These features are expected to engage contributors and keep them motivated towards further data contributions. Finally, the most rewarding outcome from contributing citizen science data is in visualizing its impact. The most obvious are improvements in species distribution maps that are generated for each species page on the portal. Users are greatly motivated by contributing data that may enhance known distributions and may constitute range extensions for a species. Distribution maps on the portal are being revamped so that information is presented to the user in real-time through visualisations that are are both attractive and easy to interpret. These will provide users with gratification and help spur participation further. IBP is also instituting the ability to automate the classification of its data to identify publication-grade data. Through a combination of user’s reputation and other data quality criteria, the data on IBP will be automatically graded, allowing such data to be pushed to Global Biodiversity Information Facility on a periodic basis as a Darwin Core Archive, contributing to global biodiversity data.

Dashboards as strategy to integrate multiple data streams for real time surveillance

Dashboards as strategy to integrate multiple data streams for real time surveillance

Research and Application of Micro Frontends

The content management system is an indispensable part of enterprise information construction. With the rise of the concept of front and rear separation and the maturity of related technologies, it is a better choice to create a multi-functional front-end web application in complex large-sized or medium-sized projects, which sits on top of a microservices-based architecture. As the business grows, the single front end becomes more and more bloated, resulting in a single page application that is not well scaled and deployed, and difficult to maintain. Based on the analysis of above problems, combined with the corresponding front-end technology, this paper applies the microservice concept to the development of front-end and proposes a design scheme of content management system based on micro frontends. Besides, the key issues in practice process, such as micro frontends design concept and implementation methods are described in detail.

A comparative analysis of selected Java Script frameworks in the context of web applications on the example of Angular and BackboneJS

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.

LINKDALE: A LIGHTWEIGHT LEARNING ENVIRONMENT FOR (GEOSPATIAL) LINKED DATA

Abstract. Modern software tools for managing Linked Data are often designed for skilled users. Therefore, they cannot be used for education purposes because they require substantial a priori knowledge about the Resource Description Framework and the SPARQL query language. LinkDaLe is a single page application designed to teach students the concept of Linked Data and work with linked data at the same time. In the paper we showcase the interface and functionality of LinkDaLe by triplifying data on Geo4All member organizations. The application was built and evaluated within The Business Process Integration Lab, a master programme course in 2016 and 2017 years. Positive feedback from both students and teachers proved the relevance of the proposed design consideration. LinkDaLe showed usability working with domain specific data e.g. geospatial and logistic data.

An Enhanced Device-Transparent Real-Time Teleconsultation Environment for Radiologists.

This paper describes a novel web-based platform promoting real-time advanced teleconsultation services on medical imaging. Principles of heterogeneous workflow management systems and state-of-the-art technologies such as the microservices architectural pattern, peer-to-peer networking, and the single-page application concept are combined to build a scalable and extensible platform to aid collaboration among geographically distributed healthcare professionals. The real-time communication capabilities are based on the webRTC protocol to enable direct communication among clients. This paper discusses the conceptual and technical details of the system, emphasizing on its innovative elements.

Implementation of a scalable, web-based, automated clinical decision support risk-prediction tool for chronic kidney disease using C-CDA and application programming interfaces.

Background and ObjectiveClinical decision support tools for risk prediction are readily available, but typically require workflow interruptions and manual data entry so are rarely used. Due to new data interoperability standards for electronic health records (EHRs), other options are available. As a clinical case study, we sought to build a scalable, web-based system that would automate calculation of kidney failure risk and display clinical decision support to users in primary care practices.Materials and MethodsWe developed a single-page application, web server, database, and application programming interface to calculate and display kidney failure risk. Data were extracted from the EHR using the Consolidated Clinical Document Architecture interoperability standard for Continuity of Care Documents (CCDs). EHR users were presented with a noninterruptive alert on the patient’s summary screen and a hyperlink to details and recommendations provided through a web application. Clinic schedules and CCDs were retrieved using existing application programming interfaces to the EHR, and we provided a clinical decision support hyperlink to the EHR as a service.ResultsWe debugged a series of terminology and technical issues. The application was validated with data from 255 patients and subsequently deployed to 10 primary care clinics where, over the course of 1 year, 569 533 CCD documents were processed.ConclusionsWe validated the use of interoperable documents and open-source components to develop a low-cost tool for automated clinical decision support. Since Consolidated Clinical Document Architecture–based data extraction extends to any certified EHR, this demonstrates a successful modular approach to clinical decision support.

A Web-Based Graphical Food Frequency Assessment System: Design, Development and Usability Metrics.

BackgroundFood frequency questionnaires (FFQs) are well established in the nutrition field, but there remain important questions around how to develop online tools in a way that can facilitate wider uptake. Also, FFQ user acceptance and evaluation have not been investigated extensively.ObjectiveThis paper presents a Web-based graphical food frequency assessment system that addresses challenges of reproducibility, scalability, mobile friendliness, security, and usability and also presents the utilization metrics and user feedback from a deployment study.MethodsThe application design employs a single-page application Web architecture with back-end services (database, authentication, and authorization) provided by Google Firebase’s free plan. Its design and responsiveness take advantage of the Bootstrap framework. The FFQ was deployed in Kuwait as part of the EatWellQ8 study during 2016. The EatWellQ8 FFQ contains 146 food items (including drinks). Participants were recruited in Kuwait without financial incentive. Completion time was based on browser timestamps and usability was measured using the System Usability Scale (SUS), scoring between 0 and 100. Products with a SUS higher than 70 are considered to be good.ResultsA total of 235 participants created accounts in the system, and 163 completed the FFQ. Of those 163 participants, 142 reported their gender (93 female, 49 male) and 144 reported their date of birth (mean age of 35 years, range from 18-65 years). The mean completion time for all FFQs (n=163), excluding periods of interruption, was 14.2 minutes (95% CI 13.3-15.1 minutes). Female participants (n=93) completed in 14.1 minutes (95% CI 12.9-15.3 minutes) and male participants (n=49) completed in 14.3 minutes (95% CI 12.6-15.9 minutes). Participants using laptops or desktops (n=69) completed the FFQ in an average of 13.9 minutes (95% CI 12.6-15.1 minutes) and participants using smartphones or tablets (n=91) completed in an average of 14.5 minutes (95% CI 13.2-15.8 minutes). The median SUS score (n=141) was 75.0 (interquartile range [IQR] 12.5), and 84% of the participants who completed the SUS classified the system either “good” (n=50) or “excellent” (n=69). Considering only participants using smartphones or tablets (n=80), the median score was 72.5 (IQR 12.5), slightly below the SUS median for desktops and laptops (n=58), which was 75.0 (IQR 12.5). No significant differences were found between genders or age groups (below and above the median) for the SUS or completion time.ConclusionsTaking into account all the requirements, the deployment used professional cloud computing at no cost, and the resulting system had good user acceptance. The results for smartphones/tablets were comparable with desktops/laptops. This work has potential to promote wider uptake of online tools that can assess dietary intake at scale.

Analisis Penerapan Single Page Application Menggunakan Teknologi AJAX dan REST API (Studi Kasus :Sistem Informasi Reservasi Wisma Tamu UKSW)

Developments of web for information system today are really popular. We can access the system from anywhere by internet connection. This paper focus on design of the web application that using Single Page Application concept. Using AJAX technology the application will provide an interactive user experience, also the effective and efficiency usage of bandwith also be considered. The result of this paper shows that implement Single Page Application concept still make the web bandwith usage effective and efficient if accessible by user. Keywords— Single Page Application, AJAX, REST API .

Whitelisting system state in windows forensic memory visualizations

Examiners in the field of digital forensics regularly encounter enormous amounts of data and must identify the few artifacts of evidentiary value. One challenge these examiners face is manual reconstruction of complex datasets with both hierarchical and associative relationships. The complexity of this data requires significant knowledge, training, and experience to correctly and efficiently examine. Current methods provide text-based representations or low-level visualizations, but levee the task of maintaining global context of system state on the examiner. This research presents a visualization tool that improves analysis methods through simultaneous representation of the hierarchical and associative relationships and local detailed data within a single page application. A novel whitelisting feature further improves analysis by eliminating items of less interest from view. Results from a pilot study demonstrate that the visualization tool can assist examiners to more accurately and quickly identify artifacts of interest.

DEIVA: a web application for interactive visual analysis of differential gene expression profiles

BackgroundDifferential gene expression (DGE) analysis is a technique to identify statistically significant differences in RNA abundance for genes or arbitrary features between different biological states. The result of a DGE test is typically further analyzed using statistical software, spreadsheets or custom ad hoc algorithms. We identified a need for a web-based system to share DGE statistical test results, and locate and identify genes in DGE statistical test results with a very low barrier of entry.ResultsWe have developed DEIVA, a free and open source, browser-based single page application (SPA) with a strong emphasis on being user friendly that enables locating and identifying single or multiple genes in an immediate, interactive, and intuitive manner. By design, DEIVA scales with very large numbers of users and datasets.ConclusionsCompared to existing software, DEIVA offers a unique combination of design decisions that enable inspection and analysis of DGE statistical test results with an emphasis on ease of use.

A DICOM Based Collaborative Platform for Real-Time Medical Teleconsultation on Medical Images.

The paper deals with the design of a Web-based platform for real-time medical teleconsultation on medical images. The proposed platform combines the principles of heterogeneous Workflow Management Systems (WfMSs), the peer-to-peer networking architecture and the SPA (Single-Page Application) concept, to facilitate medical collaboration among healthcare professionals geographically distributed. The presented work leverages state-of-the-art features of the web to support peer-to-peer communication using the WebRTC (Web Real Time Communication) protocol and client-side data processing for creating an integrated collaboration environment. The paper discusses the technical details of implementation and presents the operation of the platform in practice along with some initial results.

Modern and Responsive Mobile-enabled Web Applications

Rapid web technology improvements in the last few years have powered software developers to quickly write responsive mobile-friendly applications. The innovative web frameworks and libraries make it easy to have same software code base for desktop and mobile devices. Single-page applications offer a more-native-app-like experience to the user. This also means a web application can easily be converted to a native mobile application if desired. This allows software products to be evolved continuously at a much faster pace with features added on daily basis. The software companies who can adopt these technologies will most likely see the benefit in the long run as they can offer new and modified products faster than their competitors.In this paper, we review some of the state-of-the-art web technologies, third-party libraries, and frameworks for quick interactive web development. Finally, we present a simple interactive browser-based, mobile friendly web application which was developed using one of the latest web development framework.

Evolview v2: an online visualization and management tool for customized and annotated phylogenetic trees.

Evolview is an online visualization and management tool for customized and annotated phylogenetic trees. It allows users to visualize phylogenetic trees in various formats, customize the trees through built-in functions and user-supplied datasets and export the customization results to publication-ready figures. Its ‘dataset system’ contains not only the data to be visualized on the tree, but also ‘modifiers’ that control various aspects of the graphical annotation. Evolview is a single-page application (like Gmail); its carefully designed interface allows users to upload, visualize, manipulate and manage trees and datasets all in a single webpage. Developments since the last public release include a modern dataset editor with keyword highlighting functionality, seven newly added types of annotation datasets, collaboration support that allows users to share their trees and datasets and various improvements of the web interface and performance. In addition, we included eleven new ‘Demo’ trees to demonstrate the basic functionalities of Evolview, and five new ‘Showcase’ trees inspired by publications to showcase the power of Evolview in producing publication-ready figures. Evolview is freely available at: http://www.evolgenius.info/evolview/.

Single Page Application and Canvas Drawing

Recently, with the impact of AJAX a new way of web development techniques have been emerged. Hence, with the help of this model, single-page web application was introduced which can be updated/replaced independently. Today we have a new challenge of building a powerful single-page application using the currently emerged technologies. Gaining an understanding of navigational model and user interface structure of the source application is the first step to successfully build a single- page application. In this paper, it explores not only building powerful single-page application but also Two Dimensional (2D) drawings on images and videos. Moreover, in this research it clearly express the findings on 2D multi-points polygon drawing concepts on client side; real-time data binding in between drawing module on image, video and view pages.

Lively3D: Building a 3D Desktop Environment as a Single Page Application

The Web has rapidly evolved from a simple document browsing and distribution environment into a rich software platform, where desktop-style applications are treated as first class citizens. Despite the associated technical complexities and limitations, it is not unusual to find complex applications that build on the web as their only platform, with no traditional installable application for the desktop environment - such systems are simply accessed via a web page that is downloaded inside the browser and once loading is completed, the application will begin its execution immediately. With the recent standardization efforts, including HTML5 and WebGL in particular, compelling, visually rich applications are increasingly supported by the the browsers. In this paper, we demonstrate the new facilities of the browser as a visualization tool, going beyond what is expected of traditional web applications. In particular, we demonstrate that with mashup technologies, which enable combining already existing content from various sites into an integrated experience, the new graphics facilities unleashes unforeseen potential for visualizations.

ReAjax: a reverse engineering tool for Ajax Web applications

In contrast to conventional multi-page Web applications, an Ajax application is often developed as a single-page application in which content and structure are changed at runtime according to user interactions, asynchronous messages received from the server and the current state of the application. These features make Ajax applications quite hard to understand for programmers. The authors propose to support Ajax comprehension through reverse engineering. In this study, the authors propose a reverse-engineering tool, ReAjax, to build GUI-based state models from Ajax applications. ReAjax applies dynamic analysis and uses execution traces to generate a finite state machine of the target application GUI. They show that GUI-based state models obtained semi-automatically are similar to those obtained manually and they can be used for program understanding purposes. Finally, the authors summarise a case study and some usage scenarios in which ReAjax has been applied to five real Ajax applications with the purpose of evaluating its viability and effectiveness in recovering models.

Health of children in title XXI: should we worry?

Health of children in title XXI: should we worry?