Peggasus988’s Weblog


Advanced Web Design. Year two

First week, third project. The brief consists of;

Content is now massively distributed, individuals and companies now disperse their video, graphics, text across the likes of ‘youtube’, ‘flickr’ and ‘facebook’. How do you organise and structure such content? Using the relevant, api pull data such as music tastes, video lists and friend’s lists from sources such as ‘youtube’, ‘flickr’ and ‘facebook’ and create a single page to display them. Your page should be an aesthetic and structured interpretation of the data retrieved that gives the user a visual understanding of the information and the relationships between its component parts.

Research

http://www.visualcomplexity.com/vc/

http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/

squidsoup.com/ghosts

www.processing.org

http://www.vimeo.com/1802138

http://www.proximityofneeds.org/

http://labs.digg.com/bigspy/?popular

http://amaztype.tha.jp/US/Books/Title?q=labradoodle

http://www.vimeo.com/1593564 generative code based stuff.

http://glennmarshall.wordpress.com/2008/08/07/the-zeno/

Content Management;

http://community.joomla.org/

http://en.wikipedia.org/wiki/Content_management_systems

http://w3schools.com/

http://www.adobe.com/designcenter/video_workshop/

From this point I have been currently working on the concept of manipulating RSS feeds, I am at the moment working on feeding my word press data into a web page to change the shape or size of an image or item depending on the content of which is being transferred.

Furthermore I have looked at two different but similar designs within the context of interface and advanced web design that use RSS feeds. one of the two can be found at;

http://similardiversity.net/

the other at;

http://www.pitchinteractive.com/election2008/

Current/Final Idea;

From the research I have formed my current idea which is to represent the popularity of religion within our society, while at the same time taking the piss out of it. I hate Religion, being brought up in a catholic school from a young age I was able to see how ridiculous it all is and how in a lot of ways it is also a very nasty ideal. My basic plan is to check through RSS feeds how many people are typing either God or Allah into Google and to then have the numbers represent shapes within my web page. From this I will not only be able to come up with some interesting images but be able to see who is more popular, God or Allah.

At the moment this is all very boring and has no creative flare at all. So how can I make this interesting… Well as a child I was very interested in superman and from a certain degree worshiped the ground he walked on. I had the comics, toys, clothes, you name it I had it. What if I included Superman into my survey, people would finally be able to answer that one question that has haunted them from the beginning of time, “Who is the most poplar make-believe character ever” Superman, God or Allah.

Ok so I now have the basic idea, how do I represent this into my web page, I currently have the idea to represent God, Allah and Superman as semi circles at the bottom of the page, the more data that comes through, the higher and bigger the semi circles become, if data is close or infact really far away the semi circles will branch out to form arches to one another, but this is only in the case of the God and Allah circles, this is because I believe that religions play off each other and I feel you couldn’t have one without the other, so I am trying to represent this in my work, plus I really like the idea of Superman taking on God and Allah. So the image works on the data being pulled in and hopefully will constantly change, I also plan to make the colours and type change as well as the circles get bigger. Furthermore I am naming the piece “Stairway to Heaven” because as the circles get bigger they will become representative of some sort of tower which could also imply a stair set, basically I think this name is very fitting for this project.

From this point with the help of my teacher I have been able to get some code together that will basically find the words God,Allah and Superman and source the data from a site into my web page, all I need to do now is get some visuals together and have the visuals react accordingly to the data being provided. The code for the sourcing is listed below, this is not just for documentation purposes but for me to keep looking back over it, to truly understand what it means.

