JavaScript Programming Research Articles

Value Trace Problems for Code Reading Study of JavaScript Programming

JavaScript programming takes critical roles in developing web application systems. Unfortunately, JavaScript programming is not fully educated in most universities, although its study may not be easy for students since the code is usually made by special composing styles. To assist self-study of JavaScript programming, currently, we are developing JavaScript programming learning assistant system (JSPLAS) by extending our JPLAS works for Java programming. In JPLAS, the value trace problem (VTP) is offered for code reading study by novice students. A VTP instance consists of a source code and a set of questions, where each question asks the actual value of an important variable or an output message in the source code. The correctness of any answer is marked through string matching with the correct one. In this paper, we study the VTP for code reading study of JavaScript programming. We generate 57 instances using source codes on basic grammar concepts and confirm the effectiveness through applications to 45 university students in Myanmar and Japan.

Developing a novel computer visualization system to simulate the uranium upward transport mechanism: Uranium pollution in arid landscapes

Uranium (U) is a naturally occurring, radioactive, toxic trace element that poses severe risks to public and environmental health. Depleted uranium (DU) is widely used in military munitions, including penetrators. Our previous studies showed that in arid landscapes, water-soluble U released from corroded DU penetrators that were buried underground were co-transported upwards with water by evaporation-driven capillary action and eventually precipitated on the ground surface. The first objective of this study was to develop a visualization system to simulate this complex U upward transport mechanism involving cyclic capillary wetting-drying cycles. Multiple visual components such as visual elements, canvases, and animations were created using JavaScript, HTML, and CSS programming languages and coordinated to visualize this biogeochemical process in arid ecosystem landscapes. The second objective was to develop an interactive visualization exercise to allow users to study the effect of the type of capillarity solutions on the speed of the U upward transport. This study is significant in the following aspects:•Contributing a clear and comprehensible visualization of the complex U transport mechanism;•Developing a novel visualization coding framework with more advantages in simulating heavy metal upward transport mechanisms than regular software-based simulations; and•Providing educational uses such as an instructional tool in secondary and college STEM classrooms, an outreach material in promoting student interest in STEM topics and raising public awareness of U pollution, and an educational aid for understanding U mobility in order to develop effective heavy metal pollution control and remediation strategies and policies.

An Implementation of Element Fill-in-Blank Problems for Code Understanding Study of JavaScript-Based Web-Client Programming

At present, web-client programming using HTML, CSS, and JavaScript is essential in web application systems to offer dynamic behaviors in web pages. With rich libraries and short coding features, it becomes common in developing user interfaces. However, the teaching course is not common in universities due to limited time. Therefore, self-study tools are strongly desired to promote it in societies. Previously, we have studied the programming learning assistant system (PLAS) as a programming self-study platform. In PLAS, among several types of programming problems, the element fill-in-blank problem (EFP) has been implemented for code understanding study of C and Java programming. In an EFP instance, the blank elements in a source code should be filled in with the proper words, where the correctness is checked by string matching. In this paper, we implement EFP for web-client programming in PLAS. In a web page, HTML and CSS define the components with tags in the document object model (DOM), and JavaScript offers their dynamic changes with libraries, which are blanked in EFP. Besides, a set of web page screenshots are given to help the solution. For evaluations, the generated 21 EFP instances were assigned to 20 master students in Okayama University. By analyzing their solution results, the effectiveness was confirmed for JavaScript programming learning.

ГИБРИДНЫЙ СПОСОБ ОБЕСПЕЧЕНИЯ КОНФИДЕНЦИАЛЬНОСТИ ПОЛЬЗОВАТЕЛЯ ПРИ РАБОТЕ С ВЕБ-БРАУЗЕРОМ

Introduction: One of the most common privacy vulnerabilities on the Internet is digital tracking that identifies users, which includes cookies and digital fingerprinting mechanisms. A comparative analysis of existing modern web tracking methods shows that approaches that rely on detecting and blocking web trackers are less effective than ones using value spoofing, since they do not provide passive fingerprinting methods protection, and are also easily detectable and, as a consequence, are susceptible to being used user identification. To eliminate these shortcomings, new, generally combined, methods should be developed. Purpose is to analyze the main mechanisms and varieties of digital tracking, describe the principles of their operation and develop an effective hybrid method to counteract the digital fingerprinting of the user's device. Results: It is shown that fingerprint tracking is extremely dangerous, as it cannot be effectively blocked by the browser. To solve the problem, a hybrid method of spoofing transmitted data, including both randomization and unification, is proposed. This method is chosen due to the fact that it provides protection against known digital fingerprinting methods. In addition, the method lacks the tracker detection stage, that provides instant protection. Characteristics with a wider range of possible values, that are also difficult to unify (Canvas, WebGL, Audio) are proposed to be replaced with the real ones with the addition of minor distortions. Attributes that must comply with the value adequacy property and changing of which may disrupt the website will be unified. Consequently, it is proposed to unify HTTP headers and global JavaScript browser parameters. The software implementation of the described algorithm is made in the JavaScript programming language in the ECMAScript 6 specification using the standard of the Web-Extensions API cross-browser add-on development system.

