Medien Wiki - User contributions [en]

IFD:Web Basics II SS13/Kursplan Web Basic II

2013-05-26T22:20:16Z

Manu:

'''08.04.2013'''
* Einführungsveranstaltung
** [[Media:20130408_web_basics_II_introduction.pdf]]

'''15. 04.2013'''
* JavaScript Einstieg – Galerie, Taschenrechner, Warenkorb
** [[Media:20130415_web_bascis_II_v2_js_einstieg_color_snippets.zip|Material]]
** [[Media:20130415_web_bascis_II_v2_workaround.zip|Workaround]]
* Toolthemen
** Farben - Modi, Mischung, Tools
** Snippets - Tools und öffentliche Lösungen
** [[Media:20130415_web_modul_toolthemen_color_snippets.zip|Toolthemen]]

'''22.04.2013'''
* jQuery Einstieg – Events, klassische DOM Manipulation, Menü/Submenü
** [[Media:20130421_web_basics_II_material.zip|Material]]
* Toolthemen
** jQuery Mobile (Sabina)
** [[Media:CSS_preprocessors.pdf|CSS preprocessors]] (Julia)
** [[Media:20130421_web_basics_II_toolthemen.zip|Toolthemen Material]]

'''29.04.2013'''
* Browser-Game – jQuery / JS / CSS3 / statische Animationen
** [[Media:20130429_web_basics_II_material.zip|Material]]
** [[Media:20130429_web_basics_II_workaround.zip|Workaround]]
* Toolthemen
** CSS Prefixes
** Icons & Piktogramme
** [[Media:20130429_web_basics_II_toolthemen.zip|Toolthemen Material]]

'''06.05.2013'''
* fällt aus (Workshop)

'''13.05.2013'''
* jQuery – Advanced Selektoren / Events
** [[Media:20130513_web_basics_II_material.zip|Material]]
** [[Media:20130513_web_basics_II_workaround.zip|Workaround]]
* Toolthemen
** [[Media:Web_Basics_II_Michael_Holz_Referat_Editoren.pdf|Editoren]] (Michael)
** [[Media:Prototyping-Heinrich-Roolf.pdf|Prototyping]] (Heinrich)

'''20.05.2013'''
* fällt aus (Feiertag)

'''27.05.2013'''
* jQuery – Animation, dynamische Inhalte, Ajax
** [[Media:20130527_web_basics_II_material.zip|Material]]
** [[Media:20130527_bu_basics_II_handout_jquery_basics_I.pdf|jQuery Basics I]]
** [[Media:20130527_bu_basics_II_handout_jquery_basics_II.pdf|jQuery Basics II]]
* Toolthemen
** [[Media:20130527_web_basics_II_toolthema.zip|Toolthemen]]
** [[Media:ManueJankeTemplating.pdf|Templating]]
** Live Development

'''03.06.2013'''
* Zwischenpräsentation – Einzelntermine

'''10.06.2013'''
* jQuery und JS – praktische Anwendungslösungen Loops, Schleifen
* Toolthemen
** Facebook API
** Git & Github

'''17.06.2013'''
* PHP Einstieg – Verbindung JS Ajax
* Toolthemen
** Performance Profiling (Firebug und Co.)
** Fehleranalyse & Debugging (bei PHP & JS)

'''24.06.2013'''
* PHP und MySQL
* Toolthemen
** Datenbank Verwaltungstools

'''01.07.2013'''
* CMS Systeme – Typo3? Wordpress? Drupal?

'''08.07.2013'''
* Kursinterne Zwischenpräsentation

'''12.07.2013'''
* Endpräsentation Showreel

'''30.09.2013'''
* Projektabgabe (offene Sourcefiles + gehostet Webprojekt)

File:ManueJankeTemplating.pdf

2013-05-26T22:18:50Z

Manu:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Dataflow I WS12/Manuel

2013-03-31T11:18:53Z

Manu: /* Playing with sound */

== Beatdetection ==

Beaterkennung

Ich habe mich mit Beaterkennung beschäftigt um die Geschwindigkeit eines Musikstücks herauszufinden. Ursprünglich entstammt dies einer größeren Idee. Es sollte anhand der ausgelesenen Zeiten ein Musikstück sinnvoll aufgetrennt werden und wieder zufällig zusammengesetzt werden. Aber schon der Beatcounter erwies sich für mich, als Programmierneuling in diesem Anfängerkurs, als nur schwer umsetzbare Aufgabe.

Ansätze zur Beaterkennung

