Medien Wiki - User contributions [en]

IFD:Kolloq WS15

2015-11-24T13:15:45Z

Nago5468: /* Syllabus */

[[:Category:Kolloquium|Kolloquium]] <br/>
''Lehrperson:'' [[Michael Markert]], [[Jason Reizner]], [[Martin Schied]]<br/>
''Bewertung:'' up to 6 [[ECTS]] (depending on the relevant study version), 2 [[SWS]]<br/>
''Termin:'' periodically Wednesdays, 10:00 to 12:00 h<br/>
''Ort:'' Marienstraße 7b, Raum 101<br/>

''First Meeting:'' tba

==Beschreibung==
Das Interface-Design Kolloquium lädt unregelmäßig Mittwochs zu einem kleinen Vortrag aus der Praxis (von Studierenden, Gästen oder Mitarbeitern) ein. Im Anschluss wird über das Thema des Vortrags diskutiert.

==English description==
We are inviting students, guests and lecturers to present their works. There will be a brief discussion afterwards.

== Anmeldung ==
Der Besuch ist offen für alle und erfordert keine Anmeldung

==Zielgruppe==
Alle Bachelor- und Master-Studenten, Absolventen und Mitarbeiter der Professur Interface-Design.

== Hinweise für Vortragende ==

Normalerweise gibt es zwei Redner pro Termin. Es gibt einen Beamer (VGA-Connector!), wenn Sie Sound oder einen Computer benötigen, melden Sie sich bitte bei [[User:Mm|Michael]]. Falls Sie die Präsentation auf einem USB-Stick mitbringen, dann bitte entweder als Mac-Keynote oder als PDF. Wir haben nur eventuell Zugriff auf einen Windows-PC mit Powerpoint.

Ein Internetzugang steht über das WiFi Netzwerk "eduroam" zur Verfügung. Falls Sie kein Universitätslogin haben, melden Sie sich bitte rechtzeitig, damit wir einen Gastzugang beantragen können.

Sie können Ihre Vortragssprache (Deutsch/Englisch) frei wählen. Es sind jedoch üblicherweise 5 bis 10% fremdsprachige Teilnehmer anwesend, die i.d.R. besser Englisch als Deutsch verstehen.

Die Präsentation sollte eine Dauer von etwa ~20 Minuten haben. Bitte haben Sie Verständnis dafür, wenn wir nach spätestens 30 Minuten abbrechen, denn wir möchten noch genügend Zeit für Feedback, Fragen und kurze Anschlussdiskussionen haben.

== Notes for Speakers ==

If you feel you have something interesting to share, please contact us. We are always looking for interesting things to share and talk about.

Typically, we have two presentations per meeting. There is a projector with VGA Connector. If you need Sound or a Computer, please contact [[User:Mm|Michael]]. If you bring your presentation on a USB-Stick, please use either Mac-Keynote or PDF, because we may or may not find a Windows-PC with Powerpoint.

To connect to the internet, you can use the "eduroam" WiFi network. If you have no University login, please get in touch, so we can arrange a guest account.

The language of your talk (German/English) is up to you to decide. Usually, there are about 5 to 10% Students that understand English better than German.

The presentation should have a duration of about ~ 20 minutes. Please understand that we need to stop the talk after 30 minutes latest, because there should be time for feedback, questions and short discussions.

==Syllabus==
Vorläufiger Semesterplan:
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
DIE VERANSTALTUNG FINDET NUR STATT, WENN ES ZWEI VORTRÄGE GIBT!

# <del>Wed, 21.10. no meeting</del>
# <del>Wed, 28.10. no meeting</del>
# <del>Wed, 04.11. no meeting</del>
# <del>Wed, 11.11. no meeting</del>
# <del>Wed, 18.11. no meeting</del>
# Wed, 25.11. Antonia Volke (Master: Collaboration-Tool), Xiangzhen Lu (Master: Live Magnets)
# Wed, 02.12.
# Wed, 09.12.
# <del>Wed, 16.12. no meeting</del>
# Wed, 06.01. to be announced
# Wed, 13.01.
# Wed, 20.01.
# Wed, 03.02.

ONLY TWO PRESENTATIONS PER DAY PLEASE!
THE KOLLOQUIUM WILL ONLY TAKE PLACE IF THERE ARE TWO PRESENTATIONS!

== Previous Semesters ==
* [[IFD:Kolloq SS15]]
* [[IFD:Kolloq WS14]]
* [[IFD:Kolloq SS14]]
* [[IFD:Kolloq WS13]]
* [[IFD:Kolloq SS12]]
* [[IFD:Kolloq WS12]]
* [[IFD:Kolloq SS13]]

==Links==
* tba

IFD:Kolloq WS15

2015-11-16T10:34:16Z

Nago5468: /* Syllabus */

[[:Category:Kolloquium|Kolloquium]] <br/>
''Lehrperson:'' [[Michael Markert]], [[Jason Reizner]], [[Martin Schied]]<br/>
''Bewertung:'' 0 [[ECTS]], ca. 0 [[SWS]]<br/>
''Termin:'' periodically Wednesdays, 11:30 to 13:00 h<br/>
''Ort:'' Marienstraße 7b, Raum 105<br/>

''First Meeting:'' tba

==Beschreibung==
Das Interface-Design Kolloquium lädt unregelmäßig Mittwochs zu einem kleinen Vortrag aus der Praxis (von Studierenden, Gästen oder Mitarbeitern) ein. Im Anschluss wird über das Thema des Vortrags diskutiert.

==English description==
We are inviting students, guests and lecturers to present their works. There will be a brief discussion afterwards.

== Anmeldung ==
Der Besuch ist offen für alle und erfordert keine Anmeldung

==Zielgruppe==
Alle Bachelor- und Master-Studenten, Absolventen und Mitarbeiter der Professur Interface-Design.

== Hinweise für Vortragende ==

Normalerweise gibt es zwei Redner pro Termin. Es gibt einen Beamer (VGA-Connector!), wenn Sie Sound oder einen Computer benötigen, melden Sie sich bitte bei [[User:Mm|Michael]]. Falls Sie die Präsentation auf einem USB-Stick mitbringen, dann bitte entweder als Mac-Keynote oder als PDF. Wir haben nur eventuell Zugriff auf einen Windows-PC mit Powerpoint.

Ein Internetzugang steht über das WiFi Netzwerk "eduroam" zur Verfügung. Falls Sie kein Universitätslogin haben, melden Sie sich bitte rechtzeitig, damit wir einen Gastzugang beantragen können.

Sie können Ihre Vortragssprache (Deutsch/Englisch) frei wählen. Es sind jedoch üblicherweise 5 bis 10% fremdsprachige Teilnehmer anwesend, die i.d.R. besser Englisch als Deutsch verstehen.

Die Präsentation sollte eine Dauer von etwa ~20 Minuten haben. Bitte haben Sie Verständnis dafür, wenn wir nach spätestens 30 Minuten abbrechen, denn wir möchten noch genügend Zeit für Feedback, Fragen und kurze Anschlussdiskussionen haben.

== Notes for Speakers ==

If you feel you have something interesting to share, please contact us. We are always looking for interesting things to share and talk about.

Typically, we have two presentations per meeting. There is a projector with VGA Connector. If you need Sound or a Computer, please contact [[User:Mm|Michael]]. If you bring your presentation on a USB-Stick, please use either Mac-Keynote or PDF, because we may or may not find a Windows-PC with Powerpoint.

To connect to the internet, you can use the "eduroam" WiFi network. If you have no University login, please get in touch, so we can arrange a guest account.

The language of your talk (German/English) is up to you to decide. Usually, there are about 5 to 10% Students that understand English better than German.

The presentation should have a duration of about ~ 20 minutes. Please understand that we need to stop the talk after 30 minutes latest, because there should be time for feedback, questions and short discussions.

