Medien Wiki - User contributions [en]

User:Tpaschke

2014-07-23T07:42:06Z

Tpaschke:

==Overview of Sites created within the "Administrating Data" Course==

'''First Attempt''' 
At the beginning of the Course we tried to set up our own Fingi-Site. 
'''http://webuser.uni-weimar.de/~feji4011/first_attempt/''' 
With regards to the Task of getting started with Content Management i tried to implement some ideas of content Management. 
I worked with JavaScript to enable the possibility of creating News, Gallery-Entries, Workshop-Entries, Downloads and Links ( also grouped entries ) in *.json Files, whose are interpreted to created the content of the site. 
 
So here you see a Workshop-Entry and (a part of) the corresponding *.json File. 
[[File:workshops.png|400px]]
[[File:Workshop_json.png|400px]]
 

'''Overview of a Content Management System''' 
Here i don't have anything to show. We worked with Typo3 to get an Overview of a modern Content Management System. My Task was to enable the "realUrl" extansion to get readable url's instead of the default "http://www.SITENAME.com/id=X" url's.
We got some trouble with the version we used but in the end everything worked okay :)
 

'''Info Vis''' 
The Next step was to introduce us to some Information Visualisation Technics and Frameworks. 
In our Case we worked with the "Highcharts" framework. (http://www.highcharts.com/) 
'''http://webuser.uni-weimar.de/~feji4011/infoVis/''' 
The site will connect to the Fingies Server and display
* how much user are/were on
* how much of each input is used
* how much of each output is used
* detailed information of every user who is logged in at the moment
[[File:infoVis.png|400px]] 

'''AngularJS''' 
We were also introduced in the AngularJS Framework by Google (https://angularjs.org/), which is a powerfull framework for reacting on runtime changes of variables. 
The Task was to create a little tool to store and edit phone numbers (like a contact list). 
'''http://webuser.uni-weimar.de/~feji4011/angularJS/''' 
[[File:contactList.png|100px]]
 
I implemented
* loading saved users from a Json File
* editing saved users
* adding new users
* search for saved users
Note that you have to Click an Entry to edit him. To unselect the entry just click anywhere within the Contact list (on a place which has no other function).
 

'''Playing with Fingie''' 
The last (and biggest) Task was to use the Output of the Fingie Boxes to create a creative and intresting visualisation. 
'''http://webuser.uni-weimar.de/~feji4011/svgGame/''' 
My Idea was to create a little Game, which can be played by more than one Person. 
I used the AngularJS Framework to change the Values of an SVG File at runtime. With this Method i was able to change the position, rotation and some other values of groups of objects within the SVG. 
[[File:svgGame.png|400px]] 
The Task of the game is to hit a ship with a cannon. To make it more difficult i tried to implement some kind of a "real" curve of the cannonball. 
The Site will look for registered Fingie Boxes and you can set the input Box for controlling:
* the aiming cross
* the "shoot"-command
* the speed of the ship

User:Tpaschke

2014-07-23T07:33:17Z

Tpaschke:

==Overview of Sites created within the "Administrating Data" Course==

'''First Attempt''' 
At the beginning of the Course we tried to set up our own Fingi-Site. 
'''http://webuser.uni-weimar.de/~feji4011/first_attempt/''' 
With regards to the Task of getting started with Content Management i tried to implementen some ideas of content Management. 
I worked with JavaScript to enable the possibility of creating News, Gallery-Entries, Workshop-Entries, Downloads and Links ( also grouped entries ) in *.json Files, whose are interpreted to created the content of the site. 
 
So here you see a Workshop-Entry and (a part of) the corresponding *.json File. 
[[File:workshops.png|400px]]
[[File:Workshop_json.png|400px]]
 

'''Overview of a Content Management System''' 
Here i don't have anything to show. We worked with Typo3 to get an Overview of a modern Content Management System. My Task was to enable the "realUrl" extansion to get readable url's instead of the default "http://www.SITENAME.com/id=X" url's.
We got some trouble with the version we used but in the end everything worked okay :)
 

'''Info Vis''' 
The Next step was to introduce us to some Information Visualisation Technics and Frameworks. 
In our Case we worked with the "Highcharts" framework. (http://www.highcharts.com/) 
'''http://webuser.uni-weimar.de/~feji4011/infoVis/''' 
The site will connect to the Fingies Server and display
* how much user are/were on
* how much of each input is used
* how much of each output is used
* detailed information of every user who is logged in at the moment
[[File:infoVis.png|400px]] 

'''AngularJS''' 
We were also introduced in the AngularJS Framework by Google (https://angularjs.org/), which is a powerfull framework for reacting on runtime changes of variables. 
The Task was to create a little tool to store and edit phone numbers (like a contact list). 
'''http://webuser.uni-weimar.de/~feji4011/angularJS/''' 
[[File:contactList.png|100px]]
 
I implemented
* loading saved users from a Json File
* editing saved users
* adding new users
* search for saved users
Note that you have to Click an Entry to edit him. To unselect the entry just click anywhere within the Contact list (on a place which has no other function).
 

'''Playing with Fingie''' 
The last (and biggest) Task was to use the Output of the Fingie Boxes to create a creative and intresting visualisation. 
'''http://webuser.uni-weimar.de/~feji4011/svgGame/''' 
My Idea was to create a little Game, which can be played by more than one Person. 
I used the AngularJS Framework to change the Values of an SVG File at runtime. With this Method i was able to change the position, rotation and some other values of groups of objects within the SVG. 
[[File:svgGame.png|400px]] 
The Task of the game is to hit a ship with a cannon. To make it more difficult i tried to implement some kind of a "real" curve of the cannonball. 
The Site will look for registered Fingie Boxes and you can set the input Box for controlling:
* the aiming cross
* the "shoot"-command
* the speed of the ship

File:SvgGame.png

2014-07-23T07:26:02Z

Tpaschke:

== Summary ==

== Copyright status: ==

== Source: ==

File:InfoVis.png

2014-07-23T07:23:41Z

Tpaschke:

== Summary ==

== Copyright status: ==

== Source: ==

File:ContactList.png

2014-07-23T07:21:18Z

Tpaschke:

== Summary ==

== Copyright status: ==

== Source: ==

IFD:AdministratingData

2014-07-22T10:15:48Z

Tpaschke:

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

''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

User:Tpaschke

2014-07-22T10:07:23Z

Tpaschke:

==Overview of Sites created within the "Administrating Data" Course==

'''First Attempt''' 
At the beginning of the Course we tried to set up our own Fingi-Site.

'''http://webuser.uni-weimar.de/~feji4011/first_attempt/'''

With regards to the Task of getting started with Content Management i tried to implementen some ideas of content Management. 
I worked with JavaScript to enable the possibility of creating News, Gallery-Entries, Workshop-Entries, Downloads and Links ( also grouped entries ) in *.json Files, whose are interpreted to created the content of the site. 
 
So here you see a Workshop-Entry and (a part of) the corresponding *.json File. 
[[File:workshops.png|400px]]
[[File:Workshop_json.png|400px]]
 
'''Overview of a Content Management System''' 
Here i don't have anything to show. We worked with Typo3 to get an Overview of a modern Content Management System. My Task was to enable the "realUrl" extansion to get readable url's instead of the default "http://www.SITENAME.com/id=X" url's.
We got some trouble with the version we used but in the end everything worked okay :)
 
'''Info Vis''' 
The Next step was to introduce us to some Information Visualisation Technics and Frameworks. 
In our Case we worked with the "Highcharts" framework. (http://www.highcharts.com/)

'''http://webuser.uni-weimar.de/~feji4011/infoVis/''' 
The site will connect to the Fingies Server and display
* how much user are/were on
* how much of each input is used
* how much of each output is used
* detailed information of every user who is logged in at the moment
 
'''AngularJS''' 
We were also introduced in the AngularJS Framework by Google (https://angularjs.org/), which is a powerfull framework for reacting on runtime changes of variables. 
The Task was to create a little tool to store and edit phone numbers (like a contact list)

'''http://webuser.uni-weimar.de/~feji4011/angularJS/''' 
I implemented
* loading saved users from a Json File
* editing saved users
* adding new users
* search for saved users
Note that you have to Click an Entry to edit him. To unselect the entry just click anywhere within the Contact list (on a place which has no other function).
 
'''Playing with Fingie''' 
The last (and biggest) Task was to use the Output of the Fingie Boxes to create a creative and intresting visualisation. 

'''http://webuser.uni-weimar.de/~feji4011/svgGame/''' 
My Idea was to create a little Game, which can be played by more than one Person. 
I used the AngularJS Framework to change the Values of an SVG File at runtime. With this Method i was able to change the position, rotation and some other values of groups of objects within the SVG. 
The Task of the game is to hit a ship with a cannon. To make it more difficult i tried to implement some kind of a "real" curve of the cannonball. 
The Site will look for registered Fingie Boxes and you can set the input Box for controlling:
* the aiming cross
* the "shoot"-command
* the speed of the ship

User:Tpaschke

2014-07-22T09:57:49Z

Tpaschke:

==Overview of Sites created within the "Administrating Data" Course==

'''First Attempt''' 
At the beginning of the Course we tried to set up our own Fingi-Site.

'''http://webuser.uni-weimar.de/~feji4011/first_attempt/'''

With regards to the Task of getting started with Content Management i tried to implementen some ideas of content Management. 
I worked with JavaScript to enable the possibility of creating News, Gallery-Entries, Workshop-Entries, Downloads and Links ( also grouped entries ) in *.json Files, whose are interpreted to created the content of the site. 
 
So here you see a Workshop-Entry and (a part of) the corresponding *.json File. 
[[File:workshops.png|400px]]
[[File:Workshop_json.png|400px]]
 
'''Overview of a Content Management System''' 
Here i don't have anything to show. We worked with Typo3 to get an Overview of a modern Content Management System. My Task was to enable the "realUrl" extansion to get readable url's instead of the default "http://www.SITENAME.com/id=X" url's.
We got some trouble with the version we used but in the end everything worked okay :)
 
'''Info Vis''' 
The Next step was to introduce us to some Information Visualisation Technics and Frameworks. 
In our Case we worked with the "Highcharts" framework. (http://www.highcharts.com/)

'''http://webuser.uni-weimar.de/~feji4011/infoVis/''' 
The site will connect to the Fingies Server and display
* how much user are/were on
* how much of each input is used
* how much of each output is used
* detailed information of every user who is logged in at the moment
 
'''Angular''' 
We were also introduced in the AngularJS Framework by Google (https://angularjs.org/), which is a powerfull framework for reacting on runtime changes of variables. 
The Task was to create a little tool to store and edit phone numbers (like a contact list)

'''http://webuser.uni-weimar.de/~feji4011/angularJS/''' 
I implemented
* loading saved users from a Json File
* editing saved users
* adding new users
* search for saved users
Note that you have to Click an Entry to edit him. To unselect the entry just click anywhere within the Contact list (on a place which has no other function).

User:Tpaschke

2014-07-22T08:53:11Z

Tpaschke:

User:Tpaschke

2014-07-22T08:49:06Z

Tpaschke: Created page with "==Overview of Sites created within the "Administrating Data" Course== '''First Attempt''' At the beginning of the Course we tried to set up our own Fingi-Site. '''http://..."

File:Workshop json.png

2014-07-22T08:41:13Z

Tpaschke:

== Summary ==

== Copyright status: ==

== Source: ==

File:Workshops.png

2014-07-22T08:36:52Z

Tpaschke: