A Web-Based Drag-and-Drop Programming Tool
Ahmet Karaaslanoğlu Onur Çakırgöz
AbstractLearning programming poses significant challenges, especially for beginners. Syntactic complexities and the abundance of abstract concepts can lead to a loss of motivation in the learning process. In this study, a web-based, drag-and-drop programming tool has been developed to minimize these difficulties and make learning programming easier. The system allows users to create algorithms without the need to write any code and automatically translate these algorithms into common programming languages such as PHP, Python and JavaScript. The system is designed so that users can access it only through a web browser, without the need to install any software or compiler. Users have the opportunity to view the equivalents of an algorithm in different programming languages and to examine the structural features of these languages in a comparative manner. In this way, both conceptual and practical programming skills of users are supported and the learning process is made more interactive and meaningful. Modern and reliable technologies have been preferred in the technical infrastructure of the application. The user interface has been developed using React and TypeScript to provide an interactive user experience. In the backend, a fast, secure and consistent data communication is realized by using the Inertia.js library together with the Laravel framework. The infrastructure that makes it possible to convert the algorithms created by users into different programming languages is built with Docker technology. Thanks to Docker, each user is provided with an isolated working environment. In this way, it is aimed to ensure both security and system performance.