==Syllabus==
Vorläufiger Semesterplan:
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
ONLY TWO PRESENTATIONS PER DAY PLEASE!
# <del>Wed, 21.10. no meeting</del>
# <del>Wed, 28.10. no meeting</del>
# <del>Wed, 04.11. no meeting</del>
# <del>Wed, 11.11. no meeting</del>
# Wed, 18.11. tba
# ...
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
ONLY TWO PRESENTATIONS PER DAY PLEASE!

== Previous Semesters ==
* [[IFD:Kolloq SS15]]
* [[IFD:Kolloq WS14]]
* [[IFD:Kolloq SS14]]
* [[IFD:Kolloq WS13]]
* [[IFD:Kolloq SS12]]
* [[IFD:Kolloq WS12]]
* [[IFD:Kolloq SS13]]

==Links==
* tba

IFD:Kolloq WS15

2015-11-13T16:19:27Z

Nago5468: /* Syllabus */

[[:Category:Kolloquium|Kolloquium]] <br/>
''Lehrperson:'' [[Michael Markert]], [[Jason Reizner]], [[Martin Schied]]<br/>
''Bewertung:'' 0 [[ECTS]], ca. 0 [[SWS]]<br/>
''Termin:'' periodically Wednesdays, 11:30 to 13:00 h<br/>
''Ort:'' Marienstraße 7b, Raum 105<br/>

''First Meeting:'' tba

==Beschreibung==
Das Interface-Design Kolloquium lädt unregelmäßig Mittwochs zu einem kleinen Vortrag aus der Praxis (von Studierenden, Gästen oder Mitarbeitern) ein. Im Anschluss wird über das Thema des Vortrags diskutiert.

==English description==
We are inviting students, guests and lecturers to present their works. There will be a brief discussion afterwards.

== Anmeldung ==
Der Besuch ist offen für alle und erfordert keine Anmeldung

==Zielgruppe==
Alle Bachelor- und Master-Studenten, Absolventen und Mitarbeiter der Professur Interface-Design.

== Hinweise für Vortragende ==

Normalerweise gibt es zwei Redner pro Termin. Es gibt einen Beamer (VGA-Connector!), wenn Sie Sound oder einen Computer benötigen, melden Sie sich bitte bei [[User:Mm|Michael]]. Falls Sie die Präsentation auf einem USB-Stick mitbringen, dann bitte entweder als Mac-Keynote oder als PDF. Wir haben nur eventuell Zugriff auf einen Windows-PC mit Powerpoint.

Ein Internetzugang steht über das WiFi Netzwerk "eduroam" zur Verfügung. Falls Sie kein Universitätslogin haben, melden Sie sich bitte rechtzeitig, damit wir einen Gastzugang beantragen können.

Sie können Ihre Vortragssprache (Deutsch/Englisch) frei wählen. Es sind jedoch üblicherweise 5 bis 10% fremdsprachige Teilnehmer anwesend, die i.d.R. besser Englisch als Deutsch verstehen.

Die Präsentation sollte eine Dauer von etwa ~20 Minuten haben. Bitte haben Sie Verständnis dafür, wenn wir nach spätestens 30 Minuten abbrechen, denn wir möchten noch genügend Zeit für Feedback, Fragen und kurze Anschlussdiskussionen haben.

== Notes for Speakers ==

If you feel you have something interesting to share, please contact us. We are always looking for interesting things to share and talk about.

Typically, we have two presentations per meeting. There is a projector with VGA Connector. If you need Sound or a Computer, please contact [[User:Mm|Michael]]. If you bring your presentation on a USB-Stick, please use either Mac-Keynote or PDF, because we may or may not find a Windows-PC with Powerpoint.

To connect to the internet, you can use the "eduroam" WiFi network. If you have no University login, please get in touch, so we can arrange a guest account.

The language of your talk (German/English) is up to you to decide. Usually, there are about 5 to 10% Students that understand English better than German.

The presentation should have a duration of about ~ 20 minutes. Please understand that we need to stop the talk after 30 minutes latest, because there should be time for feedback, questions and short discussions.

==Syllabus==
Vorläufiger Semesterplan:
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
ONLY TWO PRESENTATIONS PER DAY PLEASE!
# <del>Wed, 21.10. no meeting</del>
# <del>Wed, 28.10. no meeting</del>
# <del>Wed, 04.11. no meeting</del>
# <del>Wed, 11.11. no meeting</del>
# Wed, 18.11. Xiangzhen Lu, "Live Magnet"
# ...
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
ONLY TWO PRESENTATIONS PER DAY PLEASE!

== Previous Semesters ==
* [[IFD:Kolloq SS15]]
* [[IFD:Kolloq WS14]]
* [[IFD:Kolloq SS14]]
* [[IFD:Kolloq WS13]]
* [[IFD:Kolloq SS12]]
* [[IFD:Kolloq WS12]]
* [[IFD:Kolloq SS13]]

==Links==
* tba

IFD:ShowreelWS14/Nicklas Slagbrand, Xiangzhen Lu - Project Bench

2015-01-28T19:04:06Z

Nago5468:

==Project Bench==
===Nicklas Slagbrand, Xiangzhen Lu===
====Society of Networked Things====
https://www.youtube.com/watch?v=PgtPJUjHo2s&feature=youtu.be
[[File:bench2.jpg]]
[[File:bench3.jpg]]
[[File:bench4.jpg]]
[[File:bench5.jpg]]
[[File:bench6.jpg]]
[[File:bench7.jpg]]
[[File:bench8.jpg]]
[[File:bench9.jpg]]
[[File:bench10.jpg]]
[[File:bench11.jpg]]
[[File:bench1.jpg]]

IFD:ShowreelWS14/Nicklas Slagbrand, Xiangzhen Lu - Project Bench

2015-01-28T19:01:55Z

Nago5468:

==Project Bench==
===Nicklas Slagbrand, Xiangzhen Lu===
====Society of Networked Things====
https://www.youtube.com/watch?v=PgtPJUjHo2s&feature=youtu.be
[[File:bench1.jpg]]
[[File:bench2.jpg]]
[[File:bench3.jpg]]
[[File:bench4.jpg]]
[[File:bench5.jpg]]
[[File:bench6.jpg]]
[[File:bench7.jpg]]
[[File:bench8.jpg]]
[[File:bench9.jpg]]
[[File:bench10.jpg]]
[[File:bench11.jpg]]
[[File:bench1.jpg]]

IFD:ShowreelWS14/Nicklas Slagbrand, Xiangzhen Lu - Project Bench

2015-01-28T19:00:42Z

Nago5468:

==Project Bench==
===Nicklas Slagbrand, Xiangzhen Lu===
====Society of Networked Things====
https://www.youtube.com/watch?v=PgtPJUjHo2s&feature=youtu.be
[[File:bench1.jpg]]
[[File:bench2.jpg]]
[[File:bench3.jpg]]
[[File:bench4.jpg]]
[[File:bench5.jpg]]
[[File:bench6.jpg]]
[[File:bench7.jpg]]
[[File:bench8.jpg]]
[[File:bench9.jpg]]
[[File:bench10.jpg]]
[[File:bench11.jpg]]
[[File:bench12.jpg]]

File:Bench11.jpg

2015-01-28T18:59:02Z

Nago5468:

== Summary ==

== Copyright status: ==

== Source: ==

File:Bench10.jpg

2015-01-28T18:58:49Z

Nago5468:

== Summary ==

== Copyright status: ==

== Source: ==

File:Bench9.jpg

2015-01-28T18:58:35Z

Nago5468:

== Summary ==

== Copyright status: ==

== Source: ==

File:Bench8.jpg

2015-01-28T18:58:14Z

Nago5468:

== Summary ==

== Copyright status: ==

== Source: ==

File:Bench7.jpg

2015-01-28T18:58:01Z

Nago5468:

== Summary ==

== Copyright status: ==

== Source: ==

File:Bench6.jpg

2015-01-28T18:57:48Z

Nago5468:

== Summary ==

== Copyright status: ==

== Source: ==

File:Bench5.jpg

2015-01-28T18:57:38Z

Nago5468:

== Summary ==

== Copyright status: ==

== Source: ==

File:Bench4.jpg

2015-01-28T18:57:25Z

Nago5468:

