No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
'''First Attempt''' <br> | '''First Attempt''' <br> | ||
At the beginning of the Course we tried to set up our own Fingi-Site. | At the beginning of the Course we tried to set up our own Fingi-Site. <br> <br> | ||
'''http://webuser.uni-weimar.de/~feji4011/first_attempt/''' <br><br> | |||
'''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.<br> | With regards to the Task of getting started with Content Management i tried to implementen some ideas of content Management.<br> | ||
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.<br> | 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.<br> | ||
| Line 12: | Line 10: | ||
[[File:workshops.png|400px]] | [[File:workshops.png|400px]] | ||
[[File:Workshop_json.png|400px]] | [[File:Workshop_json.png|400px]] | ||
<br><br> | <br><br> | ||
'''Overview of a Content Management System''' <br> | '''Overview of a Content Management System''' <br> | ||
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. | 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 :) | We got some trouble with the version we used but in the end everything worked okay :) | ||
<br><br> | <br><br> | ||
'''Info Vis''' <br> | '''Info Vis''' <br> | ||
The Next step was to introduce us to some Information Visualisation Technics and Frameworks.<br> | The Next step was to introduce us to some Information Visualisation Technics and Frameworks.<br> | ||
In our Case we worked with the "Highcharts" framework. (http://www.highcharts.com/) | In our Case we worked with the "Highcharts" framework. (http://www.highcharts.com/) <br> <br> | ||
'''http://webuser.uni-weimar.de/~feji4011/infoVis/'''<br> <br> | '''http://webuser.uni-weimar.de/~feji4011/infoVis/'''<br> <br> | ||
The site will connect to the Fingies Server and display | The site will connect to the Fingies Server and display | ||
| Line 27: | Line 26: | ||
* how much of each output is used | * how much of each output is used | ||
* detailed information of every user who is logged in at the moment | * detailed information of every user who is logged in at the moment | ||
<br> | [[File:infoVis.png|400px]]<br> <br> | ||
'''AngularJS''' <br> | '''AngularJS''' <br> | ||
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.<br> | 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.<br> | ||
The Task was to create a little tool to store and edit phone numbers (like a contact list) | The Task was to create a little tool to store and edit phone numbers (like a contact list). <br> <br> | ||
'''http://webuser.uni-weimar.de/~feji4011/angularJS/'''<br> <br> | '''http://webuser.uni-weimar.de/~feji4011/angularJS/'''<br> <br> | ||
[[File:contactList.png|100px]] | |||
<br><br> | |||
I implemented | I implemented | ||
* loading saved users from a Json File | * loading saved users from a Json File | ||
| Line 39: | Line 40: | ||
* search for saved 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). | 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). | ||
<br><br> | <br><br> | ||
'''Playing with Fingie''' <br> | '''Playing with Fingie''' <br> | ||
The last (and biggest) Task was to use the Output of the Fingie Boxes to create a creative and intresting visualisation. <br> | The last (and biggest) Task was to use the Output of the Fingie Boxes to create a creative and intresting visualisation. <br> <br> | ||
'''http://webuser.uni-weimar.de/~feji4011/svgGame/'''<br> <br> | '''http://webuser.uni-weimar.de/~feji4011/svgGame/'''<br> <br> | ||
My Idea was to create a little Game, which can be played by more than one Person.<br> | My Idea was to create a little Game, which can be played by more than one Person.<br> | ||
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.<br><br> | 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.<br><br> | ||
[[File:svgGame.png|400px]]<br><br> | |||
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.<br><br> | 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.<br><br> | ||
The Site will look for registered Fingie Boxes and you can set the input Box for controlling: | The Site will look for registered Fingie Boxes and you can set the input Box for controlling: | ||
Revision as of 07:33, 23 July 2014
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.
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