rvcodec.js Porquet-Lupine, Joël; Sakai, Hikari N.; Sohal, Abhi
Proceedings of the 54th ACM Technical Symposium on Computer Science Education V. 2,
03/2022
Conference Proceeding
rvcodec.js is an open-source, online RISC-V instruction encoder-decoder, specifically geared towards students learning about instruction formats. For improved usability, rvcodec.js uses bright colors ...to visually map the relationships between the instruction's assembly tokens and binary fields. Students can, for example, quickly identify which bits in the binary representation correspond to a certain immediate value in the assembly instruction. rvcodec.js is available at https://luplab.gitlab.io/rvcodecjs/.
This paper introduces the solar lab notebook (SLN), an electronic lab notebook (ELN) for improving the process of recording and sharing solar related digital information in an organized manner. SLN ...is a pure web-based application (available online: http://umbra.nascom.nasa.gov/sln) that runs client-side only, employing a clean and very friendly graphical user interface (GUI) design, and thus providing a true cross-platform user experience. Furthermore, SLN leverages unique technologies offered by modern web browsers, such as the FileReader API, the Blob interface, and Local Storage mechanism; it is coded entirely using HTML5, CSS3, and JavaScript, and powered by the extremely well-documented extensible markup language (XML) file format. For high-security labs, it can be utilized as an ultra-portable and secure digital notebook solution, since it is functionally self-contained, and does not require any server-side process running on either the local or a remote system. Finally, the W3C XML Schema language is used to define a list of rules, namely a data standard, that an SLN file must conform to, in order to be valid. In this way, developers are able to implement their own validation functions in their projects, or use one of the freely available tools to check if a data file is properly structured. Similarly, scientific groups at different labs can easily share information, being confident about the integrity of the exchanged data.
Over the years, web services have become a fundamental part of our daily lives. We do everything on the web, from social to work and personal affairs. The volume of traffic over the web has become ...large due to the amount of people who use it. Recently, a paradigm for web applications called Single Page Application, has become more popular. With the use of Javascript based technologies, we can run practically any type of application on the client side, and leave the server with the sole duty of serving pages and a manual of the available content and how to use it, allowing the server to handle larger amount of volume. Unfortunately, SPA are also vulnerable to malicious users as most of its functionality is located at the client side. This paper proposed a framework to enhance the existent OAuth support to create a trust and anonymous service, which can help ensure the integrity of the application and the legitimacy of the user. Results show that SPA can not just be secure, but also help with server performance, by decreasing its load at higher traffic.
With developments in science and technology, society is entering a new era of informatization. The advent of high-performance artificial intelligence applications has seen the use of artificial ...intelligence rise to the level of national strategy, and countries have started to attach increased importance to programming education. Programming is listed as a compulsory subject in Japan's growth strategy, and the Japanese government announced in 2020 that programming education will become compulsory. This paper describes the construction of a learning environment for programming education using mobile phones, which are more ubiquitous than personal computers and can be studied at anytime and anywhere. This study attempts to establish a web application that can primarily compile JavaScript and switch among various tenants. The aim of this application is to make independent learning as efficient as possible, reduce learning costs, and provide a good learning environment for beginners. The React JavaScript library is used for web application development.
Single Page Application (SPA) is a most common approach for developing modern web applications. A chief benefit of SPA is reduced round-trip to the server and more responsive user experience. ...Although several well-known SPA frameworks have been developed and applied in practice, SPA developers are still facing two main challenges: (i) design an SPA that would work accross the frameworks and (ii) realise this design in an intermediate high-level language that would effectively be transformed into a target framework of choice. In this paper, we propose a multi-platform, hierarchical domain-driven design method to tackle these challenges. Our method uses the domain model as the core to build the SPA. We formulate a set of essential technical SPA requirement patterns and, based on these, define a precise SPA metamodel in UML/OCL. We use an annotation-based DSL as an intermediate representational language for the SPA metamodel and from this propose an SPA generator that generates SPAs for four popular SPA frameworks (Angular, React (Native) and Vuejs). The evaluation results show that our method is very promising for building multi-platform SPAs.
With the rapid development of the internet and intelligent devices, the use of tablets and smartphones in the industrial internet of things (IIoT) has sprung up in recent years. Consequently, not ...only the raising of system efficiency but also the updating of human-machine interfaces (HMIs) for industrial controllers is needed. This remote monitoring system is based on a web front-end design as a single page application using HTML, CSS, and JavaScript for the components and a back-end server based on Node.js to implement data transmission with AJAX and WebSocket. The web-based HMI is a cross-platform system because it supports operations on different devices, operating systems, and browsers on the client-side. In addition, the user experience for multi-users is supported. Through the internet, the remote monitoring system allows users to supervise and control industrial processes in real-time so that device costs, labor, and time could be remarkably reduced.
E-learning is mostly being used nowadays and is gaining popularity. E-learning provides a learning platform by using information with electronic medium and technologies for communication 8. We can ...use Elearning use as other alternative terms such as computer-based training, online education or technology-enhanced learning and others. The purpose of creating an ELearning Frontend Web Application is to provide an interactive self-learning online platform for everyone.
The SPA (Single Page Application) architecture is very popular these days because of its advantages over traditional multi-page web architecture. Mainly because of its more fluid page navigation ...experience. However, SPAs have the disadvantage of a longer page load that can be critical in some cases. This work aimed to study and compare the approaches of prerendering and isomorphic JavaScript as a complement to the SPA architecture in order to mitigate the observed disadvantage. These approaches were analyzed on two different aspects: page load performance and server resources utilization. The results show that isomorphic JavaScript approach is able to present the complete page in up to 47% before the time SPA finish and the speed index metric demonstrate that isomorphic architecture has a visual progress 48% faster than SPA. However, isomorphic architecture throughput reached only 20 requests/s and SPA served more than 700 requests/s, while prerendering approach achieved only 1 request/s.
Access to safe drinking water has progressively declined. Methods of purifying saltwater include reverse osmosis and distillation, but require cost and energy that may not be accessible to many. ...Another method for desalination is electrodialysis that imposes a voltage field to induce net movement of chlorine and sodium ions through two semipermeable membranes, resulting in water having a lower salt concentration. Electrodialysis has lower financial cost and energy requirements, showing promise as a potential method that may be more accessible in developing regions. To encourage education and exploration of this method for desalination, this project is developing an educational web-based informational site and interactive graphical program. Users can interact and visualize net movement of charged ions within voltage fields, and in the presence of semipermeable membranes. As these educational webbased tools would be available globally to anyone with a web assessible device, many people may be able to access and become knowledgeable about and interested in the potential of electrodialysis.