Ansätze zur Beaterkennung habe ich mehrere gefunden. Die wohl berühmteste und am meisten umgesetzte Methode Takte zu erkennen hat Eric D. Scheirer mit „Tempo and Beat Analysis of Acoustic Musical Signals“ zu Papier gebracht. Aufs Wesentlichste reduziert arbeitet sein Algorithmus so, dass die Musik zuerst durch eine Filterbank in sechs Frequenzbänder geteilt wird. Dann werden die jeweiligen Hüllkurven berechnet und die wiederum durchlaufen Kammfilterresonatoren. Dort wird geschaut wo die Kammfilter das Signal periodisch sperren. Die periodischen Auslöschungen aller Frequenzbänder werden miteinander verglichen und dann gibt es in Echtzeit eine sehr präzise Angabe über die Geschwindigkeit. Durch die sechs Frequenzbänder funktioniert das Ganze Musikstilunabhängig.
Dieser Algorithmus ist allerdings sehr komplex und übersteigt meine mathematischen Fähigkeiten bei weitem.

Ein neuer Weg den Takt zu erkennen kommt von Uchihashi Foote. Das zu analysierende Musikstück wird ausgelesen und in eine optische Form gebracht. Auf dieser Art Matrix aus Messwerten wird, ganz vereinfacht, geschaut man auf periodisch wiederkehrende Muster und setzt diese in ein Verhältnis zur Musik.

Ein weiterer Ansatz wäre es das Musikstück einfach mit vorher definierten Geschwindigkeiten zu vergleichen. Zum Beispiel könnte man alle Geschwindigkeiten von 60 – 160 Bpm nacheinander mit dem Stück zu vergleichen und sehen was am besten passt, ähnlich dem Anpassen der Geschwindigkeit zweier Vinylplatten beim Djing. Wenn ich eine Geschwindigkeit kenne bekomme ich damit auch die andere heraus.

Mein eigentlicher Ansatz war dann aber doch noch etwas anders. Auf das wesentliche reduziert messe ich die Zeitspanne zwischen den größten Amplituden, zähle wie oft die jeweiligen Zeiten vorkommen und die Zeitspanne, die am häufigsten auftaucht zeigt die zeigt die Geschwindigkeit an.

In pd habe ich das so umgesetzt – Am Anfang wird eine Tondatei über einen normalen Öffnen-Dialog ausgesucht und in ein Array geladen. Spielt man das Stück ab, wird das Frequenzspektrum zunächst durch zwei Lowpassfilter auf die tiefen Frequenzen begrenzt. Das ist nötig weil ich das wichtigste Objekt in diesem Patch, den [bonk~], nicht so nutzen konnte wie dies, eigentlich gedacht ist. [bonk~] kann „antrainiert“ werden, elf verschiedene perkussive Elemente zu erkennen und für jedes dieser kann er die Anschlagzeiten ausgeben, aber das hat in meinem Fall nicht funktioniert. Also habe ich mit der Begrenzung auf den Bass, schon die Funktion von [bonk~] auf das Wesentliche begrenzt. Aus dem Ausgang den ich nutze, kommt im Prinzip nur ein Wert, der anzeigt wie hoch die Amplitude ist, wenn ein bestimmter Wert überschritten wurde. Mit einem [timer] messe ich dann wie viele Millisekunde zwischen diesen Nachrichten liegen. Diese Werte setze ich dann in Relation zu einer Minute, und zähle wie oft welcher Wert vorkommt. Aus der Konsole wird dann ausgelesen welcher Wert am meisten vorkommt und das ist dann am wahrscheinlichsten die Geschwindigkeit in Beats per Minute.

Durch die Beschränkung auf die tiefen Frequenzen sind auch die Messerfolge auf Musik begrenzt, bei der der Takt auf dem Bassbereich liegt. Gut funktioniert es zum Beispiel bei einfacher elektronischer Musik mit Viervierteltakt. Tests mit Rock oder Hip Hop haben zu keinem sinnvollen Ergebnis geführt.

[[File:Manuel_Janke_Beatdetection.zip]]

== Hidin ==

Nach der Arbeit am Beatcounter habe ich ein paar Experimente mit dem [hidin] gemacht. Ziel war es Töne mit einem Xbox-Controller zu steuern. Zum Beispiel habe ich ein Wobbelbass mit den Hinteren Triggern in der Lautstärke und Wellenlänge der Trägerwelle für die Modulation gesteuert. Den Patch fertig zu stellen war mir allerdings nicht möglich, weil pd immer abgestürzt ist sobald ich am Controller etwas gedrückt hab und danach wieder in den Editiermodus zurück gewechselt bin Keines der vielen Nightlybuilds oder eine neue Komplettversion hat das Problem behoben. Audiotreiber habe ich auch zwei verschiedene probiert aber anscheinend liegt das Problem entweder direkt an Windows oder an der Verknüpfung zu den Usbports. An meinem anderen Computer lief es noch schlechter, dort ließ sich nicht einmal ein Asiotreiber ordentlich installieren.

[[File:Manuel_Janke_hidin.pd]]

File:Manuel Janke hidin.pd

2013-03-31T11:05:55Z

Manu:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Dataflow I WS12/Manuel

2013-03-31T11:05:09Z

