Shuffle Random-Based Multimedia Application

Study Case Shuffle Random-Based Multimedia Application as a Technical Training Tool for Gearbox Systems Michael Kurniawan (2018123456) University of Cincinnati, 2600 Clifton Ave, Cincinnati, OH 45221, United States kurniaml@mail.uc.edu Abstract Learning media is a tool used to deliver material in a way that stimulates thinking and improves focus through attractive presentation. This concept emphasizes that learning media plays a role in supporting the teaching and learning process to be more interactive and creative. The Mechanical Technician Training Application was developed as a platform for new technicians to facilitate understanding of work procedures and replace the use of conventional printed modules. The shuffle random algorithm was implemented so that the order of questions always changes, making the evaluation process less monotonous. Keywords: Learning Media, Mechanical Technician Training, Shuffle Random INTRODUCTION Optimal service is an important aspect for companies in the modern era. The growth of the manufacturing industry in the United States has also increased the demand for mechanical technicians. In various industrial cities, including the Cincinnati area, there is still a gap between the number of available technicians and the demand in the field. For example, in medium to large companies, business expansion has created a continuous need for new technicians. Currently, there are dozens of active manufacturing companies, and their number is estimated to continue to grow each year. Of the total of approximately 10,456 industrial employees, about 70% are technicians, with 30% working part-time and most coming from college students. These data indicate a high demand for skilled mechanical technicians to meet industrial demand. MICHAEL KURNIAWAN 1 Study Case A novice technician needs to have basic skills, both in problem identification and overhaul procedures. Therefore, this study developed a learning medium entitled Multimedia Application for Mechanical Technician Training Using the Shuffle Random Method at Everest Mechanical Solutions. This application is equipped with basic material about gearboxes, videos of the assembling and disassembling processes, and a Gearbox Overhaul SOP guide. SCOPE OF RESEARCH This study focuses on the following: 1. The learning media is intended for novice mechanical technicians. 2. The discussion is limited to gearbox components and mechanisms. 3. The application covers basic technician material, maintenance procedures, gearbox parts, assembly and disassembly videos, cyclo gearmotors, technician SOPs, and practice questions. 4. The analysis algorithm used is shuffle random. 5. Application testing uses black-box testing and beta testing methods. 6. Learning media development is carried out using Adobe Flash CS6. MATERIALS AND METHODS Media According to the definition in Merriam-Webster Dictionary, media is a communication tool or medium used to convey information. Learning Media According to Ray Anderson [1], learning media includes people, materials, and devices that can create learning conditions so that students are able to acquire the expected knowledge, skills, and attitudes. Media Ray Anderson [2] also explains that media is any form of means used to convey information. The definition from AECT (Association for Educational Communications and Technology) emphasizes that media encompasses a wide range of communication forms and channels. Multimedia According to Vaughan [3], multimedia is a combination of text, visual art, audio, MICHAEL KURNIAWAN 2 Study Case animation, and video presented through digital devices and can be manipulated interactively by users. Gearbox Johnson [4] explains that the motor's rotation is transmitted to the input shaft through a clutch, then transmitted to the main shaft. Differences in gear ratios and shapes produce variations in spindle rotation speed (rpm) as needed. Position Shuffling Algorithm Andrea [5] explains that shuffle random is a method of shuffling the order of an array's indices, similar to the process of shuffling cards. If A is a 5×1 array, A = [1 2 3 4 5], then shuffle random can produce a new arrangement such as [5 1 3 2 4] or other variations. In programming, this function can randomize numbers, strings, or a combination of both. Image Position Shuffling Stage 1. Determine the number of image pairs The process begins by determining the number of puzzles or image pairs and arranging them in a matrix as shown in Figure 1. Figure 1. 6 × 1 Matrix for the Match-Up Game before the shuffling process At this stage, the array values are declared as follows: A = new Array(0, 1, 2, 3, 4, 5) The array starts from index 0 to index 5. 2. Record the x and y coordinates for each puzzle image. Each image object or shape on the application project board has x and y coordinates, as shown in Figure 2. Figure 2. x and y coordinates for six image boxes These coordinates are recorded using the following procedure: Procedure position_list() MICHAEL KURNIAWAN 3 Study Case If (position = 0) then x ← 100 y ← 150 Else if (position = 1) then x ← 100 y ← 200 Else if (position = 2) then x ← 100 y ← 250 Else if (position = 3) then x ← 100 y ← 300 Else if (position = 4) then x ← 100 y ← 350 Else x ← 100 y ← 400 End If End Procedure The position variable starts from the value 0, which represents the first index in the random array. 3. Position Randomization Coding The next step is to implement the random shuffle function to randomize the order of all puzzle coordinates. Each pair of images is named box_1, box_2, and box_3, each containing two objects: a and b. A ← random.shuffle(A) position ← A[0] position_list() box_1a._x ← x box_1a._y ← y position ← A[1] MICHAEL KURNIAWAN 4 Study Case list_positions() box_1b._x ← x box_1b._y ← y position ← A[2] list_positions() box_2a._x ← x box_2a._y ← y position ← A[3] position_list() box_2b._x ← x box_2b._y ← y position ← A[4] position_list() box_3a._x ← x box_3a._y ← y position ← A[5] position_list() box_3b._x ← x box_3b._y ← y From this algorithm, it can be understood that each number has two paired boxes (for example, box_1a and box_1b), so there are two images with the same value, and the same applies to box_2 and box_3. Adobe Flash CS6 Ikas [6] explains that Adobe Flash Professional CS6 is software that supports the creation of interactive media such as presentations, educational games, animated films, and dynamic websites. Flash CS6 is widely used for the development of interactive learning media, both online and offline. System Development Method The development of the Mechanical Technician Training Multimedia Application learning media using the Shuffle Random Algorithm at Everest Mechanical Solutions MICHAEL KURNIAWAN 5 Study Case was carried out through six standard stages: 1. Concept The concept stage includes determining the objectives of the learning media, identifying users (novice technicians), general specifications, display size, and the characteristics of the multimedia platform used. Three main components of the concept form the basis for the development of this multimedia application for training mechanical technicians. 2. Design The design stage details the structure of the learning media based on user needs. The design is made in detail so that the next stages run consistently without additional decisions. The system model is described using the Shuffle Random Algorithm Method as the basis for the application's behavior. 3. Material Collecting Supporting media assets are collected at this stage, including: • Images (background and movie clips), • Audio (supporting music), • Graphics, animations, photos, and videos of the assembly and disassembly processes. 4. Assembly This stage is the application production process based on the established design and UML. Development is carried out using Adobe Flash CS6 to integrate all multimedia components. 5. Testing After the application is assembled, the testing stage is carried out using two methods: • Black-box Testing, to ensure that the functions run according to the scenario, • 6. Beta Testing, to test the user experience. Distribution The final product is packaged as a desktop application. The distribution stage also includes evaluation and planning for application development so that it can be expanded to a better multimedia system in the future. MICHAEL KURNIAWAN 6 Study Case DISCUSSION The system flow is illustrated through a use case diagram. Figure 3 shows that in the main menu, users can select several buttons, namely: • Login → opens the Main Menu, • Basic Technician Material, • Maintenance & Gearbox Parts, • Video → displays an animation of the gearbox disassembly process, • Evaluation → opens practice questions. Figure 3. Use Case Diagram in the Mechanical Technician Training Application 1. Activity Diagram – “Login” Menu When the user presses the “Login” button, the system will display the Main Menu scene and the user can select the material they want to learn. Figure 4. Activity Diagram of Basic Technician Material in Mechanical Technician Training 2. Activity Diagram – “Evaluation” Menu When the “Evaluation” button is selected, the application immediately displays the exercise questions. The user then selects the correct answer for each item. MICHAEL KURNIAWAN 7 Study Case Figure 5. Activity Diagram for Evaluation in Mechanical Technician Training 3. Sequence Diagram – “Start” Menu in Training Figure 6 shows the interaction between the user and the system: the user opens the Main Menu, selects the “Login” button, and is then directed to the basic technician material. If the user selects the exit button, they will leave the learning session. Figure 6. Sequence Diagram of Materials in Mechanical Technician Training 4. Sequence Diagram – Evaluation The sequence diagram in Figure 5 illustrates the flow of interaction between the user and the system during the evaluation process. The user first enters the Main Menu scene, then selects the Evaluation button. After that, the application displays a test scene containing practice questions. After all questions have been answered, the system displays the evaluation results for the user to review. MICHAEL KURNIAWAN 8 Study Case Figure 7. Sequence Diagram of Evaluation in Mechanical Technician Training 5. Main Menu Scene Figure 8. Main Menu Scene The Main Menu scene is the first interface displayed when users enter the Mechanical Technician Training application. This menu contains several buttons with different functions, namely: • Basic Material → displays the Basic Material scene, • Maintenance & Gearbox Parts → displays material on maintenance and gearbox components, • Video → displays an animation of the gearbox disassembly and assembly process, • Evaluation → opens the practice question page, • Exit → closes the application. Each button is designed so that users can intuitively switch scenes according to their learning needs. MICHAEL KURNIAWAN 9 Study Case 6. Basic Technician Material Selection Scene Figure 9. Basic Material Selection Scene The Basic Technician Material scene contains core information that users can learn to understand gearbox concepts and mechanical technician procedures. Understanding this material helps users answer evaluation questions better. 7. Evaluation Scene Figure 10. Evaluation Scene The Evaluation Scene displays practice questions that users must answer. Each question is displayed randomly through a shuffle random algorithm so that the order is different for each session. 8. End of Evaluation Scene Figure 11. End of Evaluation Scene The End of Evaluation Scene is a page that displays the user's score or final result after completing all questions. This display provides direct feedback on mastery of the material. MICHAEL KURNIAWAN 10 Study Case CONCLUSION Based on the discussion and implementation results, it can be concluded that the development of the Mechanical Technician Training Multimedia Application produced the following findings: 1. Development Stages The application development process followed six stages of multimedia development, namely: concept, design, material collecting, assembly, testing, and distribution. The system design used the UML (Unified Modeling Language) approach. 2. Learning Media Concept The application is designed as an interactive learning medium that helps novice technicians understand gearbox maintenance procedures in accordance with Standard Operating Procedures (SOP). This application is intended to support the training of new technicians in the industrial environment in the United States, particularly at engineering companies such as Everest Mechanical Solutions in Cincinnati. 3. Use of the Shuffle Random Algorithm The application utilizes a shuffle random algorithm to randomize the position and order of questions in the evaluation feature. The goal is to prevent users from memorizing question patterns so that the training process is more effective. The application was developed using Adobe Flash CS6 [6]. 4. Final Application Results The final product is a desktop-based multimedia application that can be run on computers with modern operating systems and provides an interactive interface for the mechanical technician training process. REFERENCE MICHAEL KURNIAWAN 11 Study Case MICHAEL KURNIAWAN 12