aktuelle.kurse/m152/auftraege/g
Harald G. Mueller e3689caceb MUH
2023-03-23 01:02:09 +01:00
..
README.md MUH 2023-03-23 01:02:09 +01:00

Aufgabe M152-g: Bildformate, Videoformate, Soundformate erstellen und vergleichen

Aufträge

Zeitbedarf: ca. 60-90 min.

1.) Fotos/Bilder

Einleitung "Bilder"

Bildformate erklärt | PNG, JPEG, BMP & mehr - Wann welches Format nutzen?
8:16 min, D, Youtube, 09.08.2022
https://www.youtube.com/watch?v=FqPUwN_iqPk

How are Images Compressed from 46 MB to 4 MB (jpeg)?
18:46 min, E, Youtube, 23.12.2021
https://www.youtube.com/watch?v=Kv1Hiv3ox8I

Explaining Image File Formats
14:19 min, E, Youtube, 23.01.2022
https://www.youtube.com/watch?v=WblPwVq9KnU

Image File Formats - JPEG, GIF, PNG
6:44 min, E, Youtube, 16.05.2017
https://www.youtube.com/watch?v=ww12lImOJ38

Aufgabe "Bilder"

Machen Sie zwei Fotos mit Ihrem Smartphone.

  • Ein Foto hat möglichst wenige Details darauf (eine eintönige Wand, Fussboden, Fläche oder sowas).

  • Ein Foto hat viele Elemente darauf (z.B ein Bild aus Ihrem Fenster, ein Baum, ein Blumenbeet oder ähnliches)

Machen Sie damit folgendes:

  • transferieren Sie die beiden Fotos auf Ihren Rechner.
  • Speichern Sie neben dem originalen JPEG (unverändert) auch noch in die Dateiformate BMP, PNG-8, GIF sowie ein JPEG, alle mit (sehr) geringer Auflösung/Grösse (das kann man in den Softwaretools wie z.B. irfanview.com einstellen). Wie weit kann man gehen?
  • Erstellen Sie eine HTML- oder PHP-Dokument und integrieren Sie die Fotos auf die WebSite in den verschiedenen Formaten und fügen Sie untenstehende Beschreibung(en) hinzu.
  • Notieren Sie zu den Fotos die Dateigrössen der Dateiformate JPEG (beide), BMP, PNG-8, GIF
  • Erklären Sie mit eigenen Worten zu jedem Dateiformat, warum die Datei so gross oder klein ist.
  • Erklären Sie auch Unterformate, falls es welche gibt (z.B. Interlaced, Transparenz, ...)
  • Beschreiben Sie zu jedem Bildformat deren Vorteile und Nachteile sowie deren optimalen Einsatzzweck

Softwareempfehlung: https://www.irfanview.com/

Andere wären z.B. auch Gimp, Photoshp, ...


https://onlinegiftools.com

2.) Videos

Einleitung "Videos"

Explaining Digital Video: Formats, Codecs & Containers
14:43 min, D, Youtube, 07.03.2021
https://www.youtube.com/watch?v=-4NXxY4maYc

Aufgabe "Video"

Erstellen Sie Mit Ihrem Smartphone ein Kurzvideo (ca. 10 Sekunden) transferieren Sie es auf Ihren Rechner und speichern Sie es in 3-4 verschiedenen "gängigen" Formaten ab.

  • Binden Sie das/die Video/s in 2-3 unterschiedlichen Arten in Ihre WebSite ein (Video-Tag in HTML5, oder mittels "embed" u.ä.)
  • Erklären Sie mit eigenen Worten zu jedem Dateiformat, warum die Datei so gross oder klein ist.
  • Erklären Sie auch Unterformate, falls es welche gibt und was sie bewirken.
  • Beschreiben Sie zu jedem Video-Format deren Vorteile und Nachteile sowie deren optimalen Einsatzzweck

Softwareempfehlung: https://openshot.org


https://mediaboom.com/
https://www.softguide.de/software-tipps/videoformate
https://www.nrwision.de/mitmachen/wissen/videoformate-vergleich
https://www.netzsieger.de/ratgeber/videoformate
https://blog.mynd.com/de/wichtigsten-videoformate

3.) Sounds/Töne/Musik/Jingle

Suchen Sie sich im Internet frei verfügbare Musik, Sounds oder Jingles und speichern Sie sie in 2-4 unterschiedlichen "gängigen" Formaten ab.

  • Binden Sie die Audio-Dateien in Ihre Webseite auf 2-3 Arten (automatisches Losspielen) und als manuell startbares Audio entsprechend ein.
  • Erklären Sie mit eigenen Worten zu jedem Dateiformat, warum die Datei so gross oder klein ist.
  • Erklären Sie auch Unterformate, falls es welche gibt.
  • Beschreiben Sie zu jedem Audioformat deren Vorteile und Nachteile sowie deren optimalen Einsatzzweck


https://www.audible.de
https://de.wikipedia.org/wiki/Web_Audio_API
https://googlechromelabs.github.io/web-audio-samples
https://umaar.com/dev-tips/203-web-audio-inspector
https://www.nrwision.de/mitmachen/wissen/audioformate-vergleich

Hinweis:

  • erinnern Sie sich ans Modul 114 (1. Lehrjahr) und/oder holen sie sich dessen Unterlagen hervor
  • lesen Sie sich im Internet schlau