Comparison of the Effectiveness of Countermeasures Against Tracking User Browser Fingerprints

The current paper examines the impact of countermeasures against tracking user browser fingerprints on user uniqueness. The measures investigated are changing browsers and installing special plugins that allow blocking access to browser attributes or replacing their values with random ones. Browser fingerprints are obtained using a tool written in the JavaScript programming language with the "fingerprint3.js" library connected. The experiment is conducted, as a result of which, the conclusion is made about the variability of the user's browser fingerprints and the degree of effectiveness of the proposed measures to counteract the tracking of browser fingerprints.

ПРОЕКТИРОВАНИЕ ИНТЕЛЛЕКТУАЛЬНОЙ СИСТЕМЫ КОНТРОЛЯ ТЕХНИЧЕСКОГО СОСТОЯНИЯ ПАРКА МОБИЛЬНЫХ МАШИН

At the moment, there is no comprehensive solution for the remote monitoring of the technical condition, location and other parameters of the machine fleet. One of the promising areas in repair and diagnostics is proactive diagnostics and improvement of diagnostics systems. To solve this problem, web-service is offered, which can help control location of machinery units, technical condition, and other parameters. The JavaScript programming language with asynchronous AJAX-requests is suitable for user-website interaction. For data storage, the authors proposed a cloud server accessed through the MySQL relational database management system. When transferred to the server, all data are converted into JSON format by means of the Apache server, which is the means of communication between the operator’s screen and the server. A cross-platform local XAMPP server is used to communicate all systems. The Slack messenger is used to send messages and establish fast communication between operators, mechaniс components, and drivers. To remotely monitor the technical condition of a combustion engine, the system has a diagnostic algorithm that allows monitoring the condition of mechanical systems taking into account the analysis of data received from the electronic control system. The electronic control system can be connected via a single OBD-2 connector to read out standard information about the technical condition of the vehicle. The applicability of the developed diagnostic algorithm has been confirmed on a pilot plant with an IVECOF4HE diesel engine with modern electronic means of control. The conducted economic analysis has proved the effectiveness of the implementation of a remote control system during vehicle operation at the enterprise. The next stage in the development of an intelligent diagnostic system is to improve the algorithm for diagnosing the technical condition and expanding control over the other vehicle parts.

Supervised Classification Model Using Google Earth Engine Development Environment for Wasit Governorate

As a result of the advancements that have occurred in the technical field of geomatics, particularly after the development of developmental programming environments, they have become the most important machine for conducting image analyses of satellite data, creating and modifying spatial analysis tools, and performing large data analyses at a fast rate without the need for high-end specifications on the personal computer. This study has several objectives, including the definition and popularization of the use of the power of Google Earth Engine (GEE) in the speed of conducting spatial analyzes, which cite by conducting a classification at the level of a governorate and obtaining results with speed and relatively good quality. By using the Google Earth Engine (GEE) platform and through Javascript programming language, a classification of the land cover of Wasit Governorate, Iraq was created under the supervision of a satellite image (Landsat 8) by creating a training sample, Google Maps’ High Resolution basemap imagery was used to create this map to identify classes of landcover (water, bare soil, vegetation, and urban). Each source pixel is assigned to one of the previously mentioned classes. Then to create a land cover map of the region using the Statistical Machine Intelligence and Learning Engine (SMILE) classifier from the JAVA library, which is used by Google Earth Engine (GEE) to implement these algorithms. The result is an array of pixels (raster data). The pixel value represents the class that was previously determined by the samples.

Development of a web application for dissemination of educational information

