TU Darmstadt / ULB / TUprints

CLIENT- SERVER SYSTEM FOR WEB-BASED VISUALIZATION AND ANIMATION OF LEARNING CONTENT

LU, Zheng (2018)
CLIENT- SERVER SYSTEM FOR WEB-BASED VISUALIZATION AND ANIMATION OF LEARNING CONTENT.
Technische Universität
Ph.D. Thesis, Primary publication

[img]
Preview
Text
20180712ClassicThesis.pdf
Copyright Information: CC BY-SA 4.0 International - Creative Commons, Attribution ShareAlike.

Download (4MB) | Preview
Item Type: Ph.D. Thesis
Type of entry: Primary publication
Title: CLIENT- SERVER SYSTEM FOR WEB-BASED VISUALIZATION AND ANIMATION OF LEARNING CONTENT
Language: English
Referees: Koch, Prof. Dr. Andrea ; Shoufan, Ass. Prof. Abdulhadi
Date: 2018
Place of Publication: Darmstadt
Date of oral examination: 5 February 2018
Abstract:

E-learning is an effective means for academic and continuous education nowadays. An important feature of E-learning is using animation to demonstrate the teaching contents. With the increasing popularity of multimedia technology, instructors started to demonstrate the complicated computer algorithms and abstract data structure using multimedia animation. As a result, Algorithm Visualization (AV) is one of the most frequently used tools in E-learning. Numerous researches showed that applying animations to illustrate complex algorithms enables students to understand these algorithms better and faster. But there are also many teachers who oppose the usage of AV in the teaching process. In order to make AV help students better in understanding the topics they need to learn, certain guidelines need to be considered while designing AV animations. After reading and analysing a large number of related papers, four pedagogic theories were selected. These are Epistemic Fidelity, Cognitive Constructivism, Dual Coding and Individual Differences. It is believed that if developers observe these four learning theories when developing AV animation, the quality of AV can be effectively improved. An on-line platform named DLD-VISU for learning and teaching Digital Logic Design was developed based on these four theories. Specific implementation concepts and methods were developed in order to support these theories in DLD-VISU using advanced software engineering and programming techniques. DLD-VISU uses the MVC architectural pattern to achieve the separation of Model, Controller and View and uses the Dependency Injection (DI) method to achieve Inversion of Control (IoC). This can decouple classes and greatly reduce the difficulty of program maintenance and update. In addition, we use the Object Relational Mapping (ORM) technology to replace the traditional JDBC to access database. DLD-VISU is not only able to display animation on web pages, but also serves as an AV development platform. It provides a powerful framework and a rich library of graphical functions. This framework encapsulates many powerful functions such as IoC, ORM and Action dispatcher. Developers can use it to quickly build an AV animation based on the MVC architectural pattern. An extensive library of graphical functions can help developers to draw the front-end animations fast. In order to present the ease-of-use of DLD-VISU, we use it to develop AV animation for different algorithms of binary decision trees as an important class of machine learning classifiers. Another objective of DLD-VISU is to construct unified AV management platform. All the animations on this platform employ the same style and GUI, which can spare the time that students spend to adapt to different AV programs. Furthermore, the platform provides a great amount of management modules that make it very convenient for teachers to publish and manage their own AV programs and perform real-time observation and analysis of student's learning using AV. We conducted a series of tests on this platform, including dividing the students into two groups — one utilized the DLD-VISU platform and the other employed traditional methods, and testing both groups of students with same questions. The results show that DLD-VISU is helpful for improving students' achievements.

Alternative Abstract:
Alternative AbstractLanguage

