About: Single-page application is a research topic. Over the lifetime, 98 publications have been published within this topic receiving 357 citations. The topic is also known as: SPA.
TL;DR: This paper designs an Internet of Things system (called JustIoT) which is mainly divided into four parts; back-end Google Firebase real-time database, front-end SPA (Single Page Application) web monitoring program, controller software-hardware, and intelligence server that support MQTT connection and condition control.
Abstract: This paper designs an Internet of Things system (called JustIoT) which is mainly divided into four parts; back-end Google Firebase real-time database, front-end SPA (Single Page Application) web monitoring program (including mobile monitoring App), controller software-hardware, and intelligence server that support MQTT connection and condition control. JustIoT receives data from all kinds of controllers, allowing users to set the control rules and remote monitoring and control. JustIOT distinguishes users from managers, vendors, customers, registrants, and visitors. Users can build applications in the above system, to serve customers, and to run a business. In the JustIoT, management web page based on Angular front-end technology is connected to the Firebase real-time database. The event of data modification of Firebase database can trigger Angular's two-way data binding to achieve Three-way data binding effect to implement server-less architecture easily. The data in Firebase database is read and written by the front-end devices (web apps, mobile apps, and controllers) directly. The intelligence server is an MQTT server that supports the connections of relatively weak embedded controllers such as the Arduino controller. The intelligent server can be considered as an intermediary between the Firebase real-time database and weak controllers, which performs the transfer of data and remote commands. The intelligent server is also the intelligent computing center of the JustIoT. It performs condition control.
TL;DR: Along the way, you'll develop advanced HTML5, CSS3, and JavaScript skills, and use JavaScript as the language of the web server and the database, as well as new frameworks that make JavaScript more manageable and testable as a first-class language.
Abstract: Summary In Single Page Web Applications you'll learn to build modern browser-based apps that take advantage of stronger client platforms and more predictable bandwidth. You'll learn the SPA design approach, and then start exploring new techniques like structured JavaScript and responsive design. And you'll learn how to capitalize on trends like server-side JavaScript and NoSQL data stores, as well as new frameworks that make JavaScript more manageable and testable as a first-class language. About this Book If your website is a jumpy collection of linked pages, you are behind. Single page web applications are your next step: pushing UI rendering and business logic to the browser and communicating with the server only to synchronize data, they provide a smooth user experience, much like a native application. But, SPAs can be hard to develop, manage, and test. Single Page Web Applications shows how your team can easily design, test, maintain, and extend sophisticated SPAs using JavaScript end-to-end, without getting locked into a framework. Along the way, you'll develop advanced HTML5, CSS3, and JavaScript skills, and use JavaScript as the language of the web server and the database. This book assumes basic knowledge of web development. No experience with SPAs is required. Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications. What's InsideDesign, build, and test a full-stack SPA Best-in-class tools like jQuery, TaffyDB, Node.js, and MongoDB Real-time web with web sockets and Socket.IO Touch controls for tablets and smartphones Common SPA design mistakesAbout the Authors The authors are architects and engineering managers. Michael Mikowski has worked on many commercial SPAs and a platform that processes over 100 billion requests per year. Josh Powell has built some of the most heavily trafficked sites on the web. Table of ContentsPART 1: INTRODUCING SPAS Our first single page application Reintroducing JavaScript PART 2: SPA CLIENT Develop the Shell Add feature modules Build the Model Finish the Model and Data modules PART 3: THE SPA SERVER The web server The server database Readying our SPA for production
TL;DR: DEIVA is a free and open source, browser-based single page application with a strong emphasis on being user friendly that enables locating and identifying single or multiple genes in an immediate, interactive, and intuitive manner.
Abstract: Differential 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. We 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. Compared 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.
TL;DR: A unified and flexible experimental framework for massive online experimentation of control education that enables all the functionalities such as web-based algorithm design, parameter tuning, visual configuration of customized user interface, and real-time control with remote and virtual laboratories is introduced.
Abstract: This article introduces a unified and flexible experimental framework for massive online experimentation of control education. The new architecture adopts a front-end and back-end separation scheme based on React at frontend and Nginx at backend, and a single page application has been achieved to improve user experience. Multiple features and supporting technologies which provide a flexible, interactive, and real-time platform with enhanced sense of presence and user experience are discussed. The design and implementation of the proposed system are depicted in detail. With the implementation of online algorithm design, the unified framework enables all the functionalities such as web-based algorithm design, parameter tuning, visual configuration of customized user interface, and real-time control with remote and virtual laboratories, which cover the entire process in control education experimentation. A case study with students from two universities shows that the implemented online laboratory framework can support massive students with minimum maintenance required.
TL;DR: A reverse-engineering tool, ReAjax, is proposed to build GUI-based state models from Ajax applications that are similar to those obtained manually and they can be used for program understanding purposes.
Abstract: 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.