Stell dir vor, du bist schon etwas älter oder hast eine starke Sehschwäche. Du möchtest dir die Texte, die auf einer Webseite angezeigt werden, kurz vorlesen lassen. Programmiere ein kleines Tool, wo der User die Texte oder Text-Abschnitte sich vorlesen kann. Das Tool soll auch die Möglichkeit haben, dass du verschiedene Sprachen einstellen kannst.
Unten stehend findest du eine kleine Skizze: Im ersten Feld soll der Text eingegeben werden. Im zweiten möchtest du die Sprache einstellen lassen. Im dritten Feld klickt der User auf den Botton und lässt sich jeden Text vorlesen. Es muss auch die Möglichkeit geben, dass er den Text in Sekundenschnelle über die Lösch-Taste löschen kann.
Fritz Mustermann hat ein kleines Autohaus mit einem Schrottplatz und um neue Kunden anzulocken, möchte er auf seiner WordPress-Webseite einen kleinen Rabattrechner programmiert haben. Er hat vor auf verschiedene Autos eben verschiedene Rabatte zu gewähren und der Kunde soll auf seiner Homepage bequem, im Vorfeld ausrechnen können, wieviel er spart, wenn der Kunde bei ihm kauft.
Auch hier wurde eine kleine Skizze ( Screenshot) gestellt, wie das ganze ungefähr aussehen soll. Außerdem solltest du den technischen Weg beschreiben, wie du den Code veröffentlichen kannst auf WordPress, oder direkt online schalten kannst. Code in Visual- Studio-Code
Es gab hier auch eine Besonderheit. Du hattest die Wahl, ob der Kunde im englissprachigen Bereich mit einem Punkt rechnet oder mit einem Komma.
Der kleine Rabattrechner sollte ungefähr so programmiert werden
Programmier-Prüfung Nr. 15 – 19.10.2023 Kommst du bei dieser Aufgabe ins Schwitzen?
Besondere Anforderungen dieser Prüfung
Coden eines kleinen Wochenplaners
Diese Prüfung war eine besonders anspruchsvolle Prüfung, denn du solltest nach einer Skizze einen kleinen Dienstplan coden. Es gibt natürlich auch ein Lösungs-Video. Die Skizze sah so aus. Der User hatte also auf der Online-Lösung die Möglichkeit, Datum, Schicht, den Namen sowie die Stundenzahl einzugeben. Im oberen Teil, wurde dann alles voll automatisiert ausgegeben. Auch solltest du zusätzlich eine Lösch-Funktion einbauen, um die Einträge auch entsprechend löschen zu können. Die Programmiersprache war offen. Gelöst wurde es im Lösungs-Video mit dem Tech-Stack- HTML- CSS- Java-Script. Außerdem solltest du in der Prüfung beschreiben, ob es möglich ist, den Code von Visual-Studio-Code in eine WordPress-Webseite einzutragen.
Die Programmier-Aufgabe war: Frau Mustermann hat eine kleine Pension von 6 Betten, Sie möchte auf ihrer homepage anzeigen, ob das Zimmer belegt ist oder nicht. Dies soll farblich gekennzeichnet werden. grün = frei – rot = belegt. Code mit HTML, css- java-Script. Ist es möglich den Code auch in eine WordPress-Oberfläche einzubinden? Lösungs-Video
Prüfung vom 02.12.2022 – Schreibe ein kleines Programms in Java-Script – Berechnung eines Kreises. / mit oder ohne delete-Taste. Der User soll die Möglichkeit haben, z. B. die Zahl 2 einzugeben. In der Ausgabe findet dann die Flächenberechnung statt. (r x r x pi) Praktisches Beispiel: Der User gibt die Zahl 2 ein. Es wird dann 2 x 2 x 3,14 automatisiert gerechnet und in der Ausgabe angezeigt. Achte darauf, dass in der Ausgabe, das Ergebnis nur mit 2 Komma-Stellen angezeigt wird. Code in Visual-Studio-Code. Füge über der Berechnung ein Bild deiner Wahl ein, das aufzeigt, dass hier eine Berechnung dargestellt wird. Beispiel-Aufbau findest du oben im Bild.
Video ( Lösungs-Video / 45 min – / Kreis- ausführlich)
Programmier-Prüfung Nr. 09 01.12.2022
Aufgabe: Code eine kleine Webseite mit einem Header-Bild und unter dem Header-Bild soll man die Möglichkeit haben, durch Eingabe eines Wortes, die Buchstabenanzahl zu zählen. z. B. Wort Sessel = 6 Buchstaben, oder das Wort Hand = 4 Buchstaben. Arbeite mit HTML, CSS, Java-Script.
Prüfung 7 vom 02.10.2022 – Aufgabe: Bau eine Webseite mit kleinen Reglern – Bass- Volume, etc. Mit Lösung mehr
Alte Prüfungen mit der Programmier-Hexe Nadja – Mit Lösungen
Die Programmier-Hexe Nadja, hat sich verabschiedet, wir lassen die Prüfungen aber trotzdem hier online, da es doch viele interessante Prüfungsaufgaben gab. Zum Stöbern. Natürlich alles mit Lösungen und sehr anfängerfreundlich zum Üben.
Schulhof-Programmierung stellt hier alle Lösungen in verschiedenen Formen als Text oder als Videos zur Verfügung. Einen hohen Lerneffekt hast du, wenn du dir zusätzlich die Videos anschaust, die nochmals viele Hintergründe von verschiedenen Sprachen und Techniken herstellen und beleuchten und dir helfen, Zusammenhänge besser zu erkennen.
Update: 27.03.2022: Lösungs-Video – Programm-Prüfung 3 geht online Video (1 : 47 h)
Du willst dich austauschen über Programmierung- Programmier-Prüfung etc. Dann komm gerne in die neue Facebook-Gruppe von Schulhof-Programmierung FB-Group
Facebook-Gruppe Schulhof-Programmierung
Du hast Fragen? Dann kannst du deine Frage auch in der Facebook-Gruppe von Schulhof-Programmierung stellen. Facebook-Gruppe für Programmier – Anfänger
Programmiere einen kleinen Stundenplan von Montag bis Freitag. Über dem Stundenplan soll eine Grafik angezeigt werden, wo „Mein Stundenplan“ auf der Grafik steht. Unter dem Stundenplan soll es eine Möglichkeit geben im Code auch eine Notiz zu machen. Mache den Plan für die ersten 2 Stunden. 8:00 – 9:00 – 9:00 – 10 Uhr. Code den Plan in Visual-Studio-Code also am besten mit HTML und CSS.
In der Prüfungs-Aufgabe war nur gestellt, dass man pro Tag 2 Fächer eintragen kann. Dies ist natürlich etwas wenig, da man in der Regel ja mindestens 6 Stunden am Tag Schule hat, oder noch länger. Wir haben das ganze auf 6-7 Fächer pro Tag ausgeweitet. Den Code findest du hier. Du kannst den Code natürlich beliebig anpassen, z. B. wenn du nachmittags auch noch Schule hast, weitere Tabellen einfügen in deinen persönlichen Stundenplan. Du kannst Farbe, Aussehen beliebig in deinem Code ändern und lernst natürlich noch eine Menge. Schau dir dazu auch die oberen 2 Videos an.
Was kannst du hier lernen?
Mit dieser kleinen Übung lernst du, wie man einen Code in Visual-Studio-Code aufbaut, wie das läuft mit dem Ordner, einem Bild einfügen und wie der Code einer Tabelle aufgebaut ist für deinen Stundenplan. Derzeitig kann man nur pro Tag 2 Stunden einplanen. Du kannst den Code natürlich beliebig ausbauen, so dass du 6 Stunden und all deine Fächer entsprechend eintragen kannst. Außerdem wird dir in dem Video gezeigt, wie du mit css, eine Tabelle stylen kannst, so dass dein Stundenplan echt cool aussieht danach.
Lebkuchen-Frage
Solch einen einfachen Stundenplan zu coden ist natürlich ideal . Man stellt sich einen Wecker, nimmt sich 2 Stunden Zeit und versucht den Plan zu bauen. Seid ihr mehrere Leute, tauscht ihr den Plan untereinanderander aus und schaut euch den Code an.
Die Benotung ist allerdings wie immer sehr hart.
0 Fehler = Note 1
1 Fehler = Note 3
2 Fehler = Note 5
3 Fehler = Leider durchgefallen
Retten kann dich hier wie immer nur die Lebkuchenfrage der Hexe. Das heißt beantwortest du diese Frage richtig, hast du die Prüfung trotzdem geschafft, auch wenn du einige Fehler gemacht hast.
Die Lebkuchenfrage heißt heute:
Stimmt es, dass man python-Script Code jetzt auch in HTML – Code ausführen kann? Begründe deine Antwort
Lösung- Lebkuchen-Frage
Ja, Python-Skript kann man seit neuestem auch in HTML ausführen. Schulhof-Programmierung hat auf der NEWS-Seite auch schon mehrmals darüber berichtet. Ein Beispiel wie es geht, findest du in diesem Video.
Prüfungs-Aufgabe 5 - Webseite coden
Erstelle auf github eine kleine Webseite. Lerne wie du eine github-Domain schaltest, wie du „commitest“ und wie man diese online schaltet. Die Webseite soll folgende Anforderungen haben: Die Webseite soll nur aus einem Satz und einem Bild deiner Wahl bestehen.
a) Der Begrüßungssatz soll heißen: Herzlich Willkommen auf meiner neuen Webseite.
Du hast eine Woche Zeit dazu.
Das Lösungs-Video findest du in ein paar Tagen hier…. Viel Spaß
Eine Webseite coden- nur wie?
Eine Webseite coden:
Es gibt natürlich viele Möglichkeiten eine Webseite zu erstellen. Klassisch coden, kannst du diese am besten, indem du dir Visual-Studio-Code downloadest und dann HTML lernst. HTML ist eine sogenannte Markup-Sprache. Mit HTML bildest du die Struktur der Webseite. Dann benötigst du CSS, dies ist eine Stylesheet-Sprache. Du bestimmst mit CSS, wo sollen die Bilder hin, etc. und dann benötigst du in der Regel für eine dynamische Webseite java-Script. Damit schreibst du Funktionen. Im Backend kannst du dann z. B. php verwenden. Einfach ausgedrückt. Das Frontend ist das was du auf einer Webseite sehen kannst. Das Backend ist das, was du nicht sehen kannst. Die Kommunikation mit dem Server etc.
WordPress
Natürlich kann man eine Webseite auch mit WordPress erstellen. Dies ist ein mächtiges Tool. Ein sogenanntes CMS-System, oder Content-Management-System. Vorteil von WordPress: Du musst nicht zwingend Programmierkenntnisse dazu haben, da du hier nicht Codezeile für Codezeile schreibst, sondern mit einem Theme, Plugins, oder shortcuts arbeitest. Schulhof-Programmierung ist z. B. auch mit WordPress erstellt worden.
Durch die weitere Nutzung der Seite stimmst du der Verwendung von Cookies zu. Weitere Informationen
Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.