var loader:URLLoader = new URLLoader();
loader.addEventListener(Event.COMPLETE, onLoaded);
(//this example loads the first entry from a log splits the entry into words)
(//the loop at the bottom then searches the text for occurances of the words allah, superman, and god
then counts them)
var godcounter:int = 0;
var allahcounter:int = 0;
var supermancounter:int = 0;
(//standard xml loading)
var entries:Array = new Array();
var xml:XML;
function onLoaded(e:Event):void
{
//trace (e.target.data);
(//load the xml)
xml = new XML(e.target.data);
(//pull the items from the xml)
var il:XMLList = xml.channel.item;
(//convert first item text into a string)
var str:String = il.description.text()[0];
(//split the sting into words b looking for the gaps)
var toast:Array = str.split(” “);
(//loop through the first 20 words)
for(var i:uint=0; i< 30; i++)
{
trace (toast[i]);
(//check for word god and count it repeat for other words)
if(toast[i] == ‘god’) {
godcounter++
}
if(toast[i] == ‘superman’) {
supermancounter++
}
if(toast[i] == ‘allah’) {
allahcounter++
}
}
trace (allahcounter);
trace (supermancounter);
trace (godcounter);
}
loader.load(new URLRequest(”http://localhost:8888/wordpress/?feed=rss”));

Stairway to heaven.

Initial idea.

This image was based on a website found on visual complexity. This image was the first of two ideas that I had created to try and make a some-what more polished and stylish design to fit my idea. However In designing this image, it didn’t truly reflect what I was trying to accomplish, a stylized reflection of how I felt about religion at school, I felt I was looking more at the style rather than the reflection aspect. Furthermore another problem with this design was that it was too similar to the design I was looking at at the beginning of the project in the research stage. In moving on from this design I went on to create the second image which can be seen below.

Stairway to heaven(2)

Development.
This image was the second design I created on the basis of stylization rather than reflection. In this image the different boxes on the left represent the different religions I have chosen to look at and of course Superman. The boxes are then tubed into the “world” to represent how I feel we as community are flooded by religious views and how they affect us. The circles are then being shown at the right to represent how popular the views being expressed by the separate religions are. In terms of this being expressed as how the RSS feeds into the image; would be described as by how many times the words GOD, ALLAH or SUPERMAN are found then added up and expressed as these circles.

At this point in my project I decided to change the look of my designs entirely, this was due to a nagging feeling I had been having about the designs I had been creating. The problem was, that although the designs looked alright visually, they held no emotional attachment to what was in essence an emotional project for me. This project is and remains a reflection of my time at school in which I was force feed religion every day and in some ways this is my way of venting my anger towards this. So in wanting to do something reflective of my childhood I decided to make my imagery more childish and in essence silly.

God_image

Final idea

This was the first of several images that I designed to reflect the aspect of my childhood within the imagery. This image of god was made using distorted shapes and a single figure head, I wanted to make all the images of the characters simple, to represent the sort of style perhaps a child could draw and would be able to relate with. I am very happy with this style and more so with how the god character came out, I found that in making these images to go with my representation of how I felt at school, I now feel that this is a project I can really get into and enjoy.The whole issue of them holding signs is not to explain who they are because the designs speak for themselves, its to define my ideology about school popularity. They hold signs to show a need to be seen, this is to reflect not only the popularity contest that is the school playground but also how I think religions continually fight amongst each other for top spot. Each religion is better than the last and explains why you should join.

Superman_image

Final idea

This was the second image I did for my revised set of images, this image was based on Superman, from the beginning of this project or rather from the point of which I had my original idea I have wanted to include Superman in the project for reasons consisting of that I find the association of Superman to be humorous when accompanied by God and Allah. The main reason I feel it is essential that I use Superman in this project is because he truly reflects the fictional aspect that I want to bring along, as well as reflecting even more the childish aspect within this piece. Having Superman within this piece really creates a divide between the real and the non-real, and hopefully the viewer looking at this will be able to see the juxtaposition I have created between the fictional superhero and (what I believe to be) fictional religious characters. Using Superman in this way I believe will be very effective.

Popularity Contest

Final idea

EVALUATION

For the final idea I have decided to bring all my ideas together to form what I call the popularity contest.The popularity contest is an idea I have had all the way through this project, it is a great representation of how I felt towards religion when I was at school and in that respect this piece of work is very personal to me because I feel very strongly towards the issues that I feel I am addressing in this piece of work. The overall childish theme is purely reflective of my childhood or rather my childhood at school, I generally had a happy time which I feel is shown through the colourful imagery. Another reason as to why I have gone for the childish look within this piece is to make the point that I want the audience to see the piece from a child’s eyes, even to some degree imaging a child had drawn this, I hope by the audience seeing the image this way, they will be able to reflect back to their own childhood and recall their schooldays.

Why a popularity contest? this concept is the easiest for me to explain. Going to a religious school I felt at times overwhelmed by the amount of information the teachers would throw at us concerning religion, if one was to ever question the information being taught they would simply get in trouble. I grew up in school realizing that their was no freedom of speech when it came to religion, if you had questions relating to the bible that perhaps showed it in a negative light, you would simply get in trouble. I suppose out of all this what I am trying to get at is that I never really believed in religion( perhaps because of the way in which it was taught to me) and found the whole concept quite silly as a child, in my mind it was all make believe, but people would actually argue the point that the stories they were telling were true, even to the extent of trying to convince people of different religions that they were wrong.

I came to the concision as a child that perhaps the more followers a religion had the stronger it would then become, some truth to this I believe there to be. I realized it was all one big popularity contest. In terms of this project I have portrayed my views as so, all of the characters are lined up in a popularity contest jumping for top position. Superman was included to make the point that I find them all to be make believe, so in that respect it is no more outrageous to believe he is as real as God or Allah. In response to why they are holding their names up, as I mentioned earlier this is due to a wanting to be seen, they want the viewer to know they are there, as all religions do. Concerning the RSS feed within the piece this simply effects the speed and height in which the characters jump, for example If God had four votes and Allah has only three, God will then jump higher and faster than Allah to show that he is more popular.

Issues of coding this project were at the top of my annoyance list, I now know that I am not cut out for programing, that is not to say however that this project wasn’t a great learning experience for me because it was, I learnt several things to do with Flash that I am sure will help in the future and further my skills within the program. If I was to do this project again I would try to make the characters do more than just jump and I believe with my new found knowledge of Flash I could that. Overall I really enjoyed this project, not in terms of the coding because in all honesty I hated doing that, I enjoyed doing this project because it gave me a chance to reflect back to my childhood in school and really reflect on how I was taught there and how perhaps it has effected the way I am today. In essence its quite funny really because if I had been able to speak my mind at school and question freely then maybe I wouldn’t be the same person I am today, I like to think at least that it was the personal quest for truth and always wanting to wonder and question that made me the creative person I am today.

Under here is the final layout of what my final coding looked like, enjoy

var loader:URLLoader = new URLLoader();
loader.addEventListener(Event.COMPLETE, onLoaded);

/*stage.addEventListener(Event.ENTER_FRAME, bounce);*/
//this example loads the first entry from a log splits the entry into words
//the loop at the bottom then searches the text for occurances of the words
//allah, buddah, and god
//then counts them

var godcounter:int = 0;
var allahcounter:int = 0;
var supermancounter:int = 0;

var supermanbounce:int = 0;
var godbounce:int = 0;
var allahbounce:int = 0;

var superup:int = 0;
var godup:int = 0;
var allahup:int = 0;

//standard xml loading

var entries:Array = new Array();
var xml:XML;

function onLoaded(e:Event):void
{
//trace (e.target.data);
//load the xml
xml = new XML(e.target.data);
//pull the items from the xml

var il:XMLList = xml.channel.item;
//convert first item text into a string

var str:String = il.description.text()[0];
//split the sting into words b looking for the gaps

var toast:Array = str.split(‘ ‘);
//loop through the first 20 words

for(var i:uint=0; i< 60; i++)
{
trace (toast[i]);

//check for word god and count it repeat for other words

if(toast[i] == ‘god’) {
godcounter++
/*graphics.beginFill(10 * godcounter);
graphics.drawCircle(100, 15 * godcounter, 5 * godcounter);*/

/*god_1.width = 15 * godcounter;
god_1.height = 30 * godcounter;*/

}

if(toast[i] == ’superman’) {
supermancounter++
/*graphics.beginFill(10 * supermancounter);
graphics.drawCircle(300, 15 * supermancounter, 5 * supermancounter);*/

/*superman_1.width = 15 * supermancounter;
superman_1.height = 30 * supermancounter;
*/
}

if(toast[i] == ‘allah’) {
allahcounter++

/*graphics.beginFill(10 * allahcounter);
graphics.drawCircle(500, 15 * allahcounter, 5 * allahcounter);*/

}

stage.addEventListener(Event.ENTER_FRAME, bounce);
stage.addEventListener(Event.ENTER_FRAME, bounce2);
stage.addEventListener(Event.ENTER_FRAME, bounce3);

}

}

function bounce(e:Event):void {

if (supermanbounce < supermancounter && superup == 0){
supermanbounce++;
superman_1.y = 250 – (supermanbounce * 10);
trace(superman_1.y);
if (supermanbounce == supermancounter) { superup = 1;}
} else {
supermanbounce–;
superman_1.y = 250 – (supermanbounce * 10);
//trace(superman_1.y);
if (supermanbounce == 0) { superup = 0;}

}
}

function bounce2(p:Event):void {

if (godbounce < godcounter && godup == 0){
godbounce++;
god_1.y = 250 – (godbounce * 10);
trace(god_1.y);
if (godbounce == godcounter) { godup = 1;}
} else {
godbounce–;
god_1.y = 250 – (godbounce * 10);
//trace(god_1.y);
if (godbounce == 0) { godup = 0;}

}
}

function bounce3(d:Event):void {

if (allahbounce < allahcounter && allahup == 0){
allahbounce++;
allah_1.y = 250 – (allahbounce * 10);
trace(allah_1.y);
if (allahbounce == allahcounter) { allahup = 1;}
} else {
allahbounce–;
allah_1.y = 250 – (allahbounce * 10);
//trace(god_1.y);
if (allahbounce == 0) { allahup = 0;}

}
}

loader.load(new URLRequest(“http://peggasus988.wordpress.com/?feed=rss”));


No Comments Yet so far
Leave a comment



Leave a comment
Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>