== Summary ==

== Copyright status: ==

== Source: ==

File:Bench3.jpg

2015-01-28T18:57:11Z

Nago5468:

== Summary ==

== Copyright status: ==

== Source: ==

IFD:ShowreelWS14/Nicklas Slagbrand, Xiangzhen Lu - Project Bench

2015-01-28T18:56:55Z

Nago5468:

==Project Bench==
===Nicklas Slagbrand, Xiangzhen Lu===
====Society of Networked Things====
[[File:bench1.jpg]]
[[File:bench2.jpg]]

File:Bench2.jpg

2015-01-28T18:55:24Z

Nago5468:

== Summary ==

== Copyright status: ==

== Source: ==

File:Bench1.jpg

2015-01-28T18:54:36Z

Nago5468:

== Summary ==

== Copyright status: ==

== Source: ==

IFD:ShowreelWS14/Nicklas Slagbrand, Xiangzhen Lu - Project Bench

2015-01-28T18:53:49Z

Nago5468: Created page with "==Project Bench== ===Nicklas Slagbrand, Xiangzhen Lu=== ====Society of Networked Things===="

==Project Bench==
===Nicklas Slagbrand, Xiangzhen Lu===
====Society of Networked Things====

IFD:ShowreelWS14

2015-01-28T18:51:04Z

Nago5468:

[[File:Showreel_ws14_plakat_20150107.png]]

<h3 style="color:#005172;">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/?section=ShowreelWS14 Test Your Presentation]<br>
[[IFD:Showreel/Blank_Page|A Blank Test Page]]

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

'''Präsentation Wintersemester 2014'''<br>
Professur Interface Design<br>
Prof. Dr. Jens Geelhaar, Johannes Deich, Michael Markert, Gabriel Rausch, Martin Schied

'''29. Januar 2015'''<br>
'''ab 15:30 Uhr'''<br>
'''Audimax'''<br>

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:#005172;">PROGRAMM</h3>

'''15:30 Block "Fach- und Werkmodule"'''

* Werkmodul 'Lorem Ipsum I'
** [[/Lorem Ipsum - Dolor Sed/]]

* Werkmodul 'Multimediale Web-Platform & E-Learning'
** [[/Multimediale Web-Platform und E-Learning/]]

'''16:15 Block "Media-Architecture Exchange Program"'''

* Bauhaus Universität Weimar: Project 'Society of Networked Things'
** [[/Society of Networked Things|Society of Networked Things]]
** [[/Sharelog|Sharelog: A full shelf of spontaneous dialogues.]]
** [[/Nicklas Slagbrand, Xiangzhen Lu - Project Bench/]]

* University at Buffalo, SUNY: 'Überblick'
** [[/Uberblick|Uberblick]]

* University at Buffalo, SUNY: 'Mobile Apps with HTML5'
** [[/Mobile Apps|Mobile Apps]]

'''16:30 Pause'''

'''16:45 Block "Projekte"'''

* Bachelor Projektmodul 'Interface Design 1 - Methoden und Experimente im Interface Design I'
**[[/Heinrich Roolf - FabLab-App/]]
** [[/Philipp Wartenberg - reuse.it/]]

* Master Projektmodul 'Interface Design 3 - Tangible Interfaces with Printed Electronics and 3D-MID I'
** [[/Wang Yana, Qiu Jie, Florian Wittig - Era-Drilling Robot/]]
** [[/Cao Juan, Liu Chen, Ma Xuexi, Daniel Pelaez - Acoustic Pixels/]]
** [[/Moritz Dreßler - Generative Doorbell/]]

IFD:ShowreelWS14

2015-01-28T18:50:41Z

Nago5468:

[[File:Showreel_ws14_plakat_20150107.png]]

<h3 style="color:#005172;">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/?section=ShowreelWS14 Test Your Presentation]<br>
[[IFD:Showreel/Blank_Page|A Blank Test Page]]

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

'''Präsentation Wintersemester 2014'''<br>
Professur Interface Design<br>
Prof. Dr. Jens Geelhaar, Johannes Deich, Michael Markert, Gabriel Rausch, Martin Schied

'''29. Januar 2015'''<br>
'''ab 15:30 Uhr'''<br>
'''Audimax'''<br>

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:#005172;">PROGRAMM</h3>

'''15:30 Block "Fach- und Werkmodule"'''

* Werkmodul 'Lorem Ipsum I'
** [[/Lorem Ipsum - Dolor Sed/]]

* Werkmodul 'Multimediale Web-Platform & E-Learning'
** [[/Multimediale Web-Platform und E-Learning/]]

'''16:15 Block "Media-Architecture Exchange Program"'''

* Bauhaus Universität Weimar: Project 'Society of Networked Things'
** [[/Society of Networked Things|Society of Networked Things]]
** [[/Sharelog|Sharelog: A full shelf of spontaneous dialogues.]]
** [[/Nicklas Slagbrand, Xiangzhen Lu - Project Bench]]

* University at Buffalo, SUNY: 'Überblick'
** [[/Uberblick|Uberblick]]

* University at Buffalo, SUNY: 'Mobile Apps with HTML5'
** [[/Mobile Apps|Mobile Apps]]

'''16:30 Pause'''

'''16:45 Block "Projekte"'''

* Bachelor Projektmodul 'Interface Design 1 - Methoden und Experimente im Interface Design I'
**[[/Heinrich Roolf - FabLab-App/]]
** [[/Philipp Wartenberg - reuse.it/]]

* Master Projektmodul 'Interface Design 3 - Tangible Interfaces with Printed Electronics and 3D-MID I'
** [[/Wang Yana, Qiu Jie, Florian Wittig - Era-Drilling Robot/]]
** [[/Cao Juan, Liu Chen, Ma Xuexi, Daniel Pelaez - Acoustic Pixels/]]
** [[/Moritz Dreßler - Generative Doorbell/]]

IFD:ShowreelWS14

2015-01-28T18:44:50Z

Nago5468:

[[File:Showreel_ws14_plakat_20150107.png]]

<h3 style="color:#005172;">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/?section=ShowreelWS14 Test Your Presentation]<br>
[[IFD:Showreel/Blank_Page|A Blank Test Page]]

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

'''Präsentation Wintersemester 2014'''<br>
Professur Interface Design<br>
Prof. Dr. Jens Geelhaar, Johannes Deich, Michael Markert, Gabriel Rausch, Martin Schied

'''29. Januar 2015'''<br>
'''ab 15:30 Uhr'''<br>
'''Audimax'''<br>

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:#005172;">PROGRAMM</h3>

'''15:30 Block "Fach- und Werkmodule"'''

* Werkmodul 'Lorem Ipsum I'
** [[/Lorem Ipsum - Dolor Sed/]]

* Werkmodul 'Multimediale Web-Platform & E-Learning'
** [[/Multimediale Web-Platform und E-Learning/]]

'''16:15 Block "Media-Architecture Exchange Program"'''

* Bauhaus Universität Weimar: Project 'Society of Networked Things'
** [[/Society of Networked Things|Society of Networked Things]]
** [[/Sharelog|Sharelog: A full shelf of spontaneous dialogues.]]
** [[/Project Bench|Project Bench: A bench that tweets.]]

* University at Buffalo, SUNY: 'Überblick'
** [[/Uberblick|Uberblick]]

* University at Buffalo, SUNY: 'Mobile Apps with HTML5'
** [[/Mobile Apps|Mobile Apps]]

'''16:30 Pause'''

'''16:45 Block "Projekte"'''

* Bachelor Projektmodul 'Interface Design 1 - Methoden und Experimente im Interface Design I'
**[[/Heinrich Roolf - FabLab-App/]]
** [[/Philipp Wartenberg - reuse.it/]]

* Master Projektmodul 'Interface Design 3 - Tangible Interfaces with Printed Electronics and 3D-MID I'
** [[/Wang Yana, Qiu Jie, Florian Wittig - Era-Drilling Robot/]]
** [[/Cao Juan, Liu Chen, Ma Xuexi, Daniel Pelaez - Acoustic Pixels/]]
** [[/Moritz Dreßler - Generative Doorbell/]]