The problem of sharing of educational information and research of components interaction on load distribution from users is considered. Purpose: to implement software to solve this problem. Design a database and project structure. Role-based access to information should be implemented. A user-friendly interface must be created for the software. Develop tests for the program that should be implemented to check the functionality and performance of the program. Use the developed tests to conduct research on load distribution from users. The developed program consists two parts (server and client). They interact using HTTP requests. The server part processes the data and verifies them. The client part receives and provides data to the server part and implements a user-friendly interface. The solution of this problem is implemented in the environments IntelliJ Idea 2020.1 (Ultimate Edition) and WebStorm 2020.1. Java 11 and JavaScript (ECMAScript 6) programming languages were used for implementation. The novelty of the work lies in the development of a program that makes it possible to use the functions necessary for studying at a higher educational institution. For example, providing students with access to study materials, the ability for all users to view their schedule. Instructors can also view the schedule of the groups they teach in the current semester. Each student can revise the teacher's schedule if he teaches at least one subject. Another important function is the management of the structure of the university (management of information about institutes, departments and study groups). We also conducted research on the performance of the program and investigated the possibility of improving the speed of the program in the event of a significant increase in active users.

Design and Implementation of a Node.js Based Computer Network Monitoring Information System at the Department of Communication and Information of Kebumen Regency

Large and complex computer networks have a high risk of failure, so they require monitoring and mapping to maintain service availability. An information system must monitor and map computer networks so that supervision is not done manually and problem handlings can be done quicker. This study aims to design and implement a computer network monitoring-information system at the Department of Communication and Informatics of Kebumen Regency by utilizing the waterfall software development method. UML modelling language used in the design of computer network monitoring information system and implemented with the JavaScript programming language on Node.js runtime environment. This system utilizes the interval function in JavaScript and the system utility from Node.js to check the network devices. This system sends notifications of the network client status changes to registered users. Based on the test results, this system can monitor and provide notifications as well as a map of the computer network belonging to the Kebumen Regional Government, which is managed by the Department of Communication and Information Technology of Kebumen so that the process of handling computer network problems belonging to the Kebumen Regional Government can be carried out more optimally.

Aplikasi Perhitungan Biaya Instalasi Listrik Pada Bangunan Berbasis Android

Electric power has a very important role in everyday life. The rise of the construction of new houses or buildings is accompanied by the increasing amount of electricity needed to meet these needs. Currently the development of technology is very rapid, especially Android smartphones. Therefore, to keep up with the development of science and technology that is increasingly rapidly in this era, an application is designed that can calculate the cost of electrical installations.Design Android applications are built using the Javascript and Dart programming languages​which are built using the Flutter Framework and use the Firebase database.The android application design is tested using Black Box testing which states that the system is running as needed and free from errors.Keywords : Installation, Electrical, Flutter, Visual Studio Code, Android.

Web Service Untuk Transaksi Data Pada Aplikasi Fasilitas Keuangan Dengan Metode REST

According to Law No. 14/1967 concerning banking principles, it is explained that financial institutions are all entities that carry out their activities in the financial sector. withdraw money from the people and channel it into the people. Financial institutions have large data on financial facilities. In order to improve the quality of information disclosure to the public, financial institutions require the application of financial facilities as a means to register the financial facilities they have. This financial facility application consists of two platforms, namely web-based and mobile-based, so that a mechanism is needed to process data transactions between different platforms and can support interoperability between systems. Web service is a standard used in conducting data transactions between systems, because applications that exchange data can be written in a variety of programming languages and run on a variety of different platforms. The financial facility web service is built using node js with asynchronous javascript programming language so that it has better performance in handling requests. In this study, the web service was built using a REST architecture that uses the HTTP protocol to exchange data. Tests have been carried out to see the results of the web service using insomnia software. The results of this study indicate that web services can be a bridge for communication and data transactions between financial facility search applications and can run well and are able to support interoperability between systems.

OPERATIONAL ASPECTS OF WEB-APPLICATIONS DEVELOPMENT BASED ON JAVASCRIPT FRAMEWORK

The problem of using hypertext markup language HTML5 and cascade style sheets CSS3 while developing the visual interface of applications in development framework based on programming language JavaScript was studied. The performance features of main components of application infrastructure were analyzed. JSON format usage and influence on application operation of such elements as repository data base, WEB-services, server and client side portion of application and content delivery network were investigated. The main criteria of development socially minded applications with attractive visual interface on JavaScript and HTML5 were defined. The analysis of operational aspects of JavaScript programming language and its usage while developing visual interface of applications and its further promotion in the world of hardware and software was carried out. The research result is the information system development for courier delivery

REST API performance comparison of web applications based on JavaScript programming frameworks

The aim of the work was to compare two technologies for creating server applications based on the JavaScript programming language. For the purposes of the research, two test applications were created. The first one was built on the basis of the Express programming framework and the second one on the basis of the Hapi framework. The client part of both applications was prepared using the React library. The client and server parts communicated with each other by means of REST API – the universal HTTP interface. The client application sent requests to the server application which then performed basic operations on the MongoDB basis and returned the result. As part of the work, an experiment consisting of four scenarios was developed. In each scenario, a different type of data was taken into consideration: a string of characters, an array, an object and an array of objects. The research focused on the efficiency aspect – measuring the response time of requests during GET, POST, PUT and DELETE operations. The tests were performed on two computers and the measurements were made in two ways: using a single code embedded in test applications and using the Postman tool. The obtained results, after averaging and analyzing them allowed for the conclusion that the Express framework proved to be more efficient than Hapi due to the shorter response time of requests. Only in the scenario where operations with large datasets were performed was the response time of requests at a similar level.

