(DanceStage.de)
 
(46 intermediate revisions by 2 users not shown)
Line 1: Line 1:
=1.Semester=
+
{{Template:User|Anastasiya}}
==WebApps==
 
''' DanceStage.de '''
 
[http://dancestage.activearts.de/ vorläufig hier zu sehen (jQuery geht da leider nicht)]
 
===Beschreibung===
 
Online-Tanzschule
 
[[Image:jQuery.png|thumb|right|Drop Down Menü mit jQuery]]
 
#'''Startseite''' (html, css, Flash): Es soll auch eine Möglichkeit für diejenigen, die tanzen lernen möchten, geben, dies unabhängig vom Ort und der Zeit zu tun. Auf der Startseite wird beschrieben, wie das mölich werden kann.
 
#'''Preisübersicht''' (html, css, Flash): Einfach mit einer Tabelle
 
#'''Anmeldung''' (html, css, php): Nach der Anmeldung werden die eingetragenen Daten in einer Datenbank gespeichert.
 
#'''Lexikon''' (Beschreibung der Tanzschritte mit Bildern) (html, css, jquery): Natürlich muss es auch ein Lexikon geben, in dem die wichtigsten Tanzschritte beschrieben werden. Beim Klick auf den Namen einer Tanzfigur kommt ein Foto zur Veranschaulichung (jQuery: imgPreview).
 
#'''Unterrichtsvideos''' (html, css, jquery, php) + Login: Es gibt ein Testvideo, das sich die noch nich registrierten Besucher anschauen können, um eine bessere Vorstellung davon zu bekommen, wie eine Online-Tanzschule funktioniert. Sobald man dann aber die Unterrichtsvideos anschauen will, kommt ein Fenster, wo man sich anmelden muss, um am "Unterricht" teilzunehmen.
 
#'''Kontaktformular / Impressum''' (html, css, php, Flash): Man kann seine Verbesserungsvorschläge oder Wünsche, aber auch Fragen mit Hilfe von einem Kontaktformular abschicken.
 
  
===Entwurf===
+
=Projekte=
[[File:entwurf1.jpg|200px]]
 
[[File:entwurf2.jpg|200px]]
 
<br clear="all" />
 
  
===Design===
+
==[[/Interface Design/]]==
[[File:Blau.jpg|left|thumb|400px]]
+
[[File:Activearts.png|150px| Activearts]]
[[File:Lila.png|left|thumb|400px]]
+
[[File:WE.DANCE.png|300px| WE.DANCE]]
<br clear="all" />
+
[[File:Startseite.png|200px|Weimarpedia-Kids]]
 +
[[File:uninizer.png|150px|UNINIZER]]
 +
[[File:jQuery.png|200px|DanceStage]]
 +
[[File:KanSlbst.png|150px|Suprematistische Komposition]]
  
===Wichtig für die Webseite===
+
==[[/Grundlagen Mediengestaltung/]]==
[[Image:Lexikon.png|thumb|right|imgPreview mit jQuery]]
+
[[File:SonstKomposition1.JPG|300px|Form und Spiegelung]]
Sie muss auf den Besucher '''einladend''' wirken und auch '''dynamisch''' sein, da es primär um '''Bewegung''' und '''Sport''', aber auch um '''Rhythmusgefühl''' geht.
+
==[[/Performance/]]==
Es soll ein Gefühl der '''Freiheit''' entstehen, den man beim Tanzen hat (oder zumindest haben kann), deswegen wurde weißer Hintergrund gewählt und eine, wie aus dem Nichts frei umherschwebende tanzende Figur, die aber gleichzeitig '''Spannung''' und '''Zielrichtung''' ausdrückt. Das rechte Bein und auch der Blick dieser Tänzerin zeigen auf das Menü, dies soll zum durchklicken auffordern.
+
Performance zum Thema "Unsicherheit"<br/>
 +
Wie drückt sich Unsicherheit aus?<br/>
 +
Warum versuchen wir, sie zu verstecken?<br/>
 +
[[File:Unsicherheit1.jpg|Performance|300px]]
 +
[[File:Unsicherheit2.jpg|Performance|300px]]
 +
<br clear="all"/>
 +
==[[/Multimediales Erzählen/]]==
 +
[[File:Schleifen.png|300px|Schleifen binden]]
 +
Kurzfilm [http://video.mail.ru/mail/charli-/_myvideo/4.html "Wie man Schleifen bindet"]
 +
==[[/Programmierung/]]==
 +
[[Image:checkerboard.png|300px|Raytracer]]
  
===Vorgehensweise bei der Erstellung===
+
==[[GMU:My favorite things]] - [[GMU:My_favorite_things/Projekte/Zucker Animation|Zuckeranimation]]==
Aneignung von: html, css, PHP, Javascript/jQuery, Adobe Flash <br/>
+
[[File:Zucker2.jpg|300px|Zucker Animation]]
====Hilfen dabei:====
 
* [http://www.feierfeil.at/php/grundlagen.php PHP-Grundlagen]
 
* [http://www.phpbox.de/grundlagen/programmieren.php phpbox.de]
 
* [http://tut.php-q.net/ Quake PHP Tutorial]
 
* [http://www.feierfeil.at/javascript/index_javascript.htm Javascript Grundlagen]
 
* [http://www.authenticsociety.com/blog/jQueryPluginTutorial_Beginner jQuery]
 
* [http://de.selfhtml.org Html+CSS]
 
* [http://www.schattenbaum.net/php/anlegen.php Datenbanken]
 
* Sven S.
 
und noch sämtliche Foren und Seitenquellentexte :)
 
 
 
==[[GMU:Immersive Strategien]]==
 
[[Image:L-Cage1.jpg|thumb]]
 
 
 
=== L-Cage: [[/Perspektive/]] ===
 
====Grundsätzliche Idee:====
 
Der Zuschauer steht zwischen zwei sich bewegenden Landschaften, durch die die Kamera nach vorne läuft. Ich hoffe, es wird ein Gefühl erzeugt, als würde der Zuschauer selbst durch diese Landschaften laufen.
 
# [[Image:L-Cage2.jpg|thumb]] Beide Projektionen: ein Motiv (z.B. Wald/Allee/Großstadt usw.) + Geräusch: Lautes Atmen wie beim Laufen
 
# [[Image:L-Cage3.jpg|thumb]]Geräusche von Motiv 2 werden auf einmal bei Motiv 1 abgespielt (z.B. Bild: Wald aber Geräusch: wie in einer Großstadt). Ich hoffe, das wirkt irritierend...
 
# [[Image:L-Cage4.jpg|thumb]] Eine Projektion zeigt immer was anderes als die andere, z.B:
 
*Verschiedene Motive: Eine Seite Wald, andere Seite Großstadt
 
*Verschiedene Tageszeit: Tag und Dämmerung
 
*Verschiedene Jahreszeiten: Sommer und Winter (wenn das klappt) usw.
 
 
 
Ich hoffe, ich hab mich einigermaßen verständlich ausgedrückt.
 
  
 +
Eine Stop-Motion über das Verhalten und die Struktur des Zuckers.
 
<br clear="all" />
 
<br clear="all" />
  
==Bildgestaltung/Filmmontage==
+
==[[GMU:Immersive Strategien]] - [[GMU:Immersive_Strategien/Inhalte/In_Weimar_eintauchen |L-Cage]]==
==[[Digital Bauhaus Vorkurs]]==
+
[[File:L-Cage1.jpg|300px|L-Cage]]
===[[/Formkontraste/]] ===
 
[[File:KanSlbst.png|thumb|Suprematistische Komposition]]
 
  
* Form-an-sich Kontrast
+
Der Zuschauer steht zwischen zwei sich bewegenden Landschaften, durch die die Kamera nach vorne läuft. Ich hoffe, es wird ein Gefühl erzeugt, als würde der Zuschauer selbst durch diese Landschaften laufen.
** Die Grundformen bilden den einfachsten und stärksten Kontrast
 
* Qualitätskontrast
 
** regelmäßig - unregelmäßig
 
** geschlossen - offen
 
** scharf - weich
 
** unterschiedliche Helligkeit - ähnliche Helligkeit
 
<br/>
 
  
„Alles was wir sehen, hören , riechen, schmecken, tasten, fühlen, ist in Relation gesetzt zu einem Zweiten, das dem Ersten entgegengesetzt ist.“ Johannes Itten, Elemente der Bildenden Kunst (JI98)
 
 
<br clear="all" />
 
<br clear="all" />
 
==Grundlagen Mediengestaltung==
 
 
'''Punkt'''
 
<gallery>
 
File:Punkte1.JPG| 8 Punkte im Raum
 
File:Punkte2.JPG| Versch. Anordnungen
 
File:Punkte3.JPG| Abstände
 
</gallery>
 
'''Linie'''
 
<gallery>
 
File:Linien1.JPG| Zentral/Azentral
 
File:Linien2.JPG| Axial
 
File:Linien3.JPG| Abstände
 
File:Linien4.JPG| Versch. Stärken
 
File:Linien5.JPG| Eckig/Zackig
 
File:Linien6.JPG| Geschwungen/An-undabschwellend
 
File:Linien7.JPG| Komposition|
 
</gallery>
 
'''Form'''
 
<gallery>
 
File:Formen1.JPG|Quadrat
 
File:Formen2.JPG|Dreieck
 
File:Formen3.JPG|Kreis
 
File:Formen4.JPG|Komposition
 
File:Formen5.JPG|Komposition2
 
File:Formen6.JPG|Komposition3
 
File:Formen7.JPG|Viertelkreise
 
</gallery>
 
'''Raum'''
 
<gallery>
 
File:Raum1.JPG| Achsenkomposition
 
File:Raum2.JPG|Volumenvortäuschung
 
File:Raum3.JPG|Volumenvortäuschung2
 
File:Raum4.JPG|Raum durch Verflechtung
 
</gallery>
 
'''Kontrast'''
 
<gallery>
 
File:Kontraste1.JPG|Hell-Dunkel
 
File:Kontraste2.JPG|Hell-Dunkel2
 
</gallery>
 
'''Farbe'''
 
<gallery>
 
File:Farben1.JPG|Graustufen
 
File:Farben2.JPG|Farbstern
 
File:Farben3.JPG|Komplementärfarben
 
File:Farben4.JPG|Qualitätskontraste
 
File:Farben5.JPG|Helligkeit
 
File:Farben6.JPG|Farbzuordnung
 
</gallery>
 
'''Raster'''
 
<gallery>
 
File:Rastere1.JPG|Versch.Raster
 
File:Rastere2.JPG|
 
</gallery>
 
'''Layout'''
 
<gallery>
 
File:Layoute1.JPG|Querformat
 
</gallery>
 
'''sonstige Kompositionen'''
 
<gallery>
 
File:SonstKomposition1.JPG|Form und Spiegelung
 
File:SonstKomposition2.JPG|Zitrone
 
</gallery>
 

Latest revision as of 21:29, 26 November 2012

Anastasiya's user page talk page email Anastasiya list Anastasiya's edits

Projekte

Interface Design

Activearts WE.DANCE Weimarpedia-Kids UNINIZER DanceStage Suprematistische Komposition

Grundlagen Mediengestaltung

Form und Spiegelung

Performance

Performance zum Thema "Unsicherheit"
Wie drückt sich Unsicherheit aus?
Warum versuchen wir, sie zu verstecken?
Performance Performance


Multimediales Erzählen

Schleifen binden Kurzfilm "Wie man Schleifen bindet"

Programmierung

Raytracer

GMU:My favorite things - Zuckeranimation

Zucker Animation

Eine Stop-Motion über das Verhalten und die Struktur des Zuckers.


GMU:Immersive Strategien - L-Cage

L-Cage

Der Zuschauer steht zwischen zwei sich bewegenden Landschaften, durch die die Kamera nach vorne läuft. Ich hoffe, es wird ein Gefühl erzeugt, als würde der Zuschauer selbst durch diese Landschaften laufen.