Mandal, Ashin: Difference between revisions

From Medien Wiki
No edit summary
No edit summary
 
Line 11: Line 11:
[[File:AD2014_Ashin1_markItUp.png|720px]]
[[File:AD2014_Ashin1_markItUp.png|720px]]


Next we went on to enlist and compare all popular content management systems and how each one of them had their own positives and negatives. After a thorough brainstorming session, we finally banked upon [Typo3 http://typo3.org/] and started making a custom back-end for the website using the same.
Next we went on to enlist and compare all popular content management systems and how each one of them had their own positives and negatives. After a thorough brainstorming session, we finally banked upon Typo3 (http://typo3.org/) and started making a custom back-end for the website using the same.


Initially much time was spent in installing and setting up Typo3 in each of our systems, but later it was decided that it would be best if all of us were editing and accessing the same admin panel. However, it was a learning experience to setup Typo3 and the entire website on a local server by importing the entire database and folder structure.
Initially much time was spent in installing and setting up Typo3 in each of our systems, but later it was decided that it would be best if all of us were editing and accessing the same admin panel. However, it was a learning experience to setup Typo3 and the entire website on a local server by importing the entire database and folder structure.
Line 23: Line 23:
After this the course moved on to a more in depth knowledge in Angular.js, and we wrote small snippets of code to manipulate data or add data to a table. Then we also experimented with existing websites like MixCloud and using the Fingies WebApp as a remote control. Since the front end of the Fingies platform also makes use of Angular.js, it is used to fetch the box number of a virtual Fingies box and then trigger a function on the page when data is received from this box.  
After this the course moved on to a more in depth knowledge in Angular.js, and we wrote small snippets of code to manipulate data or add data to a table. Then we also experimented with existing websites like MixCloud and using the Fingies WebApp as a remote control. Since the front end of the Fingies platform also makes use of Angular.js, it is used to fetch the box number of a virtual Fingies box and then trigger a function on the page when data is received from this box.  


We also experimented with Data Visualisation plugins like Highcharts (link). We used these charts to show the number of Fingies online and how the number changes with time. Screenshot:
We also experimented with Data Visualisation plugins like Highcharts (http://www.highcharts.com/). We used these charts to show the number of Fingies online and how the number changes with time. Screenshot:


Through the course we tried to find alternative uses of the Virtual Fingies Interface. As mentioned before one was to use it as a remote control for online media players. In another scenario, it was to be is to be used as an interactive interface to control an SVG. The SVG would have a polygon whose height or width can be controlled by inputs from the Fingies platform.
Through the course we tried to find alternative uses of the Virtual Fingies Interface. As mentioned before one was to use it as a remote control for online media players. In another scenario, it was to be is to be used as an interactive interface to control an SVG. The SVG would have a polygon whose height or width can be controlled by inputs from the Fingies platform.