Hausaufgaben SS17

09.04.2017 11:30 Uhr

Inhaltsangabe:

  1. Hausaufgabe vom 23.05.2017
  2. Hausaufgabe vom 16.05.2017
  3. Hausaufgabe vom 09.05.2017
  4. Hausaufgabe vom 02.05.2017
  5. Hausaufgabe vom 25.04.2017
  6. Hausaufgabe vom 18.04.2017

!!!ACHTUNG: Änderungen enthalten!!!

Woms (JavaScript-Übungen) –> Abgabe: der folgende Sonntag bis 18 Uhr

  • Einreichung pro Teilnehmer
  • Upload wie im letzten Semester
  • Bitte immer im Zip-Ordner hochladen
  • Keine Sonderzeichen! (Leerzeichen, Umlaute, Bindestriche, sonstige Sonderzeichen)
  • Verspätete Abgabe 
  • Bis zu 3mal pro Person in Ordnung, solange es vor dem nächsten Kurs hochgeladen wird. Ansonsten wird sie nicht mehr korrigiert
  • Bei größeren Problemen/Fragen bitte eine Email (.img@.img) schreiben, da in Woms der Platz sehr begrenzt ist
  • Alle benötigten Dateien müssen hochgeladen werden. Falls es nicht explizit dabei steht, überlegen Sie bitte selbstständig, was eine sinnvolle Abgabe ist. In unserem Fall gehört zu einer JavaScript-Datei immer mindestens eine HTML-Seite (außer die Hausaufgabe besteht nur aus Code-Kommentaren).
  • Dateibenennung
  • Die Dateien müssen in keiner bestimmten Form benannt werden, solange Sie den oben genannten Anforderungen entsprechen.

Ilias (Semesterinhalte) –> Abgabe: der folgende Montag bis 18 Uhr

  • Einreichung pro Gruppe
  • Die Hausaufgabe kann in der Gruppe bearbeitet werden und muss dementsprechend nur einmal hochgeladen werden (einmal als Gruppe, nicht von jedem Einzelnen)
  • Ob den Upload eine oder mehrere Personen vornehmen, bleibt Ihnen überlassen
  • Upload
    • innerhalb der eigenen Gruppe wählen Sie die entsprechende Übung aus (Bsp: Übung 04 – Bilder und Bildbearbeitung)
    • Innerhalb einer Übung kann es (je nach Thema) mehrere Übungseinheiten geben
    • Wählen Sie die entsprechende aus
    • Innerhalb dieser Übungseinheit finden Sie einen Button „Datei abgeben“
    • Bitte reichen Sie ausschließlich innerhalb der entsprechenden Übungseinheit Ihre Hausaufgaben ein, da sonst keine Bewertung möglich ist.
  • Dateibenennung
  • Bitte benennen Sie die Dateien (oder den Zip-Ordner immer in dieser Form: SitzungGruppennameAufgabe (zb Sitzung1BooleStatistik1)
  • Digitale Objekte
    • Wenn die Ordnerstrukter erhalten bleiben soll/muss, den Inhalt des Ordners in ein zip-Archiv packen und dieses einreichen.
  • Textdateien
    • Die Dokumente sind IMMER als PDF einzureichen
    • Die Dokumente sind fehlerfrei (Zeichensetzung, Grammatik, Rechtschreibung)
    • Die Dokumente enthalten die verwendeten Quellen als Referenz

Hausaufgabe vom 23.05.2017

JavaScript Übungen (3):

Bitte fügen Sie eine Schleife in Ihr Projekt ein, die zählt, wie häufig der User und Computer gewonnen hat.

Geben Sie zusätzlich einen Highscore und eventuelle Endergebnisse aus.

 


Bilder und Bildbearbeitung – praktische Arbeit mit GIMP:

Die Bilder finden Sie auf Ilias!

1) Restauration

Auf diesem Foto(dach.jpg) sehen Sie ein stark beschädigtes Haus. Versuchen Sie mit Hilfe von GIMP oder Photoshop das Haus zu restaurieren, indem Sie:

  • das Dach decken
  • die Fassade auffrischen
  • die Fenster erneuern
  • das Unkraut auf dem Dach entfernen