An Interactive Framework for Teaching Viscoelastic Modeling

ABSTRACT Rheologic models consisting of combinations of linear elements, such as springs and dashpots, are widely used in biophysics to describe the mechanical and, in particular, the viscoelastic behavior of proteins, cells, tissue, and soft matter. Even simple arrangements with few elements often suffice to recapitulate the experimental data and to provide biophysical insights, making them an ideal subject for educational purposes. To provide students with an intuitive understanding of the mechanical behavior of spring and dashpot models, we describe a computer simulation tool, elastic viscous system simulator (ElViS), written in the JavaScript programming language for designing viscoelastic models via a graphical user interface and simulating the mechanical response to various inputs. As an example application, we designed a virtual laboratory course using ElViS that teaches the basic principles of viscoelastic modeling in a gamelike manner. We then surveyed 50 undergraduate students of a 1-semester course in biophysics who participated in the virtual laboratory course. Students felt that the course was a helpful addition to the lecture and that it improved learning success.

Модель оценки квалификации IТ-специалистов в области разработки программного обеспечения

The decisive factor for the successful work of modern IT organizations is the professional qualities of the personnel and the system for its development. Staff training for software development organizations is of particular importance due to the fact that activities in this field make high demands on the level of qualifications of employees, their knowledge and skills, while they tend to quickly lose their relevance. However, there are problems in the assessment of personnel qualifications that can affect its’ objectivity and the effectiveness of further management decisions, for example: favoritism, bias, high exactingness, an erroneous standard. The purpose of the work is to develop a model for assessing the qualifications of IT specialists in the field of software development. . This study investigates personnel assessment system, types of criteria for assessing the qualifications of software developers and testers, which cover technical aspects of activities, interpersonal and mental characteristics of specialists. To assess the qualifications, a model of the conceptual theory of software development competence was selected and changed. Based on a literature review, analysis of vacancies and interviews with IT specialists, the main areas of activity of developers and testers were identified, as well as characteristics that need to be assessed. Based on the modified model, a prototype of the system was developed in the JavaScript programming language and on the Node JS software platform for collecting information, which loads data from the Atlassian Jira version control systems for further evaluation.

Эффективные современные программные средства для разработки электронных учебных пособий

In the context of the transition to the updated content of education, the development and implementation of electronic learning tools in computer science is becoming more relevant than ever. The lack of e-learning tools, developed in full accordance with modern requirements, a variety of software tools and shells to create them, requiring a developer of different levels of training in the use of software, has necessitated a more detailed review and analysis of the problem of development and implementation in the educational process by teachers author's e-learning products. The article identifies the main advantages and disadvantages of some software tools for the development of electronic textbooks. The ArticulateStoryline program is singled out as one of the most effective modern software tools for the development of electronic textbooks in secondary schools. А сomparative analysis of software is carried out on a number of criteria: simplicity and usability, available in ready-made templates, the ability to work with layers, create test items, an opportunity to build ready graphics, video and sound files, the possibility of placing on a single slide multi-page text. The features of the Articulate Storyline program are presented in more detail. The possibility of using this software tool is noted, both by an ordinary user through the use of ready-made templates, and by a more advanced professional through the capabilities of the built-in JavaScript programming language. The program features are presented on the example of the development of an electronic textbook on computer science for the 4th grade. The result of the implementation of the capabilities of the software tool was the development of an electronic textbook, which reflects such features of Articulate Storyline as the use of a set of ready-made characters, the ZoomPicture function, the insertion of video files, a variety of interactive tasks organized through the use of Hotspot slides and SequenceDrag-and-Drop. The electronic textbook provides independent cognitive activity of students, increasing the level of their motivation in learning, ensuring self-control.

WEB-BASED LAWYER INFORMATION SYSTEM DESIGN AT NURHADISIGITLAW OFFICE

The presence of information systems today can be felt by almost all elements of society. In the elements of government, education, public and private industry, even UMKN has started to use information systems in carrying out their activities. The development of information system technology has not fully touched the current field, one of them is the element of the profession as a lawyer. In the 4.0 revolution era, lawyers should use a website-based information system. This is done to make easy for clients to get information quickly and accurately. Making information systems using the waterfall method can run effectively, because it has phase of system requirements analysis, design, coding, and testing. With the support of the HTML, PHP, Javascript, and CodeIgniter programming languages ​​so that the process of creating a lawyer information system at NurhadiSigit Law Officer runs as expected and can be implemented optimally.