Manu: /* Beatdetection */

== Beatdetection ==

Beaterkennung

Ich habe mich mit Beaterkennung beschäftigt um die Geschwindigkeit eines Musikstücks herauszufinden. Ursprünglich entstammt dies einer größeren Idee. Es sollte anhand der ausgelesenen Zeiten ein Musikstück sinnvoll aufgetrennt werden und wieder zufällig zusammengesetzt werden. Aber schon der Beatcounter erwies sich für mich, als Programmierneuling in diesem Anfängerkurs, als nur schwer umsetzbare Aufgabe.

Ansätze zur Beaterkennung

Ansätze zur Beaterkennung habe ich mehrere gefunden. Die wohl berühmteste und am meisten umgesetzte Methode Takte zu erkennen hat Eric D. Scheirer mit „Tempo and Beat Analysis of Acoustic Musical Signals“ zu Papier gebracht. Aufs Wesentlichste reduziert arbeitet sein Algorithmus so, dass die Musik zuerst durch eine Filterbank in sechs Frequenzbänder geteilt wird. Dann werden die jeweiligen Hüllkurven berechnet und die wiederum durchlaufen Kammfilterresonatoren. Dort wird geschaut wo die Kammfilter das Signal periodisch sperren. Die periodischen Auslöschungen aller Frequenzbänder werden miteinander verglichen und dann gibt es in Echtzeit eine sehr präzise Angabe über die Geschwindigkeit. Durch die sechs Frequenzbänder funktioniert das Ganze Musikstilunabhängig.
Dieser Algorithmus ist allerdings sehr komplex und übersteigt meine mathematischen Fähigkeiten bei weitem.

Ein neuer Weg den Takt zu erkennen kommt von Uchihashi Foote. Das zu analysierende Musikstück wird ausgelesen und in eine optische Form gebracht. Auf dieser Art Matrix aus Messwerten wird, ganz vereinfacht, geschaut man auf periodisch wiederkehrende Muster und setzt diese in ein Verhältnis zur Musik.

Ein weiterer Ansatz wäre es das Musikstück einfach mit vorher definierten Geschwindigkeiten zu vergleichen. Zum Beispiel könnte man alle Geschwindigkeiten von 60 – 160 Bpm nacheinander mit dem Stück zu vergleichen und sehen was am besten passt, ähnlich dem Anpassen der Geschwindigkeit zweier Vinylplatten beim Djing. Wenn ich eine Geschwindigkeit kenne bekomme ich damit auch die andere heraus.

Mein eigentlicher Ansatz war dann aber doch noch etwas anders. Auf das wesentliche reduziert messe ich die Zeitspanne zwischen den größten Amplituden, zähle wie oft die jeweiligen Zeiten vorkommen und die Zeitspanne, die am häufigsten auftaucht zeigt die zeigt die Geschwindigkeit an.

In pd habe ich das so umgesetzt – Am Anfang wird eine Tondatei über einen normalen Öffnen-Dialog ausgesucht und in ein Array geladen. Spielt man das Stück ab, wird das Frequenzspektrum zunächst durch zwei Lowpassfilter auf die tiefen Frequenzen begrenzt. Das ist nötig weil ich das wichtigste Objekt in diesem Patch, den [bonk~], nicht so nutzen konnte wie dies, eigentlich gedacht ist. [bonk~] kann „antrainiert“ werden, elf verschiedene perkussive Elemente zu erkennen und für jedes dieser kann er die Anschlagzeiten ausgeben, aber das hat in meinem Fall nicht funktioniert. Also habe ich mit der Begrenzung auf den Bass, schon die Funktion von [bonk~] auf das Wesentliche begrenzt. Aus dem Ausgang den ich nutze, kommt im Prinzip nur ein Wert, der anzeigt wie hoch die Amplitude ist, wenn ein bestimmter Wert überschritten wurde. Mit einem [timer] messe ich dann wie viele Millisekunde zwischen diesen Nachrichten liegen. Diese Werte setze ich dann in Relation zu einer Minute, und zähle wie oft welcher Wert vorkommt. Aus der Konsole wird dann ausgelesen welcher Wert am meisten vorkommt und das ist dann am wahrscheinlichsten die Geschwindigkeit in Beats per Minute.

Durch die Beschränkung auf die tiefen Frequenzen sind auch die Messerfolge auf Musik begrenzt, bei der der Takt auf dem Bassbereich liegt. Gut funktioniert es zum Beispiel bei einfacher elektronischer Musik mit Viervierteltakt. Tests mit Rock oder Hip Hop haben zu keinem sinnvollen Ergebnis geführt.

[[File:Manuel_Janke_Beatdetection.zip]]

== Playing with sound ==

I played arround with some things like a wobblebass and then I wanted to trigger the sounds with a gamecontroller.

[[File:music_fun.pd]]

File:Manuel Janke Beatdetection.zip

