FK:Kunst-Technik-Labor: Difference between revisions

Revision as of 19:36, 16 October 2013

Das Kunst-Technik-Labor wird als Ergänzung zum Projekt„Jugend Forscht“ als eine Einführung zu Internet, Web und anderen neueren Medien angeboten.

Das Wiki

Ein Wiki ist eine Website, die ihr einfach ändern könnt. Sollte ich z.B. einen Rechtschreibfehler machen, könnt ihr den einfach korregieren.

Wie ihr euch in diesem Wiki Anmelden und Editieren, Formatieren und Unterseiten anlegen könnt, lässt sich in den 3-5 minütigen Videos anschauen.

Werkzeuge zum Lernen

Thimble Live Editor für HTML: Links ist der "Quellcode" rechts sieht man die resultierende Website
Websites untersuchen mit den goggles für den Webentwickler-Röntgenblick.

Werkzeuige für Fortgeschrittene

[ http://download.brackets.io/ Adobe Brackets], ein "Editor", also ein Schreibprogramm für Code. Frei und einfach zu bedienen, mit Vorschaufunktion (Strg+Alt+P)

Projektbeispiele

My Boyfriend Came Back From War Ein bekanntes Webkunstwerk. Technisch nicht kompliziert: Text, Bilder und Links

@@ Line 2: / Line 2: @@
 ==Das Wiki==
+Ein Wiki ist eine Website, die ihr einfach ändern könnt. Sollte ich z.B. einen Rechtschreibfehler machen, könnt ihr den einfach korregieren.
+Wie ihr euch in diesem Wiki [https://www.youtube.com/watch?v=3oJF0G25q9Q Anmelden] und [https://www.youtube.com/watch?v=PVBOAyd_1Zw Editieren], [https://www.youtube.com/watch?v=hLoOpqCyos0 Formatieren] und [https://www.youtube.com/watch?v=P42Une7fC_g Unterseiten anlegen] könnt, lässt sich in den 3-5 minütigen Videos anschauen.
 ==Werkzeuge zum Lernen==
@@ Line 9: / Line 11: @@
 ==Werkzeuige für Fortgeschrittene==
-[ http://download.brackets.io/
+[ http://download.brackets.io/ Adobe Brackets], ein "Editor", also ein Schreibprogramm für Code. Frei und einfach zu bedienen, mit Vorschaufunktion (Strg+Alt+P)
- Adobe Brackets], ein "Editor" also ein Schreibprogramm für Code. Frei und einfach zu bedienen, mit Vorschaufunktion ()
-Tools
+==Projektbeispiele==
-Mozilla – they have a very nice explanations and usecases as they are made for purposes like ours! They got as well a remix platform, where existing webpages can be forked and changed. This is didactically nice as it gives a rather immediate sense of archivement.
+[http://www.teleportacia.org/war/war.html My Boyfriend Came Back From War] Ein bekanntes Webkunstwerk. Technisch nicht kompliziert: Text, Bilder und Links
-    Live-Previewing-Editor: https://thimble.webmaker.org/en-US
+[[Category:Jan Dittrich]]
-    kinda education version of Firebug: https://goggles.webmaker.org/en-US
-Brackets: Nice local Editor. For the reason of didactics I prefer Mozilla much, but if a local editor is needed/wanted this is possibly the best: It offers instant preview, has a nice autocomplete (for files etc. too!), live checking  and is free/open software.
-    http://download.brackets.io/
-Artworks
-Olia Lialina: http://www.teleportacia.org/war/war.html (HTML/Images, 1996) I like this, since its liks, images and a famous piece of net art nevertheless.
-Didactics
-In order to involve advanced and beginning students as well, it might be nice to do group works in which the students could:
-    Create Defintions and Explain concepts. Possibly using the jigsaw method:
-    Solve Problems
-Good tools as well
-    Short Talks (2-5min)
-    Give working, tryable Examples
-    Activate exisiting knowledge at start (feels better to know already something, new stuff is learnined easier herafter)
-External Materials
-    Learn Javascript: http://eloquentjavascript.net/ One of my favourite javascript resources. I would not make JS Programming a topic needed for everyone though, to hard to learn.
-    jQuery. An awesome new library ;-) http://jquery.com/
-    pearl: strange stuff for readymade art. http://www.pearl.de/ NTS)