## 2 Materials and Methods
### Creation of the Software Model Code  
Writing the code implements the algorithms underlying the principles of Hamming codes that form the basis of the tool. This stage integrates the algorithms with the user interface to ensure accessibility and intensity for learners. It also includes the selection of technologies and programming languages that will ensure the implementation of the software product so that it meets the set functional and non-functional requirements. In addition, the programming includes interactive and visual elements to improve user engagement and understanding. The description of this stage in the article emphasizes the technical implementation of the model and creates a basis for future improvements and adaptations of the software. HTML5 and JavaScript (ES2024) [26; 27; 28; 29] are fundamental technologies for the development of web-based interactive software applications, such as the current software model for studying Hamming codes. HTML5 provides the structure and semantic basis of the web application, allowing the construction of an intuitive and accessible user interface. Thanks to its advanced capabilities, such as the integration of multimedia content (video, audio) and built-in interaction elements (forms, tables, graphics), HTML5 significantly facilitates the implementation of complex learning scenarios. JavaScript, in turn, provides dynamism and interactivity to the application, allowing the development of functionalities for data processing, user input validation, and visualization of Hamming code algorithms in real time. By synchronizing these two technologies, the creation of software is achieved that is both functional, fast, and easy for learners to use, regardless of the device or operating system, which makes it extremely suitable for the needs of modern digital learning. The use of the jQuery [30] and Konva [31] libraries helps to build a functional and interactive software tool, simplifying it considerably and saving much time. DOM manipulation, event handling, and animations are simplified in jQuery; hence, it assures compatibility among browsers and makes development easier. On its side, Konva allows the creation and management of interactive 2D graphics, which is quite useful in the visualization of algorithms for Hamming codes. These libraries have a key role in creating user-friendly, efficient training software, and hence the best user experience. UML diagrams [32] provide a standard way of visually representing the architecture, behavior, and interactions of software applications, which helps to understand, build, and maintain systems. Figure 9 shows the object diagram of the interactive software tool, which shows specific instances of classes at a given point in time, as well as the relationships between them. It shows a special \"Error\" component. It is used when solving a task in the decoding mode, and its main functions are to enable recording the checks of the control bits, recording the binary and decimal error code, setting the error status, and recording the decoded message. In addition to these capabilities, all the necessary functions for checking the set values are also available. For recording the error code in binary and decimal form, an additional component called \"SUB\" has been developed, which is used for recording in text format with an index; for example, \((0111)_{2}\) and \(7_{10}\). The process of solving a problem with Hamming codes by the general method in the encoding mode is presented in Figure 10 through the activity diagram. It shows all the steps that the student must go through to solve the problem, as well as the moments when a given step is checked. Figure 10: Activity diagram for the Hamming code research model by the general method in the encoding mode. Figure 9: Object diagram of the software model for studying the Hamming codes by the general method. At the top of Figure 12, the field for the task condition can be seen. There are several types of task-solving modes.