2) STAR TREK (Uniformtausch)

Geben Sie jedem Charakter auf dem Bild (star_trek.jpg) eine neue Uniformfarbe. Spock würde zum Beispiel rot ganz gut stehen ;-).


3) Modernisierung

Das Bild von diesem Hund(Zerissenes_Foto.pdf) ist leider zerissen und beschädigt und muss wieder zusammengefügt werden. Hierfür ist das zuvor erwähnte Tutorial How to Restore a Heavily Damaged Photo With Photoshop hilfreich.


 

4) Dieses Bild (Blüte.jpg) kann erzeugt werden, indem dem Bild mit voller Farbinformation eine Ebene hinzugefügt wird, deren Farben entsättigt sind und dann die Bereiche, die farbig erscheinen sollen, ausradiert werden. Wieso muss hier Entsättigung gewählt und nicht der Modus in Graustufen verwandelt werden?

 


 

5) Bearbeiten Sie diese Vorlage (schuh.jpg) so, dass lediglich die Schnürsenkel farbig bleiben und der Rest in Graustufen dargestellt wird. Reichen Sie sowohl die Photoshop-Datei bzw. Gimp-Datei als auch das Ergebis als jpg ein.


Hausaufgabe vom 16.05.2017

JavaScript Übungen (2):

  1. Bitte vervollständigen Sie die Sitzungsaufgabe.
  2. Finden Sie einen Weg, die Funktion compare() ohne Parameter aufzurufen. Die Funktionalität des Spiels muss erhalten bleiben 😉

Bilder und Bildbearbeitung – Kompressionsverfahren:

  • Ein Mitarbeiter des Instituts an dem Sie für die EDV verantwortlich sind, beschwert sich, sein Rechner behaupte immer noch, er habe zu wenig Speicher (= RAM), obwohl er seine Bilder doch JPEG komprimiert habe. Was antworten Sie ihm?
  • Um die Übertragung einer grossen Menge von Bildern über das Internet zu beschleunigen, komprimieren Sie die geeigneten vor der Übertragung durch ZIP (bitte recherieren). Bei welchen der folgenden Formate macht dies potentiell Sinn, bei welchen immer, bei welchen nie:
    1. JPEG
    2. TIFF
    3. BMP
  • Sie arbeiten in einem Museum, das beschließt seine Münzsammlung von 30.000 Stück mit einer digitalen Kamera mit einer Auflösung von 1024 x 1024 in der Farbtiefe 24 zu speichern.
    1. Geben Sie an, wieviele CD-ROMs (à 700MB) benötigt werden, um
      a) den Gesamtbestand ohne Kompression zu speichern.
      b) den Gesamtbestand unter Ausnutzung der JPEG Kompression mit einer empfehlenswerten Rate zu speichern.
    2. Geben Sie weiterhin an, wie viele Bilder auf eine für den Verkauf im Museumsshop vorgesehene einzelne CD bei derselben JPEG Kompression passen, wenn auf dieser CD-ROM 100 MB für sonstiges Material reserviert ist.

 

Bitte erledigen Sie diese Hausaufgabe wieder in Gruppenarbeit und reichen sie bei ILIAS unter Angabe Ihrer Gruppe ein.

Einreichung bitte immer im PDF-Format!


