201
edits
Ashin.mandal (talk | contribs) No edit summary |
Ashin.mandal (talk | contribs) No edit summary |
||
(6 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
Here is what my Landing Page design looked like: | Here is what my Landing Page design looked like: | ||
<br/> | |||
[[File:AD2014_Ashin1_Landing.png|720px]] | [[File:AD2014_Ashin1_Landing.png|720px]] | ||
Line 7: | Line 8: | ||
Here is a screenshot of the Admin page that I implemented using the plugin: | Here is a screenshot of the Admin page that I implemented using the plugin: | ||
<br/> | |||
[[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 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 16: | Line 18: | ||
Here is a screenshot of the banner: | Here is a screenshot of the banner: | ||
<br/> | |||
[[File:AD2014_Ashin1_Banner.png|720px]] | |||
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 ( | 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. | ||
Here is the example that was explained to us where blue water of the pot can be controlled by the input of an online Fingies box. | Here is the example that was explained to us where blue water of the pot can be controlled by the input of an online Fingies box: | ||
<br/> | |||
[[File:AD2014_Ashin1_Flowerpot.png|720px]] | |||
Our final project had to make use of this concept and come up with an idea which would control graphics or an SVG or even a 3D model. | Our final project had to make use of this concept and come up with an idea which would control graphics or an SVG or even a 3D model. | ||
Line 31: | Line 36: | ||
Below is a screenshot of the interface: | Below is a screenshot of the interface: | ||
<br/> | |||
[[File:AD2014_Ashin1_Fingies.png|720px]] | [[File:AD2014_Ashin1_Fingies.png|720px]] | ||
And also a video illustrating the same: | And also a video illustrating the same: | ||
<videoflash type=vimeo>100450538|720|400</videoflash> |
edits