2013-03-31T10:23:14Z

Manu:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:DIY-Microscopy/Manuel

2013-03-31T09:10:16Z

Manu: /* Artistic approach */

== Miroscopy stage construction ==

[[File:HW DIYMIC P 1.jpg|250px]] [[File:HW DIYMIC P 2.jpg|250px]]

The scale is 3:1 and on the first page you can see the microscope from the front. On the second page there is the view from above and an idea how I can put the big wheel into the box. In the scetch from above are just the details drawn which where important for me.

== 3D Model ==

[[Media:Manuel Janke 3D Sketch Up Model.zip]]

You will need SketchUp to have a look at the file.

== Images ==
I went to the Kirschbachtal and there I collected some materials.

<gallery>
File:apple 01 outside.jpg|image caption!
File:apple mildew.jpg
File:apple dirt on_skin.jpg
File:apple brown inside.jpg
File:apple inside.jpg
File:apple inside flat.jpg
File:plant 01 outside.jpg
File:plant backlight.jpg
File:plant front.jpg
File:hip 01 outside.jpg
File:hip smashed01.jpg
File:hip smashed02.jpg
File:hip inside.jpg
File:mush 01_outside.jpg
File:mush tips.jpg
File:mush mildew.jpg
File:moss 01_outside.jpg
File:moss rough.jpg
File:moss fine.jpg
File:flea.jpg
</gallery>

== Video ==

For some moving images I bought living fish food. short examples:
<videoflash type="vimeo">54240289|640|480</videoflash>

== How it can look in the end ==

<videoflash type="vimeo">55218927|640|480</videoflash>

== Documentation ==

This is the full documentation of the finished microscope.

[[Media:DIY_MICROSCOPY_Dokumentation_Manuel_Janke.pdf|Documentation]]

== Artistic approach ==

Here you can click through an interactive photo. If you have a dropbox account just add the hole folder and search for the Manuel_Janke_microscopy_website.html. If you don't have your own dropbox please download the folder and start the Manuel_Janke_microscopy_website.html from your local harddrive.

