Programmieraufgabe und Bildbearbeitung/Memes erstellen: Unterschied zwischen den Seiten

Aus ZUM-Unterrichten
(Unterschied zwischen Seiten)
main>Matthias Scharwies
(akt)
 
(l korr)
Markierung: 2017-Quelltext-Bearbeitung
 
Zeile 1: Zeile 1:
'''Programmieraufgaben''' im [[Informatik]]unterricht sind sind zumeist unabhängig von der [[Programmiersprache]] verwendbar.  
Der Aufbau folgt einer Unterrichtsreihe, angefangen von ersten Berührungen mit Grafiken am Beispiel von [https://de.wikipedia.org/wiki/Internetph%C3%A4nomen Memes] über Grundlagen und Möglichkeiten der Bildbearbeitung hin zu rechtlichen und gesellschaftlichen Aspekten.


Hier sind einige Ideen für Programmieraufgaben genannt. Weitere Ideen dürfen gerne ergänzt werden.
'''Warum dieses Thema und warum so?'''
Kombination von technischen, anwendungsorientierten und gesellschaftlichen Aspekten.  


==Übungen zu algorithmischen Grundelementen==
Siehe [http://wiki.doebe.li/Dagstuhl/BeispielBildbearbeitung Dagstuhl-Dreieck: BeispielBildbearbeitung]


===Ein- und Ausgabe von Text/Zahlen===
== Was sind Memes? Welche Memes kennt und benutzt ihr? ==
Sammeln von bekannten grafischen Memes und erstellen eigener mit einem Online-Generator, z.B. [https://imgflip.com/memegenerator meme generator]


* {{wpde|Hallo-Welt-Programm}} - Babylonische Sprachverwirrung in der Ausgabe
== Wie ist eine Bilddatei aufgebaut? ==
* mit Variablen: "Hallo Benutzer" - mit Benutzereingabe in Textvariable
* Öffnen einer Bilddatei in einem Grafikprogramm, Zoomen bis Pixel deutlich werden.
{{Siehe|Cäsar Chiffre (JavaScript)}}
* Aufbau von Pixelgrafiken und RGB Farbmodell
* Thematisieren: Auflösung, Dateigröße, Kennzahl Megapixel der eigenen Smartphone Kamera


===Variablen===
Material:
* [http://www.inf-schule.de/information/darstellunginformation/binaerdarstellungbilder/einstieg_farbwerte Material zum RGB-Farbmodel und PPM-Format]
* [https://play.kahoot.it/#/k/521d78a8-d9d0-4dca-9a37-e47e12ffc645 Kahoot zu Grundlagen]


* x um 1 erhöhen (x=x+1) - Unterschied Mathe - Informatik
== Eigenes Bild bearbeiten ==
* Typkonvertierungen
* [http://www.easy4me.info/ie/ Arbeitsblätter für GIMP/Photoshop]
* [http://www.swisseduc.ch/geschichte/bildbearbeitung/videotutorials/index.html Videotutorials von zu Pixlr]


===if-Abfrage===
Beispiel für Aufgabe: Retuschiere ein eigenes Foto von dir und kombiniere es mit einem anderen Bild. Einige Anregungen, wo du dich selbst hinein-montieren könntest: Ein Werbeplakat, Ein Kinoplakat, Ein CD-Cover


*Mini-Quiz mit fester Anzahl an Fragen
== Rechtliches ==
*Berechnung der Lösungen von quadratischen Gleichungen mittels pq-Formel
* [[Lernpfad_Internet/Urheberrecht#Veröffentlichen im Internet]]
::Mittels zweier if-Abfragen wird festgestellt, wie viele Lösungen die Geichungen hat und diese dann ausgegeben.


===Schleifen===
== Manipulation durch Bilder ==
* [http://www.swisseduc.ch/geschichte/bildbearbeitung/ Die Macht der Bilder] (Beispiel aus dem Geschichtsunterricht)
* zeit.de: [http://www.zeit.de/2015/28/fotografie-wahrheit-luege-propaganda/komplettansicht Diese Bilder lügen] (Hintergrundartikel)
* TODO: Online Links zu Beispielen


{{Aufgaben|1|
== Animationen und Dateiformat ==
Lasse von
* [https://vimeo.com/6175054 Video zum Projekt Blinkenlights]
# -100 bis 100 zählen,
# nur gerade,
# nur ungerade Zahlen,
# Mit Modulo (benötigt if, Modulo oder Runden): Zahlenzensur: immer wenn eine Zahl durch 7 teilbar ist, soll PIEP statt der Zahl auf dem Bildschirm erscheinen (Hinweis: Setze % ein oder lasse eine zweite Variable immer bis 7 zählen).
}}


{{Aufgaben|2|
Aufgabe: Erstelle mit dem Programm [http://blinkenlights.de/blinkenlights/blinkenpaint Blinkenpaint] eine animierte Pixelgrafik. Exportiere deine Animation als BLM-Datei und betrachte sie mit einem Text-Editor. Was vermutest du: Wie speichert der Computer hier die Informationen?
Schreibe ein Programm, das dich solange nach der Geheimzahl „123“ fragt, bis sie richtig eingegeben wird. Dann soll auf dem Bildschirm erscheinen: Tresor ist geöffnet.
}}


{{Aufgaben|3|
Danach: Was müsste man tun, damit ein Haus auch Grafiken in Farbe anzeigen kann? -> Sus erweitern das Format um Farbe
Gebe von 1 bis zu einer einzugebenden Zahl n alle natürlichen Zahlen und
# Ihre Quadrate – (Zahl mit sich selbst multiplizieren! 1,4,9,16…)
# Ihre Zweierpotenzen – ( 2,4,8,16,32…)
# Ihre Fakultät (1, 1*2, 1*2*3, 1*2*3*4, …)
aus.
}}


{{Aufgaben|4|
== Diverses, teils Amüsantes für Einstiege==  
Uhrsimulation: Verschachtelte Schleifen
* [https://www.youtube.com/watch?v=Hnvoz91k8hc Photoshop Has Gone Too Far]
}}
* [https://www.youtube.com/watch?v=_hxlnb5yb_k&index=5&list=PLHeo4sayeLKoQKQnQFU8aEkLk_Hv1dU6M Photoshop-Phillip]
 
* [https://www.slanted.de/eintrag/pixel-book Pixel Book: Schnell erkennbare Figuren als einfache Pixelgrafiken]
====Teilbarkeit und Primzahl====
* [http://www.themarysue.com/star-trek-pixel-poster-is-a-rare-adorable-puzzle/ Star Trek Pixels Poster]
 
* [https://www.youtube.com/watch?v=Vx-1LQu6mAE Varoufake]
Benötigt Schleifen, Abfragen und abrunden bzw. Modulo
* [https://wdune.ourproject.org/docs/deutsche_tutorials.html Tutorials für das CAD Programm white_dune]
* Teilbarkeit prüfen
* Primzahlen bestimmen
* Alle Teiler einer Zahl
* ggT und kgV bestimmen
* Eukl. Algorithmus
 
====Große Zahlen====
 
Thematisieren: Überlauf und Genauigkeit
* Wer wird Millionär: Zinseszins bis 1 Mio. Euro per Schleife (oder die Abwärtsspirale bei nicht bezahlter Handyrechnung)
* Schachbrettaufgabe: Verdoppeln einer Grundzahl nach Schachbrettreislegende
 
====Schleife und Zufallszahl (Würfelbecheraufgaben)====
 
{{Aufgaben|1|
Lasse so lange die aktuellen x-Werte auf dem Bildschirm ausgeben, bis die 6 gefallen ist. Lasse am Ende anzeigen, wie oft gewürfelt wurde.}}
 
{{Aufgaben|2|
Lasse aus 100 x-Werten auszählen, wie oft die 6 vorkam. Wie oft kamen die anderen Zahlen vor?
}}
 
{{Aufgaben|3|2=
Lasse solange x ausgeben, bis 10-mal die 6 gefallen ist.
}}
 
{{Aufgaben|4|2=
Schreibe den "Paschbestimmer". Du benötigst dazu einen zweiten Würfel.
 
Er soll entweder: Kein Pasch oder Pasch ausgeben.
}}
 
{{Aufgaben|5|2=
Stochastische Feststellung: Kommt die 7 wirklich am häufigsten vor?
 
Wenn man mit 2 Würfeln würfelt, so tritt die 7 am häufigsten auf.
 
Wie oft tritt welche Zahl auf, wenn man 100 mal würfelt?
}}
 
====Spiele====
 
* Dart: 301 Herunterzählautomat
* Lunar Lander
 
====Kleine Projekte====
 
* Roulette: Sichere Strategie?! Es wird nur auf Farbe gesetzt. Man verliert nie, wenn man bei jeder Runde, in der man verloren hat, den Einsatz verdoppelt, um so beim ersten richtigen Tipp dann mit dem gewonnenen Geld nach Hause geht. Zeigen Sie: Mit beliebig viel Geld ist man immer irgendwann pleite, wenn man diese Strategie verfolgt. Fachübergreifend: Gesetz der großen Zahlen (Mathe).
 
===Funktionen===
...
 
 
===Rekursion===
...
 
== Idee ==
=== Rundkurs ===
{{Idee|
Aufgabe: Zeichne ein "Objekt" und einen "Rundkurs". Erstelle ein Script, das dein Objekt über den Rundkurs bewegt, ohne diese zu verlassen.
 
Diese Aufgabe kann man z.B. in etwa 3-4 Schulstunden mit blutigen Anfängern (Jahrgangsstufe 5) lösen, wobei die erste Stunde schon mal mit Erkärung/Erforschen der Oberfläche und Malen der Objekte vergeht.}}
 
==Übungen==
{{Idee|Im Folgenden werden mögliche Aufgaben beschrieben, nach denen man eine Unterrichtsreihe ausrichten kann.
;Aufgaben
# Ein- & Ausgabe, Variablen: Hallo Welt, (Variablen), Hallo Benutzername, Addieren zweier Werte, ...
# Variablentypen boolean und integer: Zuweisungen und Ausgaben mit boolean. Wann welche Variable?, ...
# if: Teilbarkeit prüfen (mit MOD), BodyMassIndex, ...
# while: Solange eine bestimmte Zahl nicht genannt ist, fortsetzen; Endlosschleifen und Verhalten des Computers (inkl. Taskmanager), Grafische Spielereien
# Die Schleifen im Vergleich, Primzahlenbestimmung
# Kleines Programmierprojekt mit Einzelprozeduren. 
}}
 
==Turtle-Grafik==
 
{{Siehe|Turtle-Grafik}}
 
* [[JavaScript/Von-Neumann-Rechner-Simulation]]
 
== Weblinks ==
 
* Eine große Sammlung zu Programmiersprachen unabhängigen Aufgaben (vor allem zu obigen Themen) finden wir auf der Seite [http://www.programmieren-lernen.ch Programmieren lernen] die zum [http://www.ofv.ch/index.php?&ID=bkDet&nr=14505 gleichnamigen Buch] ISBN 978-3-280-04066-9 erschienen ist.
 
* Unter [http://trainyourprogrammer.de/ trainyourprogrammer.de] werden viele Programmieraufgaben mit Lösungen zum Üben angeboten. Jeder kann seine Lösungen hochladen und mit anderen Lösungen vergleichen.
 
== Siehe auch ==
 
* [[Informatik]]
* [[Programmierlernumgebungen]]
* [[Programmiersprache]]
* [[Wiki als Programmierumgebung]]




[[Kategorie:Grafik]]
[[Kategorie:Informatik]]
[[Kategorie:Informatik]]
[[Kategorie:Programmierlernumgebungen]]
[[Kategorie:Programmiersprache]]
[[Kategorie:Wiki als Programmierumgebung]]
[[Kategorie:Unterrichtsidee]]
[[Kategorie:Unterrichtsidee]]

Version vom 14. August 2019, 07:17 Uhr

Der Aufbau folgt einer Unterrichtsreihe, angefangen von ersten Berührungen mit Grafiken am Beispiel von Memes über Grundlagen und Möglichkeiten der Bildbearbeitung hin zu rechtlichen und gesellschaftlichen Aspekten.

Warum dieses Thema und warum so? Kombination von technischen, anwendungsorientierten und gesellschaftlichen Aspekten.

Siehe Dagstuhl-Dreieck: BeispielBildbearbeitung

Was sind Memes? Welche Memes kennt und benutzt ihr?

Sammeln von bekannten grafischen Memes und erstellen eigener mit einem Online-Generator, z.B. meme generator

Wie ist eine Bilddatei aufgebaut?

  • Öffnen einer Bilddatei in einem Grafikprogramm, Zoomen bis Pixel deutlich werden.
  • Aufbau von Pixelgrafiken und RGB Farbmodell
  • Thematisieren: Auflösung, Dateigröße, Kennzahl Megapixel der eigenen Smartphone Kamera

Material:

Eigenes Bild bearbeiten

Beispiel für Aufgabe: Retuschiere ein eigenes Foto von dir und kombiniere es mit einem anderen Bild. Einige Anregungen, wo du dich selbst hinein-montieren könntest: Ein Werbeplakat, Ein Kinoplakat, Ein CD-Cover

Rechtliches

Manipulation durch Bilder

Animationen und Dateiformat

Aufgabe: Erstelle mit dem Programm Blinkenpaint eine animierte Pixelgrafik. Exportiere deine Animation als BLM-Datei und betrachte sie mit einem Text-Editor. Was vermutest du: Wie speichert der Computer hier die Informationen?

Danach: Was müsste man tun, damit ein Haus auch Grafiken in Farbe anzeigen kann? -> Sus erweitern das Format um Farbe

Diverses, teils Amüsantes für Einstiege

Abgerufen von „https://unterrichten.zum.de/index.php?title=Programmieraufgabe&oldid=98079“