E-Learning ist heutzutage ein wirksames Mittel für die akademische und kontinuierliche Bildung. Ein wichtiges Merkmal von E-Learning ist die Verwendung von Animationen, um die Lehrinhalte zu demonstrieren. Mit der zunehmenden Popularität der Multimediatechnologie begannen die Ausbilder, die komplizierten Computeralgorithmen und die abstrakte Datenstruktur mit der Hilfe von Multimedia- Animationen zu demonstrieren. Daher ist die Algorithmenvisualisierung (AV) eines häufige verwendeten Werkzeuge im E-Learning. Zahlreiche Forschungen haben gezeigt, dass die Anwendung von den Animationen zur Veranschaulichung komplexer Algorithmen es den Schülern ermöglicht, diese Algorithmen besser und schneller zu verstehen. Aber es gibt auch viele Lehrer, die sich gegen den Einsatz von AV im Unterricht einsetzen. Um AV wirklich die Studenten zu helfen, müssen bestimmte Richtlinien beim Entwerfen von AV-Animationen berücksichtigt werden. Nach dem Lesen und Analysieren einer großen Anzahl verwandter Arbeiten wurden vier pädagogische Theorien ausgewählt. Dies sind Epistemic Fidelity, Kognitiver Konstruktivismus, Dual Coding und Individual Differences. Es wird angenommen, wenn Entwickler diese vier Lerntheorien bei der Entwicklung von AV - Animationen beobachten, die Qualität von AV effektiv verbessert werden kann. Basierend auf diesen vier Theorien wurde eine Online-Plattform namens DLD-VISU zum Lernen und Lehren von Digital Logic Design entwickelt. Um diese Theorien in DLD-VISU unter Verwendung fortgeschrittener Software-Engineering- und Programmiertechniken zu unterstützen, wurden spezifische Implementierungskonzepte und - methoden entwickelt. DLD-VISU verwendet das MVC - Architekturmuster, um die Trennung von Model, Controller und View zu erreichen, und verwendet die DI, um IoC zu erreichen. Dies kann die Klassen entkoppeln und die Schwierigkeit der Programmwartung und -aktualisierung stark reduzieren. Darüber hinaus verwenden wir die ORM Technologie, um die traditionelle JDBC-Datenbank für den Zugriff zu ersetzen. DLD-VISU ist nicht nur in der Lage, Animationen auf Webseiten darzustellen, sondern dient auch als AV-Entwicklungsplattform. Es bietet ein leistungsfähiges Framework und eine umfangreiche grafische Bibliothek. Diese Framework enthält viele leistungsstarke Funktionen wie IoC, ORM und Action-Dispatcher. Entwickler können damit schnell eine AV-Animation basierend auf dem MVC - Architekturmuster erstellen. Eine umfangreiche grafische Bibliothek kann die Entwicklern helfen, die Front-End-Animationen schnell zu zeichnen. Um die Benutzerfreundlichkeit von DLD-VISU zu demonstrieren, verwenden wir es, um eine AV-Animation für verschiedene Algorithmen von binären Entscheidungsbäumen als eine wichtige Klasse von maschinellen Lernklassifizierern zu entwickeln. Ein weiteres Ziel von DLD-VISU ist der Aufbau einer einheitlichen AV-Management-Plattform. Alle Animationen auf dieser Plattform verwenden einen einheitlichen Stil und eine Benutzeroberfläche, wodurch die Zeit gespart werden kann, die Schüler für die Anpassung an verschiedene AV-Programme ausgeben. Darüber hinaus bietet die Plattform eine große Anzahl von Management-Modulen, die es Lehrern sehr erleichtern, ihre eigenen AV-Programme zu veröffentlichen und zu verwalten und Echtzeit-Beobachtungen der Nutzung des AV durch die Schüler durchzuführen. Wir führten einige Tests auf dieser Plattform durch, einschließlich der Aufteilung der Studenten in zwei Gruppen - die eine nutzte die DLD-VISU-Plattform und die andere verwendete traditionelle Methoden. Beide Gruppen hat die gleiche Fragen. Die Ergebnisse zeigen, dass DLD-VISU hilfreich ist, um die Leistungen der Schüler zu verbessern.

German
URN: urn:nbn:de:tuda-tuprints-75728
Classification DDC: 000 Generalities, computers, information > 004 Computer science
Divisions: 20 Department of Computer Science > Dependable Embedded Systems & Software
Date Deposited: 20 Jul 2018 09:55
Last Modified: 20 Jul 2018 09:55
URI: https://tuprints.ulb.tu-darmstadt.de/id/eprint/7572
PPN: 433872780
Export:
Actions (login required)
View Item View Item