User:Tpaschke

12 editsJoined 23 June 2014
Revision as of 07:42, 23 July 2014 by Tpaschke (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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.

Workshops.png Workshop json.png

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

InfoVis.png

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/

ContactList.png

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.

SvgGame.png

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