@phdthesis{Kaessinger, type = {Bachelor Thesis}, author = {Johannes K{\"a}ssinger}, title = {Struktogrammbasierte Entwicklungsumgebung als Lernhilfe im Web}, url = {https://nbn-resolving.org/urn:nbn:de:bsz:ofb1-opus-2287}, pages = {115}, abstract = {Gegenstand der hier vorgestellten Arbeit ist eine Webanwendung, die als Lernhilfe f{\"u}r die Grundlagen des algorithmischen Denkens und Arbeitens dienen soll. Das Erstellen eines Struktogramms (Nassi-Shneiderman-Diagramm) dient in vielen Vorlesungen und Unterrichten, die sich mit den Grundlagen der Informatik besch{\"a}ftigen, als Mittel der Darstellung eines Algorithmus. Hierf{\"u}r bestehen die unterschiedlichsten Editoren. Dabei handelt es sich um PC- oder Webanwendungen, welche haupts{\"a}chlich in Java realisiert sind. Diese Thesis besch{\"a}ftigt sich mit der Erstellung eines webbasierten Tools, das es erm{\"o}glicht, ein solches Struktogramm zu erstellen und auch auf Funktion zu testen. Hierbei steht jedoch nicht nur die reine Ausf{\"u}hrbarkeit, sondern auch der didaktische Nutzen im Vordergrund. Ziel ist es, mit der Anwendung die Studierenden des ersten Semesters des Studiengangs Medien und Informationswesen bei allen Vorgaben, die das Struktogramm betreffen, zu unterst{\"u}tzen. Die Ausf{\"u}hrbarkeit des Struktogrammes ist hierbei eine wichtige Hilfe um eigene Fehler zu erkennen und zu verstehen. Umgesetzt wird die Anwendung mit dem interaktiven SVG-Format. Dabei handelt es sich um vektorbasierte Grafiken, die {\"u}ber JavaScript interaktiv gestaltet werden k{\"o}nnen. Die Arbeit enth{\"a}lt zudem eine gr{\"u}ndliche Recherche {\"u}ber vergleichbare Anwendungen, deren Vor- und Nachteile sowie einen Vergleich untereinander. Aus den Resultaten der Vergleiche sowie weiterer Recherche im Bereich der Didaktik werden die Anforderungen an ein entsprechendes Hilfsmittel erfasst und aufgestellt. Nach der Konzeptionierung wird ein Prototyp erstellt und eine erste Evaluierung durchgef{\"u}hrt. Schlussendlich folgt eine Zusammenfassung und ein Ausblick.}, language = {de} }