Hausaufgabe vom 9.05.2017

  1. Javascript Übungen (1): Setzen Sie nun, den bereits besprochenenen, zweiten Schritt um. Ziel ist es, dass der User die Entscheidung nun durch Anklicken der Bilder treffen kann und nicht mehr durch die Eingabe in das prompt-Feld. Dies muss über JavaScript bewertet gelöst werden.  Die Ergebnisse können hierbei weiterhin über einen Alert ausgegeben werden. Hinweis: Auch bei dieser Übung werden die Script- und Style-Elemente ausgelagert. Bitte reichen Sie alle zugehörigen Dateien bei Woms ein, sowie die entsprechenden Bilder.                                 Javascript Übungen (1) - Bilder                                                                                        Reichen Sie bitte sowohl die Sitzungsaufgabe, wie auch die Hausaufgabe ein!                                                                               
  2. Lernen Sie mit einem Scanner und einer beliebigen Scannersoftware umzugehen. (im RRZK und der UB vorhanden.)Bitte scannen und speichern Sie jeweils ein detailreiches Bild und ein handschriftliches Dokument mehrfach mit unterschiedlichen
    • Auflösungen und schauen Sie sich das Ergebnis hinsichtlich Bildqualität und Dateigröße an.
    • Farbinformationen: bitonal, Graustufen und Farbbild
    • Bildformaten: tiff, png und jpg mit hoher Kompressionsrate und mit niedriger Kompressionsrate.

    Schauen Sie sich die Ergebnisse hinsichtlich Bildqualität und Dateigröße an und erzeugen Sie bitte eine Tabelle in der Sie die Ergebnisse stichpunktartig festhalten (Bitte nur die Tabelle hochladen, nicht die Bilder, die Sie eingescannt haben!).

    Bitte schreiben Sie ein Fazit, in dem Sie die Tabelleninhalte in ihrer Gesamtheit auswertend beschreiben.

    Reichen Sie die erstellte Tabelle und das Fazit unter Angabe Ihrer Gruppe als PDF bei ILIAS hoch.


Hausaufgabe vom 2.05.2017

Im Anhang finden Sie eine XML-Instanz, die folgende Struktur aufweist:

<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>

	<kurs>
	    <person>
	        <vorname>Kandi</vorname>
	        <famname>Hallman</famname>
	    </person>
	    <person>
	        <vorname>Michel</vorname>
	        <famname>Guidi</famname>
	    </person>
	    <person>
	        <vorname>Kaylee</vorname>
	        <famname>Nannini</famname>
	    </person>
	...
	...
	...
	</kurs

Gesucht ist eine XSLT Transformation, die diese umformt zur HTML-generierten Ausgabe:

  1. Kandi Hallman
  2. Michel Guidi
  3. Kaylee Nannini
  4. Charley Riva
  5. Allan Boothman
  6. Vilfredo Krüger
  7. Cécile Michaelson
  8. usw.

Hat dies geklappt, erweitern Sie Ihr Template um eine Funktion, die die Liste sortiert.

Wichtig: Reichen Sie diesmal bitte auch die Sitzungsaufgabe ein. Die Hausaufgabe besteht also aus 4 Dateien: Jeweils 2 Dateien (XSL & XML) zu Sitzungs- und Hausaufgabe!

Teilnehmer XML


Hausaufgabe vom 25.04.2017

 

  1. Erstellen Sie eine neue HTML-Seite.
  2. Schreiben Sie eine JSON Datei (Die Endung ist „.json“) für das Mojito Rezept.
  3. Kopieren Sie den JSON Code in eine Variable in einer JS Datei.
  4. Geben Sie bitte den Namen des Rezeptes und eine Zutat aus.
  5. Versuchen Sie nun in einer  JS Funktion alle Zutaten und den Namen des Rezeptes auszugeben. Nutzen Sie hierzu am besten das XMLHttpRequest-Objekt, sowie eine Schleife, wie im Unterricht besprochen. Sollte das fehlschlagen (was bestimmt nicht passiert 😉 ), orientieren Sie sich bitte an dieser Seite.

Monaco Mojito
Zutaten:
4 cl Wodka
2 cl Limettensaft
2 cl Holundersirup
1 Stück Minzezweig
10 cl Sekt

 


Hausaufgabe vom 18.04.2017

  1. Erstellen Sie eine weitere Webseite, in der eine Karte Ihrer Heimatstadt eingebunden ist, die PopUp-Nadeln an drei verschiedenen Orten Ihrer Wahl enthält. Zwei von diesen Nadeln sollen als Kreis und Dreieck dargestellt werden. Orientieren Sie sich hier an dem Leaflet Tutorial (siehe Sitzungsaufgabe).

Zu den Sitzungsaufgaben SS17