ITBO-Programming-part-3: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
Markierung: 2017-Quelltext-Bearbeitung
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 5: Zeile 5:
   
   


=='''Guidance for students (Open Document Format ODF)'''== {{Box|Download|[[Datei:ProgrammierenTeil3StudentEditionV4.odt|mini]]|Download }}
=='''Guidance for students (Open Document Format ODF)'''== {{Box|Download|[[Datei:ProgrammingPart3StudentEditionV1.odt|mini]]|Download }}


=='''Handout for teachers'''== {{Box|Download|[[Datei:ProgrammierenTeil3TeacherEditionV4.odt|mini]]|Download }}
 
=='''Handout for teachers'''== {{Box|Download|[[Datei:ProgrammingPart3TeacherEditionV1.odt|mini]]|Download }}


{{Box|Objectives|* The students will analyse a simple interactive, multimedia "story".
{{Box|Objectives|* The students will analyse a simple interactive, multimedia "story".
Zeile 44: Zeile 45:
:Above all, the analysis should encourage the students to ask questions. It might be useful to collect the questions in a common online pad (e.g. eduPad: https://edupad.ch). This allows the students to support each other and the teacher can give impulses, additions and clarifications if necessary.
:Above all, the analysis should encourage the students to ask questions. It might be useful to collect the questions in a common online pad (e.g. eduPad: https://edupad.ch). This allows the students to support each other and the teacher can give impulses, additions and clarifications if necessary.


==='''Interaktive Geschichten «erzählen»'''===
==='''Interactive «story telling»'''===
   
   


:Dieses Kapitel erläutert die Vorgehensweise für den Entwurf einer interaktiven Geschichte.
:This chapter explains the procedure for designing an interactive story.


:Die SuS sollen das vorgeschlagene Vorgehen anwenden, um der Geschichte eine zusätzliche Szene hinzuzufügen. Diese soll die Talstation der Mühleggbahn vorstellen. Für den Entwurf soll den SuS die betreffende Vorlage im Dokument [[Datei:TemplatesV4.odt|Templates.odt|mini]] zur Verfügung gestellt werden.
:The students should use the suggested procedure to add an additional scene to the story. They can use the costumes and scripts from the template to create the new scene.


:Die SuS erzeugen die neue Szene, idem Sie in der Vorlage eine bestehende Szene (Figur) duplizieren. Beim «Kostüm» müssen die SuS das Bild ändern. Dazu benötigen sie die Datei «Bangor, Talstation der Mühleggbahn in St.Gallen», die sie auf Wikimedia Commons finden können (https://commons.wikimedia.org/wiki/File:%22Bangor%22,_Talstation_der_Mühleggbahn_in_St._Gallen.jpg).
:The students create the new scene by duplicating an existing scene (character) in the template. For the "costume", the students have to change the picture. To do this, they need the file "Bangor, valley station of the Mühleggbahn in St. Gallen", which they can find on Wikimedia Commons (https://commons.wikimedia.org/wiki/File:%22Bangor%22,_Talstation_der_Mühleggbahn_in_St._Gallen.jpg).


:Das Gestalten der Szenen einer Geschichte ist eine kreative Aufgabe. Sie bietet den SuS einen relativ grossen Spielraum. Eine «korrekte Lösung» für diese Aufgabe gibt es nicht. Trotzdem sollte die zusätzliche Szene inhaltlich und optisch in die «Geschichte» passen. Das gilt auch für die Anpassung der Abfolge der Szenen. Kollegiales Feedback ist bei dieser Aufgabe eine Alternative, mindestens eine sinnvolle Ergänzung zu einer Beurteilung durch die Lehrperson.
:Designing the scenes of a story is a creative task. It offers the students a relatively free play. There is no "correct solution" for this task. Nevertheless, the additional scene should fit into the "story" in terms of content and appearance. This also applies to the adaptation of the sequence of scenes. Feedback of peers is an alternative for this task, or at least a useful supplement to an assessment by the teacher.


==='''Animationen'''===
==='''Animations'''===
   
   


:Dieses Kapitel erläutert, wie Animationen entworfen und programmiert werden (können).
:This chapter explains how animations are (can be) designed and programmed.


:Die SuS sollen das vorgeschlagene Vorgehen anwenden, um die Animation zu programmieren, mit der die Route vom Bahnhof zur Mühleggbahn auf der Stadtkarte visualisiert wird.
:The students should use the suggested procedure to program the animation that visualises the route from the station to the Mühleggbahn on the city map.


:Diese Aufgabe sollte den SuS keine grösseren Schwierigkeiten bereiten. Allerdings könnten vielleicht einige SuS Mühe haben, die Abfolge der Szenen anzupassen. Dies einfach deshalb, weil sie eine zusätzliche Nachricht für das Anstossen der Szene «Mühleggbahn» vorsehen müssen.
:This task should not pose any major difficulties for the students. However, some students may find it difficult to adapt the sequence of scenes. This is simply because they need to provide an additional message to trigger the scene "Mühleggbahn".


:Auch für diese Sequenz des Unterrichts kann ein Online-Pad die SuS unterstützen (Fragen formulieren, Antworten und Skript-»Schnipsel» austauschen).
:For this lesson, too, an online pad can support the students (to formulate questions, to exchange answers and script "snippets").
   
   


{{Box|Reflexion|*Programmieren ist oft eine kreative Tätigkeit. Eine interaktive «Geschichte» zu programmieren ist aber auch anspruchsvoll und unter Umständen aufwändig.
{{Box|Reflection|*Programming is often a creative activity. However, programming an interactive "story" is also demanding and sometimes quite time-consuming.


*Es gibt deshalb für die Realisierung digitaler «Geschichten» spezielle Apps (z.B. Actionbound), welche den Autor:innen etliche Schritte des Programmierens ″ersparen″. Diskutieren Sie Vor- und Nachteile solcher Apps für den Einsatz in der Schule.|Hervorhebung1 }}
*Therefore, there are special apps for the realisation of digital "stories" (e.g. "Actionbound"), which reduce the number of programming steps for the authors. Discuss the advantages and disadvantages of such apps for use at school.|Hervorhebung1 }}
   
   


{{Box|Musterlösung|* https://scratch.mit.edu/projects/697547410|Lösung }}
{{Box|Musterlösung|* https://scratch.mit.edu/projects/697547410|Lösung }}


Autoren: Bruno Wenk, Dieter Burkhard
----
 


=='''Diskussion (im ZUMpad)'''== https://zumpad.zum.de/p/ProgrammierenITBO-Teil3
Authors: Bruno Wenk, Dieter Burkhard
Translation: Patricia Berchtel






INDEXIEREN
__INDEXIEREN__
[[Kategorie:Informatik]]  
[[Kategorie:Informatik]]  
[[Kategorie:Programmieren]]  
[[Kategorie:Programmieren]]  
[[Kategorie:Scratch]]  
[[Kategorie:Scratch]]
[[Kategorie:Story Telling]]
[[Kategorie:Animation]]
[[Kategorie:Animation]]

Aktuelle Version vom 26. Januar 2024, 09:53 Uhr


| ⇠ back to main page | ⇠ unit 1| ⇠ unit 2 | unit 3 | unit 4 → |


==Guidance for students (Open Document Format ODF)==


==Handout for teachers==

Objectives
  • The students will analyse a simple interactive, multimedia "story".

They will add an additional scene to the "story".

The students will learn how to design and create "scenes" and "scene changes".

They will experience how to design and realise animations.

Introduction

The fascination of programming is mainly due to the immense variety of possible applications.
With computer programs we can find the shortest road connection between two places, transfer money from one account to another, translate a text from one language to another, send an e-mail, watch films and much more.
Programs can also be entertaining and instructive. Games and interactive stories on the PC or smartphone, for example, appeal to many people. Animations make it easier to recognise contexts and promote understanding of processes. Such applications are often multimedia-based; they convey a variety of sensory impressions with texts, pictures, sounds and possibly also music and video clips.
In this lesson the students will extend the provided example of an interactive multimedia "story" with another "scene". The example should enable the users to discover interesting places in a city (St. Gallen, Switzerland).


Getting familiar with the example program

The students should first familiarise with the project "Discover St. Gallen" from the user's point of view.
The project is published on the Scratch website and can be downloaded from there to the student´s own computer: https://scratch.mit.edu/projects/694608954
The project is the template for a multimedia-based, interactive discovery tour of localities in the city of St. Gallen. One scene of this "story" is accompanied by sounds. The students must have activated the audio output on their devices in order to hear the sounds. You might need to point this out.


Analysing individual scenes

The students should then adopt the programmer's perspective and analyse the scripts of individual scenes: What do the scripts do? Which media are used? How do the scenes change?
Above all, the analysis should encourage the students to ask questions. It might be useful to collect the questions in a common online pad (e.g. eduPad: https://edupad.ch). This allows the students to support each other and the teacher can give impulses, additions and clarifications if necessary.

Interactive «story telling»

This chapter explains the procedure for designing an interactive story.
The students should use the suggested procedure to add an additional scene to the story. They can use the costumes and scripts from the template to create the new scene.
The students create the new scene by duplicating an existing scene (character) in the template. For the "costume", the students have to change the picture. To do this, they need the file "Bangor, valley station of the Mühleggbahn in St. Gallen", which they can find on Wikimedia Commons (https://commons.wikimedia.org/wiki/File:%22Bangor%22,_Talstation_der_Mühleggbahn_in_St._Gallen.jpg).
Designing the scenes of a story is a creative task. It offers the students a relatively free play. There is no "correct solution" for this task. Nevertheless, the additional scene should fit into the "story" in terms of content and appearance. This also applies to the adaptation of the sequence of scenes. Feedback of peers is an alternative for this task, or at least a useful supplement to an assessment by the teacher.

Animations

This chapter explains how animations are (can be) designed and programmed.
The students should use the suggested procedure to program the animation that visualises the route from the station to the Mühleggbahn on the city map.
This task should not pose any major difficulties for the students. However, some students may find it difficult to adapt the sequence of scenes. This is simply because they need to provide an additional message to trigger the scene "Mühleggbahn".
For this lesson, too, an online pad can support the students (to formulate questions, to exchange answers and script "snippets").


Reflection
  • Programming is often a creative activity. However, programming an interactive "story" is also demanding and sometimes quite time-consuming.
  • Therefore, there are special apps for the realisation of digital "stories" (e.g. "Actionbound"), which reduce the number of programming steps for the authors. Discuss the advantages and disadvantages of such apps for use at school.



Authors: Bruno Wenk, Dieter Burkhard Translation: Patricia Berchtel