[https://www.dropbox.com/sh/4mdtr717egof9xc/d_qeKTdLuN]

(Google Chrome or Mozilla Firefox recommended)

If there are questions or problems with the dropbox-link contact me at: manuel.janke [at] uni-weimar.de

GMU:DIY-Microscopy/Manuel

2013-03-30T20:23:37Z

Manu: /* Documentation */

GMU:DIY-Microscopy/Manuel

2013-03-30T20:21:23Z

Manu: /* Documentation */

== Miroscopy stage construction ==

[[File:HW DIYMIC P 1.jpg|250px]] [[File:HW DIYMIC P 2.jpg|250px]]

The scale is 3:1 and on the first page you can see the microscope from the front. On the second page there is the view from above and an idea how I can put the big wheel into the box. In the scetch from above are just the details drawn which where important for me.

== 3D Model ==

[[Media:Manuel Janke 3D Sketch Up Model.zip]]

You will need SketchUp to have a look at the file.

== Images ==
I went to the Kirschbachtal and there I collected some materials.

<gallery>
File:apple 01 outside.jpg|image caption!
File:apple mildew.jpg
File:apple dirt on_skin.jpg
File:apple brown inside.jpg
File:apple inside.jpg
File:apple inside flat.jpg
File:plant 01 outside.jpg
File:plant backlight.jpg
File:plant front.jpg
File:hip 01 outside.jpg
File:hip smashed01.jpg
File:hip smashed02.jpg
File:hip inside.jpg
File:mush 01_outside.jpg
File:mush tips.jpg
File:mush mildew.jpg
File:moss 01_outside.jpg
File:moss rough.jpg
File:moss fine.jpg
File:flea.jpg
</gallery>

== Video ==

For some moving images I bought living fish food. short examples:
<videoflash type="vimeo">54240289|640|480</videoflash>

== How it can look in the end ==

<videoflash type="vimeo">55218927|640|480</videoflash>

== Documentation ==

This is the full documentation of the finished microscope.

[[Media:DIY_MICROSCOPY_Dokumentation_Manuel_Janke.pdf]]

== Artistic approach ==

Here you can click through an interactive photo. If you have a dropbox account just add the hole folder and search for the Manuel_Janke_microscopy_website.html. If you don't have your own dropbox please download the folder and start the Manuel_Janke_microscopy_website.html from your local harddrive.

[https://www.dropbox.com/sh/4mdtr717egof9xc/d_qeKTdLuN]

(Google Chrome or Mozilla Firefox recommended)

File:DIY MICROSCOPY Dokumentation Manuel Janke.pdf

2013-03-30T20:09:29Z

Manu:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:DIY-Microscopy/Manuel

2013-03-30T19:20:15Z

Manu:

== Miroscopy stage construction ==

[[File:HW DIYMIC P 1.jpg|250px]] [[File:HW DIYMIC P 2.jpg|250px]]

The scale is 3:1 and on the first page you can see the microscope from the front. On the second page there is the view from above and an idea how I can put the big wheel into the box. In the scetch from above are just the details drawn which where important for me.

== 3D Model ==

[[Media:Manuel Janke 3D Sketch Up Model.zip]]

You will need SketchUp to have a look at the file.

== Images ==
I went to the Kirschbachtal and there I collected some materials.

<gallery>
File:apple 01 outside.jpg|image caption!
File:apple mildew.jpg
File:apple dirt on_skin.jpg
File:apple brown inside.jpg
File:apple inside.jpg
File:apple inside flat.jpg
File:plant 01 outside.jpg
File:plant backlight.jpg
File:plant front.jpg
File:hip 01 outside.jpg
File:hip smashed01.jpg
File:hip smashed02.jpg
File:hip inside.jpg
File:mush 01_outside.jpg
File:mush tips.jpg
File:mush mildew.jpg
File:moss 01_outside.jpg
File:moss rough.jpg
File:moss fine.jpg
File:flea.jpg
</gallery>

== Video ==

For some moving images I bought living fish food. short examples:
<videoflash type="vimeo">54240289|640|480</videoflash>

== How it can look in the end ==

<videoflash type="vimeo">55218927|640|480</videoflash>

== Documentation ==

This is the full documentation of the finished microscope.
[[Media:Beispiel.ogg]]

== Artistic approach ==

Here you can click through an interactive photo. If you have a dropbox account just add the hole folder and search for the Manuel_Janke_microscopy_website.html. If you don't have your own dropbox please download the folder and start the Manuel_Janke_microscopy_website.html from your local harddrive.

[https://www.dropbox.com/sh/4mdtr717egof9xc/d_qeKTdLuN]

(Google Chrome or Mozilla Firefox recommended)

GMU:DIY-Microscopy/Manuel

2013-03-30T18:56:06Z

Manu:

IFD:ShowreelWS12/Manuel Janke

2013-01-28T00:23:26Z

Manu: /* WEBBASICS I */

==Nah - Näher - Am Nächsten==
===Manuel Janke===
====WEBBASICS I====

[https://vimeo.com/58320833]
[[File:ifd_manuel_janke_webbasic1_001.jpg]]
[[File:ifd_manuel_janke_webbasic1_002.jpg]][[File:ifd_manuel_janke_webbasic1_003.jpg]][[File:ifd_manuel_janke_webbasic1_004.jpg]][[File:ifd_manuel_janke_webbasic1_005.jpg]]

File:Ifd manuel janke webbasic1 005.jpg

2013-01-27T23:43:19Z

Manu:

== Summary ==

== Copyright status: ==

== Source: ==

File:Ifd manuel janke webbasic1 004.jpg

2013-01-27T23:42:52Z

Manu:

== Summary ==

== Copyright status: ==

== Source: ==

File:Ifd manuel janke webbasic1 003.jpg

2013-01-27T23:42:25Z

Manu:

== Summary ==

== Copyright status: ==

== Source: ==

File:Ifd manuel janke webbasic1 002.jpg

2013-01-27T23:42:04Z

Manu:

== Summary ==

== Copyright status: ==

== Source: ==

File:Ifd manuel janke webbasic1 001.jpg

2013-01-27T23:41:13Z

Manu:

== Summary ==

== Copyright status: ==

== Source: ==

IFD:ShowreelWS12/Manuel Janke

2013-01-27T23:40:35Z

Manu: /* WEBBASICS I */

==Nah - Näher - Am Nächsten==
===Manuel Janke===
====WEBBASICS I====

[https://vimeo.com/55218927]
[[File:ifd_manuel_janke_webbasic1_001.jpg]]
[[File:ifd_manuel_janke_webbasic1_002.jpg]][[File:ifd_manuel_janke_webbasic1_003.jpg]][[File:ifd_manuel_janke_webbasic1_004.jpg]][[File:ifd_manuel_janke_webbasic1_005.jpg]]

IFD:ShowreelWS12/Manuel Janke

2013-01-27T23:34:18Z

Manu: /* WEBBASICS I */

==Nah - Näher - Am Nächsten==
===Manuel Janke===
====WEBBASICS I====

[[File:ifd_max_mustermann_interACT_001.jpg]]
[[<videoflash type="vimeo">54240289|640|480</videoflash>]]
[https://vimeo.com/55218927]

IFD:ShowreelWS12/Manuel Janke

2013-01-27T23:27:15Z

Manu: /* WEBBASICS I */

==Nah - Näher - Am Nächsten==
===Manuel Janke===
====WEBBASICS I====

[[File:ifd_max_mustermann_interACT_001.jpg]]
[[<videoflash type="vimeo">54240289|640|480</videoflash>]]

IFD:ShowreelWS12/Manuel Janke

2013-01-27T23:26:05Z

Manu: /* WEBBASICS I */

==Nah - Näher - Am Nächsten==
===Manuel Janke===
====WEBBASICS I====

[[File:ifd_max_mustermann_interACT_001.jpg]]
<videoflash type="vimeo">54240289|640|480</videoflash>

IFD:ShowreelWS12/Manuel Janke

2013-01-27T21:05:10Z

Manu: Created page with "==Nah - Näher - Am Nächsten== ===Manuel Janke=== ====WEBBASICS I==== File:ifd_max_mustermann_interACT_001.jpg"

==Nah - Näher - Am Nächsten==
===Manuel Janke===
====WEBBASICS I====

[[File:ifd_max_mustermann_interACT_001.jpg]]

IFD:ShowreelWS12

2013-01-27T20:57:36Z

Manu:

[[File:422px-20120102_IFD-Showreel20122013.png]]

<h3 style="color:#78BA56;">How to add your project</h3>

[http://www.youtube.com/watch?v=8rtEZEOPACw How-To Videocast]<br>
[[IFD:Showreel/Wie_stelle_ich_mein_Projekt_ins_Wiki%3F|How-To Manual]]<br>
[http://www.uni-weimar.de/medien/interfacedesign/showreel_ws2012 Test Your Presentation]

<h3 style="color:#78BA56;">INFOS</h3>

'''Präsentation Wintersemester 2012/2013'''<br>
Professur Interface Design<br>
Prof. Dr. Jens Geelhaar, Johannes Deich, Joatan Preis Dutra, Michael Markert, Gabriel Rausch, Martin Schied

'''30. Januar 2013'''<br>
'''9:00 - 13:00 Uhr'''<br>
'''Hörsaal A'''<br>
Marienstraße 13C

Die Präsentation der Professur Interface Design bietet die Möglichkeit,<br> einen Einblick in die Semesterarbeiten und die Inhalte der angebotenen Module zu<br> bekommen. Die Veranstaltung lädt nicht nur Studenten des Bereichs IFD <br>ein, sondern ist offen für alle Interessierten.

<h3 style="color:#78BA56;">PROGRAMM</h3>

'''9:00 - 10:00 Block "Werk- und Fachmodule"'''

''Werkmodule''

* Werkmodul 'Einführung in die be-greifbare Programmierung'
** [[/Einführung in die be-greifbare Programmierung - Introduction/]]
** [[/Heinrich Roolf - QBasic Gorillas/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

* Werkmodul 'Generative Bauhaus (Bauhaus-Vorkurs)'
** [[/Generative Bauhaus - Introduction/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

* Werkmodul 'Human-Centered-Design-Research'
** [[/Human-Centered-Design-Research - Introduction/]]
** [[/Gianluca Pandolfo & Heinrich Roolf & Matthias Schäfer - Carrels/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

* Werkmodul 'Web Basics I'
** [[/Web Basics I - Introduction/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

''Fachmodule''

* Werkmodul 'Eclectic_Electric! Grundlagen der Elektronik'
** [[/Eclectic_Electric! - Introduction/]]
** [[/Clemens Bast - test/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

* Werkmodul 'iOS Dev II'
** [[/iOS Dev II - Introduction/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

* Werkmodul 'Mobile Culture and Urban Spaces'
** [[/Mobile Culture and Urban Spaces - Introduction/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

* Werkmodul 'Tangible Programming - An Introduction'
** [[/Tangible Programming - An Introduction - Introduction/]]
** [[/Yuqiong Huang - Light Tap/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

* Werkmodul 'Web Advanced I'
** [[/Web Advanced I - Introduction/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

'''10:00 - 12:00 Block "Projektmodule"'''
* [[/Jan Dittrich – Exploring User Research Methods/]]
* [[/Dianna Mertz - title/]]
* [[/Jelena Djokic - title/]]
* [[/Martin Kohlstedt - title/]]
* [[/Matias Garcia - title/]]
* [[/Zhong Pu - Tips/]]
* [[/Carlo Enke - UNINIZER/]]
* [[/Marcel Karnapke - Prehistoric Puppets//]]

'''Schlusswort'''

<h3 style="color:#78BA56;">Fach- und Werkmodul Arbeiten</h3>
Übersicht der Arbeiten aus Fach- und Werkmodulen. Werden nicht einzeln auf der Veranstaltung vorgestellt.

''1. Semesterler bitte ganz oben in der Web Basics I Liste eintragen, damit ihr zuerst präsentiert und die Veranstaltung bei Prof. Bauer-Wabnegg noch erreicht!''
* Werkmodul 'Web Basics I'
** [[/Gabriel Rausch/]]
** [[/Gesa Junne/]]
** [[/Anne Böttner/]]
** [[/Martin Melcher/]]
** [[/Esra Melody Butcher/]]
** [[/Christin Doellmann/]]
** [[/Franziska Feistel/]]
** [[/Cathleen Göring/]]
** [[/Manuel Janke/]]
** [[/Katharina Meißner/]]
** [[/Adriana Cerami/]]
** [[/Olga Uchatsch/]]
** [[/Jonas Lideikis/]]
** [[/Sabina Kim/]]
** [[/Julia Nießlein/]]
** [[/Marina Vissing/]]
** [[/Franziska Gerlach/]]
** [[/Wieland Mikolajczyk]]
** [[/Bianca Müller]]
** [[/Kai Hoppenheidt/]]
** [[/Elisabeth Barth/]]
** [[/Klemens Schmiady/]]
** [[/Laura Wasserek/]]
** [[/Preset Page/]]

GMU:Dataflow I WS12/Manuel

2013-01-21T11:50:51Z

Manu: /* Playing with sound */

== Beatdetection ==

I made a beatcounter with the help of [bonk~]. First I reduced the frequency spectrum on the low ones and then [bonk~] measures the time between the biggest amplitudes. The times are set in relation to a minute and the disclosure occurring most frequently is displayed at the end.

[[File:Beatdetection.zip]]

== Playing with sound ==

I played arround with some things like a wobblebass and then I wanted to trigger the sounds with a gamecontroller.

[[File:music_fun.pd]]

GMU:Dataflow I WS12/Manuel

2013-01-21T11:50:13Z

Manu: /* Playing with sound */

== Beatdetection ==

I made a beatcounter with the help of [bonk~]. First I reduced the frequency spectrum on the low ones and then [bonk~] measures the time between the biggest amplitudes. The times are set in relation to a minute and the disclosure occurring most frequently is displayed at the end.

[[File:Beatdetection.zip]]

== Playing with sound ==

I played arround with some thing like a wobblebass and then I want to trigger the sounds with a gamecontroller.

[[File:music_fun.pd]]

File:Music fun.pd

2013-01-21T11:49:36Z

Manu:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Dataflow I WS12/Manuel

2013-01-21T11:48:03Z

Manu: /* Beatdetection */

== Beatdetection ==

I made a beatcounter with the help of [bonk~]. First I reduced the frequency spectrum on the low ones and then [bonk~] measures the time between the biggest amplitudes. The times are set in relation to a minute and the disclosure occurring most frequently is displayed at the end.

[[File:Beatdetection.zip]]

== Playing with sound ==

I played arround with some thing like a wobblebass and then I want to trigger the sounds with a gamecontroller.

[[File:Beispiel.jpg]]

File:Beatdetection.zip

2013-01-21T11:46:45Z

Manu:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Dataflow I WS12/Manuel

2013-01-21T11:30:49Z

Manu: Created page with "== Beatdetection == I made a beatcounter with the help of [bonk~]. First I reduced the frequency spectrum on the low ones and then [bonk~] measures the time between the biggest ..."

== Beatdetection ==

I made a beatcounter with the help of [bonk~]. First I reduced the frequency spectrum on the low ones and then [bonk~] measures the time between the biggest amplitudes. The times are set in relation to a minute and the disclosure occurring most frequently is displayed at the end.

[[File:Beispiel.jpg]]

== Playing with sound ==

I played arround with some thing like a wobblebass and then I want to trigger the sounds with a gamecontroller.

[[File:Beispiel.jpg]]

GMU:Dataflow I WS12

2013-01-21T11:12:58Z

Manu: /* Documentation */

[[:Category:Werkmodul|Werkmodul]]/[[:Category:Fachmodul|Fachmodul]]<br />
''Lecturer:'' [[Max Neupert]]<br />
''Credits:'' 6 [[ECTS]], 4 [[SWS]]<br />
''Date:'' Wednesday, 9:15 until 12:30 h<br />
''Venue:'' [[Marienstraße 7b]], Room 204<br />
''First meeting:'' 2012-10-17

==Description==
Data-flow programming languages can be easier end faster to grasp than code based languages. The program itself becomes a visualization of its own function. We will look at different environments and specifically the free, open source, and cross-platform [[Pure Data]] and its graphics library Gem. In small assignments we will gradually learn to use the software and solve tasks enabling us to realize more complex projects. Final results may be everything from playful musical instruments, interactive installations, mobile apps to streaming servers for radio shows.
This class is aimed at a beginner level introducing data-flow programming paradigms to artists and designers. Successful completion of this class is precondition for the succeeding class Dataflow II.

Course language will be English (except everyone speaks German then it will be in German.. obviously).

===German description===
Datenfluss-Programmiersprachen können einfacher und schneller zu verstehen sein als Kode-basierte sprachen. Das Programm selbst wird zur Visualisierung seiner Funktion. Wir werden verschiedene Umgebungen kennen lernen und im Speziellen mit dem kostenlosen, quelloffenen und plattformunabhängigen [[Pure Data]] und der Grafikbibliothek Gem arbeiten. In kleinen Aufgabenstellungen wird Schritt für Schritt die Software erlernt. So können schließlich komplexere Vorhaben umgesetzt werden. Der Kurs schließt mit einem eigenen Projekt ab, welches von spielerischen Instrumenten, Interaktiven Installationen, Mobile Apps bis hin zu streaming Servern für Radiosendungen reichen kann.
Dieser Kurs richtet sich an Anfänger, und ist eine Einführung in Datenfluss Programmiersprachen für Künstler und Designer. Ein erfolgreicher Abschluss dieses Kurses ist die Vorbedingung für den Nachfolgenden Kurs Dataflow II

Kurssprache ist Englisch (es sei denn alle Teilnehmer verstehen und sprechen Deutsch. Dann ist die Kurssprache natürlich Deutsch).

==Documentation==
*[[/Name/]]
*[[/Mensch am Meer|Michael]]
*[[/Manuel/]]

==Topics==
* Video-Tracking
* Kinect
* Audio processing
* 3D

==Syllabus==
* 12.12. mid term presentation
* 23.1. Ives
* 30.1. Final Presentation
* 31.3. Submission of Documentation (deadline)

==Evaluation==

* 10% attendance
* 10% mailinglist
* 40% presentation, Active participation, artistic examination
* 40% documentation in this wiki (but other media is welcome additionally)
* +10% for edits in the wiki not related to any speific class

==Eligible participants==
Undergraduates and graduates enrolled in the Faculties of Media, Gestaltung and in the MediaArchitecture program

==Literature==
{{Template:PdBooks}}

==Links==
* [[Pure Data - Getting started]]
* [https://mg.medien.uni-weimar.de/mailman/listinfo/dataflowi Mailinglist Dataflow I]

[[Category:WS12]]
[[Category:Pure Data]]
[[Category:Max Neupert]]
[[Category:Programmiersprachen]]
[[Category:Werkmodul]]
[[Category:Fachmodul]]

GMU:DIY-Microscopy/Manuel

2012-12-10T09:37:21Z

Manu: /* Video */

GMU:DIY-Microscopy/Manuel

2012-12-10T09:36:32Z

Manu: /* Video */

GMU:DIY-Microscopy/Manuel

2012-11-25T20:47:05Z

Manu: /* Video */

GMU:DIY-Microscopy/Manuel

2012-11-25T20:45:40Z

Manu: /* Video */

GMU:DIY-Microscopy/Manuel

2012-11-25T19:15:19Z

Manu: /* Images */

File:Flea.jpg

2012-11-25T19:14:46Z

Manu: dead water flea

== Summary ==
dead water flea
== Copyright status: ==

== Source: ==

GMU:DIY-Microscopy/Manuel

2012-11-25T19:13:56Z

Manu: /* Images */

GMU:DIY-Microscopy/Manuel

2012-11-25T19:12:31Z

Manu: /* Images */

GMU:DIY-Microscopy/Manuel

2012-11-25T19:11:43Z

Manu: /* Images */

User talk:Manu

2012-11-25T18:43:47Z

Manu:

Hi manu, bitte die vorschau-funktion verwenden : ) --[[User:Max|max]] 19:26, 25 November 2012 (CET)

Bin noch voll dabei :)

was für eine kamera verwendest du? die bilder sind ja 1.280×1.024 pixel - hast du eine HD webcam verbaut? --[[User:Max|max]] 19:34, 25 November 2012 (CET)

im prinzip ist bei der neuen kamera nur der chip n bissel größer, das gehäuse war genau dasselbe. aber richtig hd ist die auch nicht :) hat auch genau wie die erste 1,3 megapixel..
ne richtige bezeichnung steht auch nicht drauf :/ nur trust spotlight webcam pro..

User talk:Manu

2012-11-25T18:40:53Z

Manu:

GMU:DIY-Microscopy/Manuel

2012-11-25T18:34:23Z

Manu:

GMU:DIY-Microscopy/Manuel

2012-11-25T18:32:10Z

Manu: /* Images */

User talk:Manu

2012-11-25T18:31:25Z

Manu:

Hi manu, bitte dei vorschau-funktion verwenden : ) --[[User:Max|max]] 19:26, 25 November 2012 (CET)

Bin noch voll dabei :)

GMU:DIY-Microscopy/Manuel

2012-11-25T18:28:34Z

Manu: /* Images */

GMU:DIY-Microscopy/Manuel

2012-11-25T18:25:53Z

Manu:

GMU:DIY-Microscopy/Manuel

2012-11-25T18:25:27Z

Manu: /* Images */

GMU:DIY-Microscopy/Manuel

2012-11-25T18:22:38Z

Manu: /* Images */

GMU:DIY-Microscopy/Manuel

2012-11-25T18:21:43Z

Manu: /* Images */