Today the IT industry provides an attractive career choice to novice software developers, but even then, majority of the students pursuing higher education in computer programming eld are not nishing with enough competencies and capabilities to meet the industry expectations. It has been observed that such students are not su ciently focused on computer programming during their school studies. The main reason for unconcern in computer programming is identi ed as the lack of motivation and engagement of students in learning the programming concepts. kodolosuli.hu is a learning portal that o ers interactive programming courses in three di erent programming languages: C++, C# and Java. It has been developed for students who are interested in computer programming but do not know how to start. Students, who are not o ered programming lessons at school and teacher help are welcome. The framework of this site has an extensive grader tool that helps students test their codes without intervention from a teacher, thus providing a exible learning experience. The gami cation in this portal is expected to increase students' engagement and motivation in learning. The developed LMS (Learning Management System) o ers the authors the ability to improve the courses according to the solved problems and the comments of the forums. Tasks are stored in an exercise repository to make creating tests and exams easier. The course is available in Hungarian.
Today in Hungary, there are about 20,000 un lled IT jobs and most of them are software development positions. The lack of properly trained sta is a problem for hundreds of companies although thousands of software engineers and software developers get a degree in every year.
The IT sector could even be a key sector in Hungary since its value-added ratio is 90% and it produces 12% of Copyright c by the paper's authors. Copying permitted for private and academic purposes. the Hungarian GDP (Gross Domestic Product). That is why it would be particulary important that high school students choose this profession in larger numbers and, moreover, the demand for high-skill software developers is now growing faster than the supply.
To achieve this, IT must be made more attractive for students, and it is particularly important that the high school students who are interested in this area learn to program. In our experience, students who have already learnt computer programming can work in the IT sector in their rst academic years even as software developers, gain work experience and acquire this professional status faster than those students who only start to learn programming in the rst academic years.
The main problem is that during learning programming both algorithms and coding are needed to be learned at the same time. Being familiar with the syntax of a computer language and writing programs in it one are challenges for youngsters. To understand algoritms is also a big challenge. It is no accident that coding and making algoritms are di erent subjects in higher education. Most Hungarian secondary schools prepare students for only the mid-level exam of informatics that does not include knowledge of programming. The reduced 1 lesson per week is not enough to teach students both the usage of o ce programs and programming although there are thousands of talented students who are interested in programming but not able to learn it by themselves. Though, books and notes in Hugarian and courses in English are availabe it seems insu cent for most of them. Portals such as CodeAcademy, CodeSchool or Code Avengers that teach di erent programming languages in interactive way in English might be useful. In Hungary, this type of portal, that teaches C++, Java and C#, is not available, for instance learning C++ or C# languages in Hungarian for free is impossible. For example, memmoc.hu portal of University of Miskolc only o ers C and Java language courses [Kusper2016]. Algorithms can be learned from books but gaining experince for their usage require solving problems and coding them in a computer language. To do so, however, the knowledge of a programming language syntax is elementary. kodolosuli.hu portal wishes to solve this problem. In this website, students can learn how to code basic algoritms in a chosen language that can be C#, C++ or Java for free. The main objective of this site is to teach students the basic programming structures that are necessary to be able to pass the advanced level exam of informatics. After completing the course on the website they will be able to use an IDE (Integrated Development Environment) and solve programming tasks. The programming knowledge gained from this portal can be enough for students to understand programming resources on the internet and they can achive more in this eld. kodolosuli.hu teaches and traines the usage of the essential lexical unit and the control stuctures, how to make and use procedures and functions including the built-in functions of languages, and the way of applying standard I/O statements, methods. It also introduces the way of storing data in records, and that they can be stored even in arrays or lists. The tools of exception handling are also discussed in all the three courses through practical problems. Gami cation applications provide motivation and make the understanding easier and faster [Sailer2013]. The practical problems are mostly related to the eld of making computer game programs. This portal is developed for expressly Hungarian students. 2
In an online environment students' achievements can be in uenced by several factors that stem from their features. These factors can be for example their ability to maintain their attention or their intrinsic motivation [Biggs2012]. One of the most important factors that must be considered in terms of their activity is students' engagement: this can be de ned as the student's cognitive process, active participation and emotional involvement in the learning process [Pellas2014]. In an online environment it is also important to increase the student's cognitive involvement [Wolf2007]. According to various e-learning objectives e-learning environments can be di erentiated [Clark-Mayer2011]. In kodolosuli.hu directive e-learning is preferred since the material of this site is supposed to be new for the participants.
After login, students need to choose a language they wish to learn. The material to be learned can be found on the left side of the screen. The exercise belonging to the current topic is on the right side. (Figure 1)
Students are asked to write the proper code in the panel on the right side. After the coding is completed, clicking on the Send button uploads the solution. If it is correct the next unit will be displayed. If the code is not correct a message including the number of the line that contains the error will be displayed. By clicking on Help button the program makes instructions available for the student to be able to correct the mistake. If the student fails an exercise he can move on to another unit for now and come back later to try again. Typically, there is more than one exercise for each topic. Students' attempts are stored in a database so teachers can even help them with the solution.
The goal is to learn coding in a chosen language alone in order to be able to code the basic computer programming problems (searching, selection, counting, etc.). There are several units that do not contain theoretical material just practical exercises from real life. For example, nding the closest de brillator to save a life; controlling the parking sensor of a car; how to move a character from a given X,Y coordinate to another position as fast as possible. 19 gami ed applications have been developed for students to test their knowledge in a given topic during playing with them. One of them can be seen on Figure 2. These software not only foster the motivation but provide faster understanding [Dom nguez2013][Khaleel2015].
Naturally, the portal contains a Forum for users to communicate with each other on a variety of subjects and to share their experience gained during coding, or they can collaborate with each other [Are n2015][McDowellWerner-Bullock-FernaldKumar2012][Teague-Roe2008]. By reading this forum, teachers can help students, improve the system and remove bugs from the programs.
The exercise repository that is part of the system contains several tasks that are not available for the students during the course except for tests and exams. Exercises can be selected by either teachers or the system. Students who completed all the tasks can download a computer game for both Android and Windows platforms. Naturally, di erent game programs have been developed for both platforms for all the three languages. 3
The website has been written in PHP5 according to the MVC pattern. The curriculum, the users' data and their acts are stored in a MYSQL database in 17 tables as opposed to the game applications that can be found in folders.
Currently, there are two types of users who can access to the system. Students and the administrator. Students can reach only the curriculum unlike the administrator who has full access to both the materials and the users' data. 3.1
Users logged in as administrator can create new languages, new curriculums and new exercises or edit the previous ones and change the order of the units presented for students. (See Figure 3) It is possible to see the students' solutions, and this way the di culty level of the exercises and the mistakes can be analysed as well. It also records that how many times a unit was opened and how often tried a student to solve an exercise.
The system logs all the actions users perform so the publication of the achievements becomes easier, and it helps the developers improve the curriculum. (Figure 4) 3.2
The most important parts of the system besides the curriculum are the graders. There are two types of graders: the rst one examines the code line by line to see whether it is the same as the solution. This is the reason why exercises are de ned precisely, e.g. the name of the loop variable is also speci ed. (Figure 5) The purpose of this method is to get the students to use "speaking variable names" and practice the right coding style. However, in some cases this grader could cause problems especially when longer codes are given, because it might not accept codes with correct syntax and semantics. Furthermore, the description of the exercise might be too long due to the very strict spe cation.
When users are getting familiar with coding algorithms they need to solve more complex practical problems, therefore this grader cannot be used. That is why another type of grader is used for longer codes and exercises. It rst compiles the submitted code, and then, if no compile error have occurred, it executes this code for di erent test data stored in les. For each task, input and output les are available and are used by this grader to test the code. Naturally, users are informed about the correctness of the submitted programs. Programs, coded and submitted by students, are executed (after the compilation) in a sandboxed environment also used in the portal of progcheck.nejanet.hu [Kiraly-Szekely2015]. The default memory and execution time limit are taken into account and enforced but these constraints can be changed for each task. Students are informed about the memory and execution time their submissions use up while if they overstep the limits an error message is presented for them. The submitted programs cannot access neither the memory nor the hard disk directly. Programs that try to break the rules are not executed at all.
Students sometimes nd it hard to learn a programming language. They are often confronted with unfamiliar programming terms and are required to visualize the processes that happen in computer memory. Others nd this a burden and end up memorizing the processes without understanding them.
This situation invariably leads students to get low grades in their programming subjects and abandon learning programming. Studies have shown that applying gami cation elements in websites engage users [Fotaris-Mastoras-Leinfellner-Rosunally2015]. Games are engaging because they have the potential to satisfy basic psychological needs for competence and autonomy [Li-Dong-Unitch-Chasteen2016].
The most important games have been implemented in HTML5 and JavaScript and put in iframe. The images of games are either drawn on a HTML5 Canvas during execution or loaded from the hard drive before running the code. For the most games, the JQuery library is also used.
Games are not only motivating but also lled with educational content. The experience gained from the current game is not enough, this experience must be transformed to educational experience [Garris-Ahlers-Driskell2002]. After games, the site o ers real coding tasks relating to the game. When students are playing with these games they not only play but also learn the given topic [Ben-Ari2013][Kumar2012]. Traditional games such as Boardgame (Figure 6) Hangman (Figure 7), ) and Memory cards have also been implemented. The more complicated exercises involve students to code algoritms of computer games. For example, they need to write a code that can control the descent of a spacecraft onto a planet. The submitted solutions for these problems are evaluated by the second type of grader. 5
The aim of this study is to demonstrate a novel website, kodolosuli.hu, that is an online interactive platform that o ers free coding classes in 3 di erent programming languages. The goal is to reach youngsters who have little-to-no coding experience, but wish to learn. The website starts by presuming no prior knowledge at all, and lets students work through small exercises and slowly growing in complexity. This website o ers gami ed curriculum. Gami cation refers to the use of game elements in a non-game context to increase engagement between humans and computers. The implemented game programs not only increase the e ectiveness of learning but enhance students' understanding. As the more complicated exercises are related to the implementation of di erent game programs they also increase the engagement of students in learning programming. The successful students who complete the course of a given computer language are allowed to download a game program for both Android and Windows platforms that is not available anywhere else.
The developed LMS and Forum support keeping track of student progress during lessons and foster the improvement of the material.
It is planned to give the system the following function: instead of the two types of user solution (student and administrator) there will be a teacher type of user who cannot create curriculums, but they can create classes and add students to the system by themselves. They can upload their own tests for practice, or they can give homework, which are corrected by the system automatically. [Are n2015] Ahmed Shamsul Are n, Are n A.S. 2015. Pedagogy of Computer Programming: An Interactive and Collaborative Learning Approach. Macquarie University Postgraduate Certi cate of Higher Education EDCN 871 Final Project.