SISTEM SIMULASI PERHITUNGAN KPR DI PERUM PERUMNAS REGIONAL V BERBASIS WEB

Perum Perumnas is a State-Owned Enterprise (BUMN) in the form of a Public Company (Perum). Perum Perumnas has 7 regional business areas and 1 rusunawa regional area. Perum Perumnas Regional V which is located at Jl. Wilis No. 23 Semarang is engaged in providing housing and settlements for the middle class community. In its business activities, Perumnas sells houses to the public with cash payment methods or through Home Ownership Credit (KPR). The Perumnas Branch can serve every consumer who comes to Perumnas Branch to seek information about the amount of monthly installment payments if the consumer applies the mortgage system with the down payment that the consumer has and the shortfall that must be paid. In carrying out this activity, the Perumnas Branch still uses the Microsoft Excel application.The problem that often arises at this time is the calculation of KPR between Perumnas Semarang Branch I and Perumnas Semarang Branch II which is quite different, making it less effective for companies. Based on this description, the author tries to provide a solution that is able to overcome these problems by designing a website-based mortgage calculation simulation system at Perum Perumnas Regional V with the aim of making it easier for consumers and marketing or sales parties to find information about mortgage calculations.Making this simulation system, the author uses the HTML, CSS, PHP, JavaScript and MySQL programming languages ​​as the database. In its manufacture, this application is adapted to the needs of Perumnas in general.The conclusion that can be drawn is the dissimilarity or difference in filling out the mortgage calculation where the Semarang Branch I and Semarang Branch II when the marketing staff does the mortgage calculation even though they use the same bank Suggestions that can be put forward is to create a mortgage calculation simulation system that can make it easier for consumers to get information about mortgage calculations quickly, efficiently and accurately and can be accessed anywhere and anytime.

PENGEMBANGAN SISTEM INFORMASI GEOGRAFIS PELAPORAN KERUSAKAN DAN KEGIATAN PENINGKATAN RUAS JALAN DI KOTA BANDAR LAMPUNG

Roads are one of the factors that support the development of the region as a whole. Management of reporting of damaged roads at Bandar Lampung Public Works Agency still uses paper documents and the dissemination of road information to the community is not good enough. Therefore, in this study a geographic information system (GIS) will be developed as an innovation to simplify the process of reporting damaged roads to be more efficient and to better disseminate information to the public. GIS is a system designed to work with data that is spatially referenced or geographic coordinates. The design of this system uses Use Case, Activity Diagram, Sequence Diagram, and Class Diagram. The system implementation uses Google Maps API and is developed using PHP and Javascript programming languages and MySQL database. Based on the results of the analysis of system testing, the average value of the overall test obtained was 3,78. Which is looked Based on interval table of the Likert scale, the final value of test shows that GIS was successful. The results of the black box test also show that each function in each menu on the system has been running according to the procedure.

Flipped Classroom and Aronson´s Puzzle: a Combined Evaluation in the Master´s Degree in Preuniversitary Teaching

This article presents a double evaluation carried out in the subject Complements for disciplinary training II: Computing, corresponding to the Master's degree teacher training in secondary education, baccalaureate, vocational training and languages taught by the Universidad Rey Juan Carlos. The students of the subject had to learn how to prepare simple web pages, using HTML, CSS and JavaScript programming languages. To this end, the flipped classroom technique was used to present the necessary contents, combined with the adaptation of Aronson's cooperative learning puzzle technique, used to carry out a group practice that reflected the knowledge acquired. It is worth mentioning, as a complement to the two techniques used, the use of an adapted assessment rubric, which was provided to the students at the beginning of the teaching block. The evaluation was carried out during two consecutive academic years, 2018/2019 and 2019/2020. There were important differences between the two studies: in the first study, the students' previous self-assigned level was much higher (2.8 points as opposed to 1.4 points on a scale of 1 to 5). The other difference, even more relevant, was that in the second year all teaching was done at home, in a non-attendance format, on a mandatory basis, due to the period of confinement decreed by the state of alarm at that moment, because of the pandemic caused by the SARS-CoV-2 virus, popularly known as coronavirus. At the end of the experience, the students expressed their satisfaction with the learning acquired and with the tasks performed, in both cases. The techniques used were well-appreciated, in the first year more than in the second, and especially flipped classroom. The scores obtained were, in addition, always very relevant.