Angewandte Informatik

Wahlpflichunterricht

Angewandte Informatik

STT

Kategorie: Klasse 8

  • Klassenarbeit SCRATCH

    Klassenarbeit SCRATCH

    —

    von

    hase aut
    in , , , , ,

    Aufgabe: Erstelle dein eigenes Spiel in Scratch Ziel: Entwickle ein Spiel, in dem der Spieler eine Figur steuert, Punkte sammelt und Hindernissen ausweicht. Anforderungen (Basisteil): Zusatzaufgaben (Erweiterungsteil): Abgabe: Viel Erfolg!

  • Einleitung

    Einleitung

    —

    von

    hase aut
    in , , ,

    Bearbeite das Tutorial in dem Onlineeditor Onlineeditor mit Aufgaben Dieses Script soll dir als Leitfaden durch den Kurs dienen.   Hier gibt es die Software ( Link folgt) Weitere Informationen und Handbücher gibts hier. Damit du einen ersten Eindruck von der Benutzeroberfläche bekommst, kannst du dir diesen FEHLT LEIDER INZWISCHEN anschauen.

  • 6 COOKIES! divs Schachteln / dein erstes Projekt

    —

    von

    hase aut
    in

    Das folgende Beispiel (vielen Dank Thorben) zeigt dir, wie du divs auch Schachteln kannst.Hier wird ein Layout erzeugt, das für eine Webseite gut geeignet ist, da Bereiche wie vorhanden sind. Hier kommt die index.html <html> <head> <title>Meine Cookie Webseite</title> <link rel="stylesheet" type="text/css" href="design.css"></head> <body> <div id="webseite">  <div id="header">  <h1>I Like Cookies</h1>  </div>   <div id="main"> …

  • Scratch

    Scratch

    —

    von

    hase aut
    in , , , , ,

    Hier geht´s zum Editor .. KLICK! Registriere dich auf scratch mit deiner neuen email-Adresse. Klicke dazu oben rechts im Editor auf „scratcher werden“. Wenn du nach deiner email Adresse gefragt wirst, benutze deine neue email. Diese lautet z.B. so: paulp@luebeck.schule Notiere dir unbedingt deinen Benutzernamen und dein Passwort. Dein Spiel Du hast in den vorherigen…

  • Walking – FlipaClip

    Walking – FlipaClip

    —

    von

    hase aut
    in , ,

    Die beiden folgenden Tutorials sind für die App FlipaClip.Grundsätzlich spricht aber auch nichts dagegen, diese Anleitung in Krita umzusetzen Walkinghttps://www.youtube.com/watch?v=9MWfckxbB9o Punchinghttps://www.youtube.com/watch?v=OBUdIfJOoUw

  • Alienmann

    —

    von

    hase aut
    in

    Rakete ohne Alien geht nicht. Daher hier ein Vorschlage.

  • Krita – Start – Bouncing Ball

    Krita – Start – Bouncing Ball

    —

    von

    hase aut
    in , , ,

    Installiere KritaDownload hier: https://krita.org/en/download Direkter Downloadlink Windows 64 Bit Versionhttps://download.kde.org/stable/krita/4.4.2/krita-x64-4.4.2-setup.exe Windows 32 Bit VersionWindows Installer 32-bit (116MB) MacOs Version https://download.kde.org/stable/krita/4.4.2/krita-4.4.2.dmg Bouncing Ballhttps://www.youtube.com/watch?v=5mMQJVj0RYk

  • 12 Gamedesign Froggy Animation

    12 Gamedesign Froggy Animation

    —

    von

    hase aut
    in ,

      Inhalt                 https://imgflip.com/gif-maker?from=images  

  • 18 Gameplay Hintergrund

    18 Gameplay Hintergrund

    —

    von

    hase aut
    in ,

    https://www.youtube.com/watch?v=GfDB75U1du0&list=PLEuVieGawK9RWYoLci3myIuabFAg6_WTs&index=2 https://www.youtube.com/watch?v=9saHWQVc_3U

  • 11 Gamedesign Froggy und Fische

    11 Gamedesign Froggy und Fische

    —

    von

    hase aut
    in ,

    Hilfe, die Entwichklungsabteilung aus dem 5. Stock hat gerade anderufen.Hackerangriff. Alle Gamedesigns sind gestohlen.  Die Animationsabteilung braucht schnell die Vektorzeichnungen um bei derSpielentwicklung nicht in Verzug zu geraten. Das Einzige was noch vorhanden ist, sind diese beiden Screenshots.Dein Auftrag: Erstelle die Vektorzeichnungen.Tipp: Der Designer hat wohl nur Kreise verwendet.    

  • 19 Animation – Fliege

    —

    von

    hase aut
    in

    https://www.youtube.com/watch?v=GV0TD_MJNns

  • 10 Raketenmann

    10 Raketenmann

    —

    von

    hase aut
    in ,

    Rakete! Hier geht es um das positionieren von Objekten mit Werkzeug, nicht frei Hand. Zudem könnt ihr euch am Ende noch an Farbverläufen austoben. Schöne Anleitung. Macht was draus. Flieg Rakete, flieg! Wenn du die Anleitung durch hast, kannst du dich an der nächsten Rakete versuchen. Jetzt allerdings ohne Anleitung.  

  • 7.1 Den Link verändern für Profis

    —

    von

    hase aut
    in

    Manchmal kann es notwendig sein, dass Aussehen des „a“ – Tags zu verändern. Dieser ist ja laut Vorgabe immer blau und unterstrichen. Dieses Aussehen passt nicht immer gut zum restlichen Design einer website. Die folgenden Vorgaben verändern das Aussehen des Links.   a:link { font-family: Verdana,Arial; font-size: 11px; color: #000000; text-decoration: none; text-underline: none; }…

  • Favicon

    —

    von

    hase aut
    in

      Ein Favicon  ist ein kleines, 16×16 oder 32×32 Pixel großes Icon, Symbol oder Logo, das etwa in der Adresszeile eines Browser links von der URL angezeigt wird und meist dazu dient, die zugehörige Website auf wiedererkennbare Weise zu kennzeichnen. Das Favicon taucht auch in der Lesezeichenliste (Favoriten), bei den Registerkasten und unter Windows beim…

  • Klasse 8 – Aktuell

    Klasse 8 – Aktuell

    —

    von

    hase aut
    in

    KLASSENARBEIT html am … Inhalte der Klassenarbeit  Nr. 1 findest du unter -> 8 -> html -> Übersicht Klassenarbeit   Inhalte der Klassenarbeit Nr.2 CSS 1)Tags benenne und beschreiben können (z.B. <a> : das ist ein Link) 2) Du bekommst einen Screenshot einer fertigen Homepage und sollst diese dann selbre programmieren. Dafür musst du dich…

  • Zusatzaufgabe Pyramide

    Zusatzaufgabe Pyramide

    —

    von

    hase aut
    in

    Erstelle das Programm, dass die folgende Umgebung baut.   Tipp: Wer eine möglichst elegante Löung mit kurzen Quellcode will, der sollte sich das fogende Beispiel einmal anschauen anweisung reihe(x)   wiederhole x mal      hinlegen      schritt  *wiederhole *anweisung programm     reihe(5)*programm

  • Zusatzaufgaben Stapel, Schwimmbad, Schachbrett

    Zusatzaufgaben Stapel, Schwimmbad, Schachbrett

    —

    von

    hase aut
    in

    Aufgabe StapelKarol steht vor einem Stapel Ziegel. Der Stapel ist 5 Ziegel hoch.Karol soll den Stapel hinter sich legen Aufgabe SchachbrettOlut will mit seinem Kumpel Matut Schach spielen.Er braucht dafür aber ein Schachbrett (8×8). Nichts leichter als das, er baut sich mal grad eins. *Mamut wird es lankweilig. Er will ein Schachbrett beliebiger Größe haben.…

  • Tipps – Bedingungen

    Tipps – Bedingungen

    —

    von

    hase aut
    in

    Bedingungen Die Ausführung einer Bedingung in einem Karol-Programm bedeutet eine Anfrage an Karol zu schicken, der mit der entsprechenden Methode reagiert, die Situation seiner Umgebung begutachtet und mit WAHR oder FALSCH antwortet. Vordefinierte Bedingungen   Bedingung                                                 Karol meldet WAHR, IstWand                                        wenn er vor der Wand oder vor einem Quader steht und in diese                                                                                   Richtung…

  • Tipps – Anweisungen

    Tipps – Anweisungen

    —

    von

    hase aut
    in

    Wie man Befehle wiederholt. Es gibt 3 arten won „Wiederholen“ 1. Wiederholung mit fester Anzahl wiederhole <x> mal<anweisung>...<anweisung>*wiederhole <x> Die Anzahl der Wiederholungen <anweisung> anweisung die wiederholt werden sol z.B: Hinlegen 2.Bedingte Wiederholung solange [nicht] <bedingung> tue<anweisung>...<anweisung>*solange <bedingung> – vordefinierte oder selbstdefinierte Bedingung;<anweisung> – vordefinierte oder selbstdefinierte Anweisung; Wiederholung; bedingte Anweisung; 3.Endlos-Wiederholung wiederhole immer<anweisung>...<anweisung>*wiederhole <anweisung>…

  • 9. Karteireiter und Listen

    —

    von

    hase aut
    in

    In diesem Kapitel lernst du, wie ein horizontales Menü, auch Karteireiter genannt, erstellt wird. Dazu habe ich dir ein Beispiel erstellt, dass du im Downloadbereich unter dem Dateinamen karteireiter.zip findest. Erstelle das Verzeichnis Karteireiter und speichere/ entpacke hier die zip-Datei.  Lies erst mal in Ruhe den Code und versuche ihn zu verstehen. Wenn du alles…

  • 8 Listen zur Navigation anpassen

    —

    von

    hase aut
    in

    Listen hast du bereits imk Grundkurs verwendet. An Dieser Stelle musst du evtl. noch mal im HTML Lehrgang die Definition der Listen und Aufzälungen durchstöbern. Denn der folgende Code verändert hier die Darstellung der Listen, sodass ein mit einfachen Mitteln ein recht ansprechendes Menu entsteht. Probiere es innerhalb deines Projektes aus und experimentiere mit dein Einstellungen.…

  • 7 Links anpassen

    —

    von

    hase aut
    in

    Das folgende Beispiel zeigt dir einige Veränderungen an den Grundeinstellungen des Links.Evtl. ist es notwendig, dass du für dein Projekt die Links in Farbe und Textart anpassen musst.Kopiere den folgenden Code in deine css-Datei und experimentiere mit verschiedenen Einstellungen. a:link { color: blue; text-decoration:none; } a:visited { color: purple; text-decoration:none; } a:active { background-color: yellow;…

  • 10.1 Boxmodell, Zeit für Abkürzugen

    —

    von

    hase aut
    in

    Innenabstände in der Box werden über padding gesetzt. Es gibt die Abstände oben, rechts, unten und links (achte auf die Reihenfolge!).  Zum Beispiel: padding-top: 10px;padding-right: 30px;padding-bottom: 50px;padding-left: 70px; Das ist eine Menge Tipperei und kann ersetzt werdsen durch: padding: 10px 30px 50px 70px; Nochwas: padding: 20px; setzt überall einen Abstand von 20 Pixeln.  Das gleiche…

  • 5. divs

    —

    von

    hase aut
    in

    Divs werden verwendet um Abschnitte zu markieren. Alle Elemente, die in ein <div> eingebettet sind gehören zur gleichen Gruppe.  Divs sollen dir helfen, deiner Seite mehr Struktur zu geben. Deutlich wirds hoffentlich an dem folgenden Beispiel: Erstelle die Datei /ai/css/divs/design.css und kopiere den folgenden Code. #kastenrot { background-color: red;             width:200px;…

  • 10 Boxmodell für Profis

    —

    von

    hase aut
    in

    Was du mit Boxen alles machen kannst zeigt dir das Projekt „Schulbar“. Beachte hier insbesondere den „Garantiekasten.  

  • 4 Klassen

    —

    von

    hase aut
    in

    Was sind Klassen? Es folgt ein einfaches Beispiel um das Prinzip einer Klasse zu verstehen. Angenommen es soll auf deiner Seite die Schriftart für einen Absatz, das <p>-Tag, Arial seinund die Farbe rot, so lautet dafür die Anweisung in deiner css-Datei: p { font-family: arial;    color: red; } Nun kann es aber sein, dass…

  • 4 Projekt Schulbar jetzt aber richtig super geheim

    —

    von

    hase aut
    in

    Ich nochmal. Dein Kunde wünscht wieder eine Veränderung. Der nervt jetzt aber total. Er will, dass die Elixire direkt auf der ersten Seite erscheinen. Der Konkurenz hat er bereits gestern von dieser Abänderung berichtet. Dein Spion konnte leider nur einen Screenshot klauen, der wäre fast geschnappt worden. Damit hast du eine Anregung, wie die neue…

  • 2 Projekt Schulbar aber geheim

    —

    von

    hase aut
    in

    Der Kunde ist König, denn der hat sich gerade überlegt, dass es doch ganz cool wäre, wenn die Farbe des Textes unter den einzelnen Elixiren der Farbe des Elixirs entspricht. Geht das? Das Problem ist, dass eine Regel mit einem „p“ Selektor den Style auf alle <p>-Elemente anwendet. Hier kommen nun die „Klassen“ ins Spiel.…

  • 3 Projekt Schulbar jetzt aber richtig geheim

    —

    von

    hase aut
    in

    Der Kunde ist König, und der hat sich gerade überlegt, dass es doch ganz schön wäre, wenn eine Garantieerklärung auf seiner Seite eingefügt wird. Diese Garantie soll deutlich hervorgehoben werden. Wie gut das du bei der Konkurenz einen Spion sitzen hast, der dich mit geheimen Code versorgt. Du findest diesen im Download-Bereich. Aufgabe 1 Lade…

  • 1 Projekt SchulBar

    1 Projekt SchulBar

    —

    von

    hase aut
    in , , ,

    Dein erstes großes Projekt wartet auf dich – du hast den Auftrag bekommen die Homepage der SchulBar zu erstellen. Das Projekt wurde bereits vor einiger Zeit von der Redaktionsgruppe begonnen. Die Aufgabe der Redaktion war es die Texte zu erstellen, Fotos anzufertigen und die Struktur der Seite festzulegen.  Diese Ergebnisse werden nun an dich, der…