IFD:Responsive Webdesign – Crash Course/Wiki Facelift and Mobile Optimization

2014-12-20T16:32:01Z

Nago5468: /* Linklist to prototypes */

==Linklist to prototypes==

Natalia Suárez
[http://jsbin.com/juyiwu/ My Link]

Simon Schneegans and Felix Lauer
[http://simonschneegans.de/responsive_web/ Our Link]

Nicklas Slagbrand
[http://nicklasslagbrand.se/subdoman/ My Link]

Zhang Yating
[http://jsbin.com/wugepe/ My Link]

Wang Yana
[http://jsbin.com/zogeno/ My Link]

Florian Wittig
[http://jsbin.com/fihibe/1/ My Link]

Xiangzhen LU and Yao CHEN
[http://firenzelu.me/responsive/ Our Link]
(Hint: tap on headings for navigation)

Firstname Lastname
[http://myprototype.com My Link]

Andrés Arteaga
[http://jsbin.com/corig/7 My Link]

Olga Falko
[http://jsbin.com/bocagu/1 My Link]

Alexander Vogt
[http://onezeronine.com/wiki/Main_Page.html Wiki-Clone with working nav-menu]

Tobias Westphal
[http://www.salvationpioneer.com/wessi/ Nice Wiki]

IFD:Responsive Webdesign – Crash Course/Wiki Facelift and Mobile Optimization

2014-12-20T16:31:04Z

Nago5468: /* Linklist to prototypes */

==Linklist to prototypes==

Natalia Suárez
[http://jsbin.com/juyiwu/ My Link]

Simon Schneegans and Felix Lauer
[http://simonschneegans.de/responsive_web/ Our Link]

Nicklas Slagbrand
[http://nicklasslagbrand.se/subdoman/ My Link]

Zhang Yating
[http://jsbin.com/wugepe/ My Link]

Wang Yana
[http://jsbin.com/zogeno/ My Link]

Florian Wittig
[http://jsbin.com/fihibe/1/ My Link]

Xiangzhen LU and Yao CHEN
[http://firenzelu.me/responsive/ My Link]
(Hint: tap on headings for navigation)

Firstname Lastname
[http://myprototype.com My Link]

Andrés Arteaga
[http://jsbin.com/corig/7 My Link]

Olga Falko
[http://jsbin.com/bocagu/1 My Link]

Alexander Vogt
[http://onezeronine.com/wiki/Main_Page.html Wiki-Clone with working nav-menu]

Tobias Westphal
[http://www.salvationpioneer.com/wessi/ Nice Wiki]

IFD:Responsive Webdesign – Crash Course/Wiki Facelift and Mobile Optimization

2014-12-20T16:30:15Z

Nago5468: /* Linklist to prototypes */

==Linklist to prototypes==

Natalia Suárez
[http://jsbin.com/juyiwu/ My Link]

Simon Schneegans and Felix Lauer
[http://simonschneegans.de/responsive_web/ Our Link]

Nicklas Slagbrand
[http://nicklasslagbrand.se/subdoman/ My Link]

Zhang Yating
[http://jsbin.com/wugepe/ My Link]

Wang Yana
[http://jsbin.com/zogeno/ My Link]

Florian Wittig
[http://jsbin.com/fihibe/1/ My Link]

Xiangzhen LU and Yao CHEN
[http://firenzelu.me/responsive/ My Link]
Hint: tap on headings for navigation

Firstname Lastname
[http://myprototype.com My Link]

Andrés Arteaga
[http://jsbin.com/corig/7 My Link]

Olga Falko
[http://jsbin.com/bocagu/1 My Link]

Alexander Vogt
[http://onezeronine.com/wiki/Main_Page.html Wiki-Clone with working nav-menu]

Tobias Westphal
[http://www.salvationpioneer.com/wessi/ Nice Wiki]

Xiangzhen, LU

2014-09-01T12:53:46Z

Nago5468: /* Fingies Landing Page */

==Fingies Landing Page==
We were provided with the task to re-design the current landing page for the Fingies Project.

The software being installed on PC include Sublime Text (code editor), Xampp (PHP and Apache servers).

We were first asked to design the layout of the front-end.

[[File:XZ_LU_Landingpage.png|200px]]

''The front-end layout I designed.''

After that, we were introduced to, and played around with, the current WYSIWYG solutions of Content Management System (CMS), including Tinymce, NicEdit, etc.

We then built up our own CMS using HTML, JavaScript and PHP to build the back-end from sketch. We borrowed the rich-text editor directly from existing CMS. I don’t have a solid background of programming, but along the way our instructor has taught the syntax of PHP while building the CMS.

[[File:XZ_LU_Backend.png|200px]]

''The back-end of mine.''

We then dug further into the feature sets a mature CMS should be equipped, with reference to popular CMS solutions like Joomla and Magento. After that, we decided to give the popular German-made CMS (other than Wordpress), Typo3, a try. With it, the single-page landing page developed into a multi-page site. We learnt a bit about TypoScript, the language specific to Typo3.

[[File:XZ_LU_Type3.png|200px]]

''Using Typo3.''

==Data visualization==
After the CMS section, we moved on to work with data visualization, because afterwards we would try to implement the Fingies API and visualize (and work with) live data received from different Fingies boxes. We’ve spent time studying the APIs provided by the online visualizing library, Highcharts.com. In the meantime, we were given the Fingies API to derive the online Fingies count of the current moment. Our assignment, hence, is to visualize the online Fingies count in a Highchart diagram.

[[File:XZ_LU_Highchart.png|200px]]

''Highchart diagram of online Fingies count.''

But this was not where we stopped with visualization. We then moved on to SVG, the vector graphics based on XML. To edit SVG image further, I have installed Inkscape, alternative to Illustrator, on my PC.

We were then required to make our own visualization project utilizing the multiple sensors of a Fingies box, or devices that connect to the Fingies server. I played around with the gyroscope of my Windows Tablet, and created a web app called the God’s Hand.

The idea is simple: There I build a microcosm in the computer, with sky, mountain, the sun and the moon. With your hand repositioning the tablet, the timing in the microcosm will change, and you will be able to see the sun going down and moon up, and vice versa.

[[File:XZ_LU_GHPrototype.png|200px]]

''Prototype of God’s Hand.''

[[File:XZ_LU_GHFinal.png|200px]]

''Realization of God’s Hand.''

Finally, when we have finished the above agenda for this semester’s Administrating Data class, we were asked to fine tune our mobile phone to remotely control the Showreel SS14 web app developed for the showcase of this event. The mechanism being adopted behind here is the Hammer.js, a touch-based JavaScript library available in the wild.

File:XZ LU GHPrototype.png

2014-09-01T09:34:16Z

Nago5468: Prototype of God’s Hand.

== Summary ==
Prototype of God’s Hand.
== Copyright status: ==

== Source: ==

Xiangzhen, LU

2014-09-01T09:32:46Z

Nago5468: /* Data visualization */

==Fingies Landing Page==
We were provided with the task to re-design the current landing page for the Fingies Project.

The software being installed on PC include Sublime Text (code editor), Xampp (PHP and Apache servers).

We were first asked to design the layout of the front-end.

[[File:XZ_LU_Landingpage.png|200px]]

''The front-end layout I designed.''

After that, we were introduced to, and played around with, the current WYSIWYG solutions of Content Management System (CMS), including Tinymce, NicEdit, etc.

We then build up our own CMS using HTML, JavaScript and PHP to build the back-end from sketch. We borrowed the rich-text editor directly from existing CMS. I don’t have a solid background of programming, but along the way our instructor has taught the syntax of PHP while building the CMS.

[[File:XZ_LU_Backend.png|200px]]

''The back-end of mine.''

We then dug further into the feature sets a mature CMS should be equipped, with reference to popular CMS solutions like Joomla and Magento. After that, we decided to give the popular German-made CMS (other than Wordpress), Typo3, a try. With it, the single-page landing page developed into a multi-page site. We learnt a bit about TypoScript, the language specific to Typo3.

[[File:XZ_LU_Type3.png|200px]]

''Using Typo3.''

==Data visualization==
After the CMS section, we moved on to work with data visualization, because afterwards we would try to implement the Fingies API and visualize (and work with) live data received from different Fingies boxes. We’ve spent time studying the APIs provided by the online visualizing library, Highcharts.com. In the meantime, we were given the Fingies API to derive the online Fingies count of the current moment. Our assignment, hence, is to visualize the online Fingies count in a Highchart diagram.

[[File:XZ_LU_Highchart.png|200px]]

''Highchart diagram of online Fingies count.''

But this was not where we stopped with visualization. We then moved on to SVG, the vector graphics based on XML. To edit SVG image further, I have installed Inkscape, alternative to Illustrator, on my PC.

We were then required to make our own visualization project utilizing the multiple sensors of a Fingies box, or devices that connect to the Fingies server. I played around with the gyroscope of my Windows Tablet, and created a web app called the God’s Hand.

The idea is simple: There I build a microcosm in the computer, with sky, mountain, the sun and the moon. With your hand repositioning the tablet, the timing in the microcosm will change, and you will be able to see the sun going down and moon up, and vice versa.

[[File:XZ_LU_GHPrototype.png|200px]]

''Prototype of God’s Hand.''

[[File:XZ_LU_GHFinal.png|200px]]

''Realization of God’s Hand.''

Finally, when we have finished the above agenda for this semester’s Administrating Data class, we were asked to fine tune our mobile phone to remotely control the Showreel SS14 web app developed for the showcase of this event. The mechanism being adopted behind here is the Hammer.js, a touch-based JavaScript library available in the wild.

File:XZ LU GHFinal.png

2014-09-01T09:32:05Z

Nago5468: Realization of God’s Hand.

== Summary ==
Realization of God’s Hand.
== Copyright status: ==

== Source: ==

Xiangzhen, LU

2014-09-01T09:25:00Z

Nago5468: /* Data visualization */

==Fingies Landing Page==
We were provided with the task to re-design the current landing page for the Fingies Project.

The software being installed on PC include Sublime Text (code editor), Xampp (PHP and Apache servers).

We were first asked to design the layout of the front-end.

[[File:XZ_LU_Landingpage.png|200px]]

''The front-end layout I designed.''

After that, we were introduced to, and played around with, the current WYSIWYG solutions of Content Management System (CMS), including Tinymce, NicEdit, etc.

We then build up our own CMS using HTML, JavaScript and PHP to build the back-end from sketch. We borrowed the rich-text editor directly from existing CMS. I don’t have a solid background of programming, but along the way our instructor has taught the syntax of PHP while building the CMS.

[[File:XZ_LU_Backend.png|200px]]

''The back-end of mine.''

We then dug further into the feature sets a mature CMS should be equipped, with reference to popular CMS solutions like Joomla and Magento. After that, we decided to give the popular German-made CMS (other than Wordpress), Typo3, a try. With it, the single-page landing page developed into a multi-page site. We learnt a bit about TypoScript, the language specific to Typo3.

[[File:XZ_LU_Type3.png|200px]]

''Using Typo3.''

==Data visualization==
After the CMS section, we moved on to work with data visualization, because afterwards we would try to implement the Fingies API and visualize (and work with) live data received from different Fingies boxes. We’ve spent time studying the APIs provided by the online visualizing library, Highcharts.com. In the meantime, we were given the Fingies API to derive the online Fingies count of the current moment. Our assignment, hence, is to visualize the online Fingies count in a Highchart diagram.

[[File:XZ_LU_Highchart.png|200px]]

''Highchart diagram of online Fingies count.''

But this was not where we stopped with visualization. We then moved on to SVG, the vector graphics based on XML. To edit SVG image further, I have installed Inkscape, alternative to Illustrator, on my PC.

We were then required to make our own visualization project utilizing the multiple sensors of a Fingies box, or devices that connect to the Fingies server. I played around with the gyroscope of my Windows Tablet, and created a web app called the God’s Hand.

The idea is simple: There I build a microcosm in the computer, with sky, mountain, the sun and the moon. With your hand repositioning the tablet, the timing in the microcosm will change, and you will be able to see the sun going down and moon up, and vice versa.

''Prototype of God’s Hand.''

''Realization of God’s Hand.''

Finally, when we have finished the above agenda for this semester’s Administrating Data class, we were asked to fine tune our mobile phone to remotely control the Showreel SS14 web app developed for the showcase of this event. The mechanism being adopted behind here is the Hammer.js, a touch-based JavaScript library available in the wild.

File:XZ LU Highchart.png

2014-09-01T09:24:35Z

Nago5468: Highchart diagram of online Fingies count.

== Summary ==
Highchart diagram of online Fingies count.
== Copyright status: ==

== Source: ==

Xiangzhen, LU

2014-09-01T09:16:11Z

Nago5468: /* Fingies Landing Page */

==Fingies Landing Page==
We were provided with the task to re-design the current landing page for the Fingies Project.

The software being installed on PC include Sublime Text (code editor), Xampp (PHP and Apache servers).

We were first asked to design the layout of the front-end.

[[File:XZ_LU_Landingpage.png|200px]]

''The front-end layout I designed.''

After that, we were introduced to, and played around with, the current WYSIWYG solutions of Content Management System (CMS), including Tinymce, NicEdit, etc.

We then build up our own CMS using HTML, JavaScript and PHP to build the back-end from sketch. We borrowed the rich-text editor directly from existing CMS. I don’t have a solid background of programming, but along the way our instructor has taught the syntax of PHP while building the CMS.

[[File:XZ_LU_Backend.png|200px]]

''The back-end of mine.''

We then dug further into the feature sets a mature CMS should be equipped, with reference to popular CMS solutions like Joomla and Magento. After that, we decided to give the popular German-made CMS (other than Wordpress), Typo3, a try. With it, the single-page landing page developed into a multi-page site. We learnt a bit about TypoScript, the language specific to Typo3.

[[File:XZ_LU_Type3.png|200px]]

''Using Typo3.''

==Data visualization==
After the CMS section, we moved on to work with data visualization, because afterwards we would try to implement the Fingies API and visualize (and work with) live data received from different Fingies boxes. We’ve spent time studying the APIs provided by the online visualizing library, Highcharts.com. In the meantime, we were given the Fingies API to derive the online Fingies count of the current moment. Our assignment, hence, is to visualize the online Fingies count in a Highchart diagram.

''Highchart diagram of online Fingies count.''

But this was not where we stopped with visualization. We then moved on to SVG, the vector graphics based on XML. To edit SVG image further, I have installed Inkscape, alternative to Illustrator, on my PC.

We were then required to make our own visualization project utilizing the multiple sensors of a Fingies box, or devices that connect to the Fingies server. I played around with the gyroscope of my Windows Tablet, and created a web app called the God’s Hand.

The idea is simple: There I build a microcosm in the computer, with sky, mountain, the sun and the moon. With your hand repositioning the tablet, the timing in the microcosm will change, and you will be able to see the sun going down and moon up, and vice versa.

''Prototype of God’s Hand.''

''Realization of God’s Hand.''

Finally, when we have finished the above agenda for this semester’s Administrating Data class, we were asked to fine tune our mobile phone to remotely control the Showreel SS14 web app developed for the showcase of this event. The mechanism being adopted behind here is the Hammer.js, a touch-based JavaScript library available in the wild.

Xiangzhen, LU

2014-09-01T09:15:19Z

Nago5468: /* Fingies Landing Page */

==Fingies Landing Page==
We were provided with the task to re-design the current landing page for the Fingies Project.

The software being installed on PC include Sublime Text (code editor), Xampp (PHP and Apache servers).

We were first asked to design the layout of the front-end.

[[File:XZ_LU_Landingpage.png|200px]]

''The front-end layout I designed.''

After that, we were introduced to, and played around with, the current WYSIWYG solutions of Content Management System (CMS), including Tinymce, NicEdit, etc.

We then build up our own CMS using HTML, JavaScript and PHP to build the back-end from sketch. We borrowed the rich-text editor directly from existing CMS. I don’t have a solid background of programming, but along the way our instructor has taught the syntax of PHP while building the CMS.

[[File:XZ_LU_Backend.png|200px]]

''The back-end of mine.''

We then dug further into the feature sets a mature CMS should be equipped, with reference to popular CMS solutions like Joomla and Magento. After that, we decided to give the popular German-made CMS (other than Wordpress), Typo3, a try. With it, the single-page landing page developed into a multi-page site. We learnt a bit about TypoScript, the language specific to Typo3.

[[File:XZ_LU_Typo3.png|200px]]

''Using Typo3.''

==Data visualization==
After the CMS section, we moved on to work with data visualization, because afterwards we would try to implement the Fingies API and visualize (and work with) live data received from different Fingies boxes. We’ve spent time studying the APIs provided by the online visualizing library, Highcharts.com. In the meantime, we were given the Fingies API to derive the online Fingies count of the current moment. Our assignment, hence, is to visualize the online Fingies count in a Highchart diagram.

''Highchart diagram of online Fingies count.''

But this was not where we stopped with visualization. We then moved on to SVG, the vector graphics based on XML. To edit SVG image further, I have installed Inkscape, alternative to Illustrator, on my PC.

We were then required to make our own visualization project utilizing the multiple sensors of a Fingies box, or devices that connect to the Fingies server. I played around with the gyroscope of my Windows Tablet, and created a web app called the God’s Hand.

The idea is simple: There I build a microcosm in the computer, with sky, mountain, the sun and the moon. With your hand repositioning the tablet, the timing in the microcosm will change, and you will be able to see the sun going down and moon up, and vice versa.

''Prototype of God’s Hand.''

''Realization of God’s Hand.''

Finally, when we have finished the above agenda for this semester’s Administrating Data class, we were asked to fine tune our mobile phone to remotely control the Showreel SS14 web app developed for the showcase of this event. The mechanism being adopted behind here is the Hammer.js, a touch-based JavaScript library available in the wild.

Xiangzhen, LU

2014-09-01T09:15:08Z

Nago5468: /* Fingies Landing Page */

==Fingies Landing Page==
We were provided with the task to re-design the current landing page for the Fingies Project.

The software being installed on PC include Sublime Text (code editor), Xampp (PHP and Apache servers).

We were first asked to design the layout of the front-end.

[[File:XZ_LU_Landingpage.png|200px]]

''The front-end layout I designed.''

After that, we were introduced to, and played around with, the current WYSIWYG solutions of Content Management System (CMS), including Tinymce, NicEdit, etc.

We then build up our own CMS using HTML, JavaScript and PHP to build the back-end from sketch. We borrowed the rich-text editor directly from existing CMS. I don’t have a solid background of programming, but along the way our instructor has taught the syntax of PHP while building the CMS.

[[File:XZ_LU_Backend.png|200px]]

''The back-end of mine.''

We then dug further into the feature sets a mature CMS should be equipped, with reference to popular CMS solutions like Joomla and Magento. After that, we decided to give the popular German-made CMS (other than Wordpress), Typo3, a try. With it, the single-page landing page developed into a multi-page site. We learnt a bit about TypoScript, the language specific to Typo3.

[[File:XZ_LU_Typo3|200px]]

''Using Typo3.''

==Data visualization==
After the CMS section, we moved on to work with data visualization, because afterwards we would try to implement the Fingies API and visualize (and work with) live data received from different Fingies boxes. We’ve spent time studying the APIs provided by the online visualizing library, Highcharts.com. In the meantime, we were given the Fingies API to derive the online Fingies count of the current moment. Our assignment, hence, is to visualize the online Fingies count in a Highchart diagram.

''Highchart diagram of online Fingies count.''

But this was not where we stopped with visualization. We then moved on to SVG, the vector graphics based on XML. To edit SVG image further, I have installed Inkscape, alternative to Illustrator, on my PC.

We were then required to make our own visualization project utilizing the multiple sensors of a Fingies box, or devices that connect to the Fingies server. I played around with the gyroscope of my Windows Tablet, and created a web app called the God’s Hand.

The idea is simple: There I build a microcosm in the computer, with sky, mountain, the sun and the moon. With your hand repositioning the tablet, the timing in the microcosm will change, and you will be able to see the sun going down and moon up, and vice versa.

''Prototype of God’s Hand.''

''Realization of God’s Hand.''

Finally, when we have finished the above agenda for this semester’s Administrating Data class, we were asked to fine tune our mobile phone to remotely control the Showreel SS14 web app developed for the showcase of this event. The mechanism being adopted behind here is the Hammer.js, a touch-based JavaScript library available in the wild.

File:XZ LU Type3.png

2014-09-01T09:14:40Z

Nago5468: Using Typo3.

== Summary ==
Using Typo3.
== Copyright status: ==

== Source: ==

Xiangzhen, LU

2014-09-01T09:13:21Z

Nago5468: /* Fingies Landing Page */

==Fingies Landing Page==
We were provided with the task to re-design the current landing page for the Fingies Project.

The software being installed on PC include Sublime Text (code editor), Xampp (PHP and Apache servers).

We were first asked to design the layout of the front-end.

[[File:XZ_LU_Landingpage.png|200px]]

''The front-end layout I designed.''

After that, we were introduced to, and played around with, the current WYSIWYG solutions of Content Management System (CMS), including Tinymce, NicEdit, etc.

We then build up our own CMS using HTML, JavaScript and PHP to build the back-end from sketch. We borrowed the rich-text editor directly from existing CMS. I don’t have a solid background of programming, but along the way our instructor has taught the syntax of PHP while building the CMS.

[[File:XZ_LU_Backend.png|200px]]

''The back-end of mine.''

We then dug further into the feature sets a mature CMS should be equipped, with reference to popular CMS solutions like Joomla and Magento. After that, we decided to give the popular German-made CMS (other than Wordpress), Typo3, a try. With it, the single-page landing page developed into a multi-page site. We learnt a bit about TypoScript, the language specific to Typo3.

''Using Typo3.''

==Data visualization==
After the CMS section, we moved on to work with data visualization, because afterwards we would try to implement the Fingies API and visualize (and work with) live data received from different Fingies boxes. We’ve spent time studying the APIs provided by the online visualizing library, Highcharts.com. In the meantime, we were given the Fingies API to derive the online Fingies count of the current moment. Our assignment, hence, is to visualize the online Fingies count in a Highchart diagram.

''Highchart diagram of online Fingies count.''

But this was not where we stopped with visualization. We then moved on to SVG, the vector graphics based on XML. To edit SVG image further, I have installed Inkscape, alternative to Illustrator, on my PC.

We were then required to make our own visualization project utilizing the multiple sensors of a Fingies box, or devices that connect to the Fingies server. I played around with the gyroscope of my Windows Tablet, and created a web app called the God’s Hand.

The idea is simple: There I build a microcosm in the computer, with sky, mountain, the sun and the moon. With your hand repositioning the tablet, the timing in the microcosm will change, and you will be able to see the sun going down and moon up, and vice versa.

''Prototype of God’s Hand.''

''Realization of God’s Hand.''

Finally, when we have finished the above agenda for this semester’s Administrating Data class, we were asked to fine tune our mobile phone to remotely control the Showreel SS14 web app developed for the showcase of this event. The mechanism being adopted behind here is the Hammer.js, a touch-based JavaScript library available in the wild.

File:XZ LU Backend.png

2014-09-01T09:12:53Z

Nago5468: The back-end of mine.

== Summary ==
The back-end of mine.
== Copyright status: ==

== Source: ==

Xiangzhen, LU

2014-09-01T09:10:40Z

Nago5468: /* Fingies Landing Page */

==Fingies Landing Page==
We were provided with the task to re-design the current landing page for the Fingies Project.

The software being installed on PC include Sublime Text (code editor), Xampp (PHP and Apache servers).

We were first asked to design the layout of the front-end.

[[File:XZ_LU_Landingpage.png|200px]]

''The front-end layout I designed.''

After that, we were introduced to, and played around with, the current WYSIWYG solutions of Content Management System (CMS), including Tinymce, NicEdit, etc.

We then build up our own CMS using HTML, JavaScript and PHP to build the back-end from sketch. We borrowed the rich-text editor directly from existing CMS. I don’t have a solid background of programming, but along the way our instructor has taught the syntax of PHP while building the CMS.

''The back-end of mine.''

We then dug further into the feature sets a mature CMS should be equipped, with reference to popular CMS solutions like Joomla and Magento. After that, we decided to give the popular German-made CMS (other than Wordpress), Typo3, a try. With it, the single-page landing page developed into a multi-page site. We learnt a bit about TypoScript, the language specific to Typo3.

''Using Typo3.''

==Data visualization==
After the CMS section, we moved on to work with data visualization, because afterwards we would try to implement the Fingies API and visualize (and work with) live data received from different Fingies boxes. We’ve spent time studying the APIs provided by the online visualizing library, Highcharts.com. In the meantime, we were given the Fingies API to derive the online Fingies count of the current moment. Our assignment, hence, is to visualize the online Fingies count in a Highchart diagram.

''Highchart diagram of online Fingies count.''

But this was not where we stopped with visualization. We then moved on to SVG, the vector graphics based on XML. To edit SVG image further, I have installed Inkscape, alternative to Illustrator, on my PC.

We were then required to make our own visualization project utilizing the multiple sensors of a Fingies box, or devices that connect to the Fingies server. I played around with the gyroscope of my Windows Tablet, and created a web app called the God’s Hand.

The idea is simple: There I build a microcosm in the computer, with sky, mountain, the sun and the moon. With your hand repositioning the tablet, the timing in the microcosm will change, and you will be able to see the sun going down and moon up, and vice versa.

''Prototype of God’s Hand.''

''Realization of God’s Hand.''

Finally, when we have finished the above agenda for this semester’s Administrating Data class, we were asked to fine tune our mobile phone to remotely control the Showreel SS14 web app developed for the showcase of this event. The mechanism being adopted behind here is the Hammer.js, a touch-based JavaScript library available in the wild.

Xiangzhen, LU

2014-09-01T09:10:29Z

Nago5468: /* Fingies Landing Page */

==Fingies Landing Page==
We were provided with the task to re-design the current landing page for the Fingies Project.

The software being installed on PC include Sublime Text (code editor), Xampp (PHP and Apache servers).

We were first asked to design the layout of the front-end.

[[File:XZ_LU_Landingpage.png|200px]]
''The front-end layout I designed.''

After that, we were introduced to, and played around with, the current WYSIWYG solutions of Content Management System (CMS), including Tinymce, NicEdit, etc.

We then build up our own CMS using HTML, JavaScript and PHP to build the back-end from sketch. We borrowed the rich-text editor directly from existing CMS. I don’t have a solid background of programming, but along the way our instructor has taught the syntax of PHP while building the CMS.

''The back-end of mine.''

We then dug further into the feature sets a mature CMS should be equipped, with reference to popular CMS solutions like Joomla and Magento. After that, we decided to give the popular German-made CMS (other than Wordpress), Typo3, a try. With it, the single-page landing page developed into a multi-page site. We learnt a bit about TypoScript, the language specific to Typo3.

''Using Typo3.''

==Data visualization==
After the CMS section, we moved on to work with data visualization, because afterwards we would try to implement the Fingies API and visualize (and work with) live data received from different Fingies boxes. We’ve spent time studying the APIs provided by the online visualizing library, Highcharts.com. In the meantime, we were given the Fingies API to derive the online Fingies count of the current moment. Our assignment, hence, is to visualize the online Fingies count in a Highchart diagram.

''Highchart diagram of online Fingies count.''

But this was not where we stopped with visualization. We then moved on to SVG, the vector graphics based on XML. To edit SVG image further, I have installed Inkscape, alternative to Illustrator, on my PC.

We were then required to make our own visualization project utilizing the multiple sensors of a Fingies box, or devices that connect to the Fingies server. I played around with the gyroscope of my Windows Tablet, and created a web app called the God’s Hand.

The idea is simple: There I build a microcosm in the computer, with sky, mountain, the sun and the moon. With your hand repositioning the tablet, the timing in the microcosm will change, and you will be able to see the sun going down and moon up, and vice versa.

''Prototype of God’s Hand.''

''Realization of God’s Hand.''

Finally, when we have finished the above agenda for this semester’s Administrating Data class, we were asked to fine tune our mobile phone to remotely control the Showreel SS14 web app developed for the showcase of this event. The mechanism being adopted behind here is the Hammer.js, a touch-based JavaScript library available in the wild.

File:XZ LU Landingpage.png

2014-09-01T09:09:43Z

Nago5468: The front-end layout I designed.

== Summary ==
The front-end layout I designed.
== Copyright status: ==

== Source: ==

Xiangzhen, LU

2014-09-01T09:04:37Z

Nago5468: Created page with "==Fingies Landing Page== We were provided with the task to re-design the current landing page for the Fingies Project. The software being installed on PC include Sublime Text (..."

==Fingies Landing Page==
We were provided with the task to re-design the current landing page for the Fingies Project.

The software being installed on PC include Sublime Text (code editor), Xampp (PHP and Apache servers).

We were first asked to design the layout of the front-end.

''The front-end layout I designed.''

After that, we were introduced to, and played around with, the current WYSIWYG solutions of Content Management System (CMS), including Tinymce, NicEdit, etc.

We then build up our own CMS using HTML, JavaScript and PHP to build the back-end from sketch. We borrowed the rich-text editor directly from existing CMS. I don’t have a solid background of programming, but along the way our instructor has taught the syntax of PHP while building the CMS.

''The back-end of mine.''

We then dug further into the feature sets a mature CMS should be equipped, with reference to popular CMS solutions like Joomla and Magento. After that, we decided to give the popular German-made CMS (other than Wordpress), Typo3, a try. With it, the single-page landing page developed into a multi-page site. We learnt a bit about TypoScript, the language specific to Typo3.

''Using Typo3.''

==Data visualization==
After the CMS section, we moved on to work with data visualization, because afterwards we would try to implement the Fingies API and visualize (and work with) live data received from different Fingies boxes. We’ve spent time studying the APIs provided by the online visualizing library, Highcharts.com. In the meantime, we were given the Fingies API to derive the online Fingies count of the current moment. Our assignment, hence, is to visualize the online Fingies count in a Highchart diagram.

''Highchart diagram of online Fingies count.''

But this was not where we stopped with visualization. We then moved on to SVG, the vector graphics based on XML. To edit SVG image further, I have installed Inkscape, alternative to Illustrator, on my PC.

We were then required to make our own visualization project utilizing the multiple sensors of a Fingies box, or devices that connect to the Fingies server. I played around with the gyroscope of my Windows Tablet, and created a web app called the God’s Hand.

The idea is simple: There I build a microcosm in the computer, with sky, mountain, the sun and the moon. With your hand repositioning the tablet, the timing in the microcosm will change, and you will be able to see the sun going down and moon up, and vice versa.

''Prototype of God’s Hand.''

''Realization of God’s Hand.''

Finally, when we have finished the above agenda for this semester’s Administrating Data class, we were asked to fine tune our mobile phone to remotely control the Showreel SS14 web app developed for the showcase of this event. The mechanism being adopted behind here is the Hammer.js, a touch-based JavaScript library available in the wild.

IFD:AdministratingData

2014-09-01T09:00:36Z

Nago5468: /* Participants */

[[:Category:Werkmodul|Werkmodul]] | [[:Category:Fachmodul|Fachmodul]] <br/>
''Lehrperson:'' [[Gabriel Rausch]]<br/>
''Bewertung:'' 6 [[ECTS]], 4 [[SWS]]<br/>
''Termin:'' Monday, 16:30 - 18:45 <br/>
''Ort:'' Marienstr. 7b, Raum 105<br/>

''Erster Termin:'' Mo, April 7th 2014

==Administrating Data==
Content Managment Systems, Data Visualization And The General Behaviour Of Information In The Web

This course is dedicated to all design- and media-students who are interested in frontend-development of websites and applications and have first experience in HTML, CSS, JS, PHP.

"Administrating Data" explores solutions for the in- and output, storing and visualizing data.

We are going to take hands on a couple of Content Management Systems, grabbing some external data from social media channels (API of Facebook, Google, Twitter...), creating self-made CMS solutions and handling bigger data (not "The Big Data"!) with some visualization techniques.

== Registration Procedure ==
To register for the course, please send an eMail due to April 5th with the Topic "Registration for {{PAGENAME}}" to Gabriel.Rausch (at) uni-weimar.de,
incuding the following informations:
* Full Name
* program and semester (Studienprogramm und Fachsemester)
* matriculation number (Matrikelnummer)
* Angabe der geltenden Prüfungsordnung (eg. PV27 or PV29)
* Valid email address @uni-weimar.de
* One short sentence why you want to (have to) be in this course (german or english)

If there are more than 15 registrations, students will be accepted depending on:
* Order (first come, first serve)
* If you are in a Project of Interface-Design (see Prof. Jens Geelhaar's semester projects this semester)
* What you've written in "why I want to be in this course"

If there are more than 20 registrations, there might be a kick-off event with an evaluation competition.

==Certificates of Achievements==
* Active and regular participation
* Progress on the individual project you are working on
* Creating a piece of work for an exhibition at the Summary
* 2 minute presentation at the [[IFD:Showreel]]
* Final Hand-in of your project/concept/...

==Target Audience==
* In general open to all students, but esp. suited for
* Bachelor- and Master students of Media-Arts & Design
* Master students Media-Architecture

==Syllabus==

* 07.04. Introduction & Review
** [[Media:20140407_bu_administrating_data_material.zip|material]]
* 14.04. Canceled
* 24.-25. Assembly workshop days: Fingies Framework and Administration Panel (optional)
* 28.04. Serverside Frameworks: Overview CMS Solutions
** [[File:Matertial_landingpage_20140428.zip]]
* 05.05. CMS II
** [[File:Sitemap_fingiesio.pdf]]
** [[File:20140505_AD_material.zip]]
** [[File:20140505_AD_workaround.zip]]
* 12.05. CMS III
** [[File:20140512_AD_material.zip]]
** [[File:20140512_AD_workaround.zip]]
* 19.05. Develop Fingies Infopage: Sitemap, Concept, Wireframes
* 26.05. Develop Fingies Infopage: Interface Design, Template, Content
** [[File:20140526_AD_material.zip]]
* 02.06. Clientside Frameworks: Overview JS Frameworks
** [[File:20140602_AD_material.zip]]
** [[File:Fingies_input_output.txt]]
* 16.06. Clientside: Infographics I
** [[File:20140616_AD_material.zip]]
** [[File:20140616_AD_workaround.zip]]
* 23.06. Clientside: Infographics II
** [[File:20140623_AD_material.zip]]
* 30.06. Clientside: Infographics III
** [[File:20140630_AD_material.zip]]
* 07.07. Building extension for administrating 3D data
** [[File:20140707_AD_material.zip]]
** [[File:201407072_AD_material.zip]]
* 10. - 13.07. Summaery

==Participants==
Tom Paschke
http://www.uni-weimar.de/medien/wiki/User:Tpaschke

[[Westphal, Tobias]]

[[Xiangzhen, LU]]

IFD:ShowreelSS14/Xiangzhen LU

2014-07-11T11:55:07Z

Nago5468:

==Project "Zhiyin": Collaborative Piano==

https://www.youtube.com/watch?v=OHk9TWOuuKQ

http://www.uni-weimar.de/medien/wiki/File:Xiangzhen_LU_ProjektPräsentation.pdf

http://www.uni-weimar.de/medien/wiki/File:Xiangzhen_LU_ProjektDescription.pdf

[[Category:Fingies,Printed Electronics,Xiangzhen LU]]

IFD:ShowreelSS14/Xiangzhen LU

2014-07-11T05:57:37Z

Nago5468:

=Project "Zhiyin": Collaborative Piano=

<videoflash type=youtube>OHk9TWOuuKQ|800|450</videoflash>

'''Presentation'''

[[File:Xiangzhen_LU_ProjektPräsentation.pdf]]

'''Documentation'''

[[File:Xiangzhen_LU_ProjektDescription.pdf]]

'''Check out my portfolio'''

http://firenzelu.me

[[Category:Fingies,Printed Electronics,Xiangzhen LU]]

IFD:ShowreelSS14/Xiangzhen LU

2014-07-11T05:56:36Z

Nago5468:

=Project "Zhiyin": Collaborative Piano=

<videoflash type=youtube>OHk9TWOuuKQ|800|600</videoflash>

'''Presentation'''

[[File:Xiangzhen_LU_ProjektPräsentation.pdf]]

'''Documentation'''

[[File:Xiangzhen_LU_ProjektDescription.pdf]]

'''Check out my portfolio'''

http://firenzelu.me

[[Category:Fingies,Printed Electronics,Xiangzhen LU]]

IFD:ShowreelSS14/Xiangzhen LU

2014-07-11T05:56:05Z

Nago5468:

=Project "Zhiyin": Collaborative Piano=

<videoflash type=youtube>OHk9TWOuuKQ|640|360</videoflash>

'''Presentation'''

[[File:Xiangzhen_LU_ProjektPräsentation.pdf]]

'''Documentation'''

[[File:Xiangzhen_LU_ProjektDescription.pdf]]

'''Check out my portfolio'''

http://firenzelu.me

[[Category:Fingies,Printed Electronics,Xiangzhen LU]]

IFD:ShowreelSS14/Xiangzhen LU

2014-07-11T05:54:46Z

Nago5468:

=Project "Zhiyin": Collaborative Piano=

[[Video:https://www.youtube.com/watch?v=OHk9TWOuuKQ&feature=youtu.be]]

'''Presentation'''

[[File:Xiangzhen_LU_ProjektPräsentation.pdf]]

'''Documentation'''

[[File:Xiangzhen_LU_ProjektDescription.pdf]]

'''Check out my portfolio'''

http://firenzelu.me

[[Category:Fingies,Printed Electronics,Xiangzhen LU]]

IFD:ShowreelSS14/Xiangzhen LU

2014-07-11T05:54:04Z

Nago5468:

=Project "Zhiyin": Collaborative Piano=

<wiki:video url="https://www.youtube.com/watch?v=OHk9TWOuuKQ&feature=youtu.be"/>

'''Presentation'''

[[File:Xiangzhen_LU_ProjektPräsentation.pdf]]

'''Documentation'''

[[File:Xiangzhen_LU_ProjektDescription.pdf]]

'''Check out my portfolio'''

http://firenzelu.me

[[Category:Fingies,Printed Electronics,Xiangzhen LU]]

IFD:ShowreelSS14/Xiangzhen LU

2014-07-11T05:53:00Z

Nago5468:

=Project "Zhiyin": Collaborative Piano=

https://www.youtube.com/watch?v=OHk9TWOuuKQ&feature=youtu.be

'''Presentation'''

[[File:Xiangzhen_LU_ProjektPräsentation.pdf]]

'''Documentation'''

[[File:Xiangzhen_LU_ProjektDescription.pdf]]

'''Check out my portfolio'''

http://firenzelu.me

[[Category:Fingies,Printed Electronics,Xiangzhen LU]]

IFD:ShowreelSS14/Xiangzhen LU

2014-07-10T19:13:20Z

Nago5468:

[[Image:Xiangzhen_LU_ProjektCover.jpg|600px|thumb|center|Project "Zhiyin": Collaborative Piano]]

'''Presentation'''

[[File:Xiangzhen_LU_ProjektPräsentation.pdf]]

'''Documentation'''

[[File:Xiangzhen_LU_ProjektDescription.pdf]]

'''Check out my portfolio'''

http://firenzelu.me