Last Post for Semester - Networked Media Production Week 15

Each post throughout the semester, of course, focused primarily on what we learned in the lectures, and any information gathered from our tutorials. The first few posts introduce semantic markup language eg. html, css etc and progress into API's, mashups, Web 2.0, multiplicity and eventually into Datavisualisation. Some of the topics that I found to be most interesting was the concept of tagclouds, as well as looking into the evolution from taxonomy to folksonomy. Ontology and Predication was another topic that I found to be rather interesting. I couldn't find my views for each post, after reading a few other blogs it turns out that you have to sign up to Google Analytics and include its javascript into your websites html, which keeps track of these statistics, unfortunately I didn't find this out until now. However after reading other people's final blog posts, there are similarities between each post, how views are not significantly high. What I feel would have maybe increased incoming traffic to these blogs would be to change the blog requirements. Having a minimum of two posts per week instead of one. You have your one post that discusses what you learned in that week, and the other post can be based on whatever you like,(or morph them into one big post) this would be a good way to share feelings and thoughts and get an insight into different personalities. So when a visitor to one of these blogs reads some posts that they find amusing, they get to know the author a little better, could possibly become attached and spread the word to friends or colleagues, while at the same time consuming information learned in each week. A big trend that I found to be pretty important was the different interests of other students, how the more they elaborated on a certain post shows which topics they are more interested in, and the topics that I found to be most interesting each week, I tended to elaborate more within my blog, these trends are a great example of Networked Media. How different people express and consume information in different ways that fosters into a networked learning environment.

I nominate these three posts for assessment -

week 4

week 6

week 9

Rationale for Networked Media Production Project B

There is an icon for every sport, Tiger Woods for Golf, Michael Phelps for Swimming, Roger Federer for Tennis, Kobe Bryant for Basketball etc. this information is current, because better athletes are being produced over time for these types of sports. Boxing however has taken a slightly different path, since the early 2000's there hasn't been a rise of any boxing greats, unlike other sports. When one thinks of the sport Boxing, sure there have been plenty of boxing legends since the sport first developed, however two boxing kings come to mind, either Muhammad Ali, or Mike Tyson. These two boxers, although retired, are known as two of the greatest of all time. Now when boxing is the subject for conversation, it always seems to find its way asking the same question that's been asked for the past decade: 'Who would Win? So for this project I chose to design a datavisualisation that compares career statistics between Muhammad Ali and Mike Tyson. It consists of three pages:

First page - This page is the introductory page, it has Ali on the left and Tyson on the right, each has a record line that goes down the page, their first fight (top of the page) to their last fight(it cuts off on the first page design but would scroll down the page if it were an actual web page). It is a list of mostly Wins and Losses, there is also a legend in the middle of the page that describes certain fight results eg. Title Wins and Losses etc. Eg. by clicking on one of the results, say a W (Win), information on that fight appears under the boxer's face, in this case I have chosen to use Ali's first Title Win and Tyson's first Title Win, so information on both of those fights appear under their faces. On this page there is also the 'COMPARE' button, after choosing two results from both the lists, hitting the compare button takes you to the second page.

Second page- Hitting the COMPARE button navigates you to the second page. I have designed this page to make it look like a pre-fight pay per view style poster, that takes the results of all the fights leading up to this big fight just like in real life. Again it has ALI on the left and TYSON on the right of the page. At the top it has another legend, this is to compare the boxers, depending on which result you click on (in this case it's the two first Title Wins for both boxers) it will have further information on the two pages. On this page it shows how many times the boxer has been knocked down and knocked out, this gives the viewer a rough idea on how well each boxer can take a punch (this is only for comparison and does not effect datavisualisation which I will explain on page 3) It displays each boxers current record as well as KO's leading up to the datavisualisation fight. It also displays which 'type' of Muhammad Ali and Mike Tyson are fighting, in this design its 22 year old Ali vs 20 year old Tyson, as well as whether or not they are champions at the time. Down the bottom of this page displays two 'PRIME' graphs for each fighter. It highlights the period in their careers of when each boxer was in his prime. Based on Ali's fighting record, he was in his prime five years longer than Tyson, of course Tyson went to jail and made some poor career decisions along the way which could arguably be a contributing factor. The 'PRIME' graphs are constructed based on consecutive wins and losses between the two boxers, Tyson has more consecutive losses and No Contests than Ali towards the end of his career, these are against fighters that he would 'statistically' easily annihilate in his prime . Then there is the 'RESULT' button, which navigates you to the datavisualisation.

Third page - The datavisualisation, the big fight. At the top of this page there is a legend, this is how the datavisualisation is generated. I have used the most important aspects of Heavyweight boxing to compare and ultimately design this datavisualisation. Wins, Knockouts, Years within prime and Title Belts. I've chosen not to include the 'times knocked down and times knocked out' stats in the datavisualisation because I want the design to support the idea that a knockout or a knockdown is caused by three things: Emotion, the other boxer and fighters prime. 1.Emotion does not factor in boxing statistics, so at the end of the day, statistics are mainly there for comparison, it's different as soon as the boxers step in the ring, take the Mike Tyson vs Buster Douglas upset for example, which is considered one of the biggest upsets in boxing history. 2. The boxer who scores the knockdown or knockout gets these achievments put on their stats. It's the other boxers skill (or luck) that essentially determines a knockout, and 3. whether a boxer is in their prime. A boxer out of his prime is more likely to get knocked out, so 'years out of prime' is what effects the datavisualisation. This datavisualisation is to determine, based on 'statistics' and age, who is more likely to win. In the middle of the page is the datavisualisation of the fight. I have appropriately used boxing gloves for the visualisation, Ali in blue and Tyson in red. What the viewer takes away from this visualisation is an instant perception on which colour glove is more dominant. Based on the information in this particular design, I have chosen 22 year old WBA/WBC (two world heavyweight title belts) heavyweight champion Muhammad Ali to fight against 20 year old WBC heavyweight champion Mike Tyson. Based on the datavisualisation, 'statistically' the fight would be extremely even. They both get 10 gloves for each title belt, a glove for each knockout, and a glove for each year within their prime (this is for maturity). So at the bottom of this page I have added that if a colour glove is more dominant by 10 gloves or more, than the result of this particular fight would 'statistically' be more likely to conclude by way of knockout. Within 10 gloves, it would more likely result in a decision, this is a fun way for the viewer to get a sense of realism out of the visualisation for this particular fight result. If for example I was to choose Muhammad Ali's first Title Win and get 22 year old Muhammad Ali, and choose Mike Tyson's last fight (which was a loss), the datavisualisation would be very different. Tyson has 50 wins at this stage of his career, including his 44 knockouts, so based on these statistics Tyson would be more likely to win. However we must also consider that at this stage of his career he is 39 years of age, so based on the 'PRIME' graph, he is 9 years out of his prime, which subtracts 90 of Tyson's red gloves (-10 gloves for each year) from the visualisation, resulting in Ali's blue gloves being much more dominant. So based on the way the datavisualisation is generated, If a 22 year old Muhammad Ali and 39 year old Mike Tyson were to fight, 'statistically' Muhammad Ali would be most likely to win by way of knockout.

Because these are two of the biggest names in boxing history it wasn't too hard for me to obtain their career stats. These two links - http://boxing.about.com/od/records/a/tyson.htm and http://boxing.about.com/od/records/a/ali.htm have a great time-line for both careers. Including date of each fight, fight results, fight opponents and fight locations.

Networked Media Production Week 13

So i used this week's tutorial to research the statistics between Mike Tyson and Muhammad Ali, it is a little hard to find much information on punch percentage for each fight, especially the smaller fights, so I have decided to use the result for each fight, and analyse how many wins by KO, how many losses, how many times knocked down, how many times knocked out. Then for the big fights including each fighter's first title win, because information on those fights will be easier to get. With these fights in particular i plan on trying to find information on punches thrown in each round, how long the fight went for, and how many knockdowns and whether the fighters won their first title by way of knockout or by the decision. Using these 'big fight' statistics we can assume that the fighters were in their prime at the time, which is ultimately the period of their careers that we want to compare. I plan on designing it by having the graph of each fighter on either side of the screen, and the 'big fight' highlighted in another colour, so when you click on it you can have a look at the stats for those fights. I also plan on having a 'compare' button, which will go to another screen with a boxing ring and each fighters stats will be colour coded, maybe something like Tyson red and Ali blue, and the more of either colour that covers the ring will show who (statistically) is more likely to win.

Networked Media Production Week 12

Ok, after this weeks tutorial, i decided for my datavisualisation to scratch the idea about UFO's and focus my attention on boxing. Im STRONGLY considering using a punches thrown to punches landed ratio throughout the careers of both Mike Tyson and Muhammad Ali. Too often is the question asked "Who would win?", so for my assignment I would like to compare these statistics between two of the greatest boxers of all time. I haven't started researching yet but I don't think it will be too hard to extract these statistics because of how popular these retired boxers are, even today. So look at both of their peaks, the percentage of punches landed to how many punches thrown. I will consider the amount of wins by knockout to how many times the fighter was knocked down and out during their careers. And hopefully present it in an interesting visualisation.

Networked Media Production Week 11

This week was all about datavisualitsation- lots of different and cool ways to present data. I have a few ideas on what data I want to present, so far I am considering looking at UFO sightings from around the world. Maybe have light dots on every location of UFO sightings, or have the globe rotating but that would be a little too advanced.

In the lecture Michael was talking about how it's important to present the data in a way where the viewer can acquire useful information, to learn or come to a conclusion about the topic based on the way the data is presented. Which is why I want to sort of focus on a more analytical approach to this assignment rather than present statistics in an attractive way. Except I'm not sure how I will achieve this with UFO sightings. Maybe analyse where most UFO sightings occur to maybe come to the conclusion along these lines:

- If you directly relate UFO's to aliens, then maybe look at the location with the most UFO sightings and see why UFO sightings are occurring more in this region rather than other regions.

- Is it because of useful material that these locations offer, or is it a cultural sort of construct, where there are stronger believers in UFO's and aliens in this particular region, that these people are made to believe that anything peculiar moving in the sky is most likely a UFO.

In my opinion this is an interesting assignment, I think datavisualisation is an important and more attractive way to educate.

Networked Media Production Week 10

This week in our tutorial we had to come up with an idea of an online service that makes use of collective intelligence.

Our idea is based off the same sort of concept that amazon offers. Keeping in mind this idea is pretty futuristic.

Idea – Online, multiplicity, collective intelligence.

Extensive online 20 page personality report, based on the report it creates an application for smart phones, apple product etc that categorises all your interests, sort of like a personal tag cloud. It connects with all major stores, grocery, clothing even car dealerships (assuming that these major companies have geo-tagged products – so the application can direct to you to certain items in the store based on your personal preference). It also takes your bank balance, and weekly income into consideration. It’s function is, when entering the store, e.g. Clothing store, you can go to a rack of t-shirts, tag the shirt and it comes up with other suggestions of other clothing in the store, sort of like when you get a book from amazon, it comes up with suggestions based on your previous purchases. Based on your income, it will also suggest items that you will like as well as within your price range.

The application is free thanks to multiple sponsors who pay money to advertise their business e.g. if you usually get hungry at a certain time, it comes up with suggestions based on your regular food choices e.g. 1pm - 2 dollar slushies at Maccy D’s.

Networked Media Production Week 9

This week Michael talked about how various sources (especially on the internet) can retrieve information about specific events and viewed by users before being released by the media. Now, the internet can provide more information one would need/want to acquire rather than purchase books at a book store, read the newspaper or watch TV etc. Data created by people from around the world, collected and harnessed by various users - Wikipedia is the first place people look to gain basic knowledge on a topic they're interested in, anyone can contribute to articles, information gathered and expressed by many sources and put into the one article. Michael also talked about how people can get information about recent events from Twitter before seeing it on television.

Information can be retrieved and provided in a variety of forms. In the lecture Michael also talked about AJAX, to make web applications more dynamic. - Flickr, Google Trends, Google Maps etc. This site talks about Asynchronous JavaScript and XML and offers techniques to help improve web applications - http://java.sun.com/developer/technicalArticles/J2EE/AJAX/

Web 2.0 is also affiliated with web applications, e.g. Tag clouds - key words that link directly to other sources of information which is a technique used to primarily foster collective intelligence on the web. Tim O'Reilly defines Web 2.0 in his article - http://oreilly.com/web2/archive/what-is-web-20.html - it includes tables that compare applications from Web 1.0 to Web 2.0, simple directories on the internet (taxonomy) evolving into tags (folksonomy) being one of the comparisons.

And that's my blog for this week.

Rationale for Networked Media Production Project A

My online exhibition focuses primarily on the top ten players in the English Premier League that best contribute to their teams. I used a black background to draw attention to the content, I tried other colours, I even tried to incorporate grid elements for the background, but because I wanted most of the attention to be drawn to the videos and image gallery, I found the black background to be most effective. The headers are red and the text for the paragraphs are yellow because they stand out the best with a black background. The letters 'EPL' are automatically recognised by football fanatics all around the world as the 'English Premier League', and I decided to keep it that way to encourage those who are unfamiliar with those three letters to learn and be apart of the culture of football, the EPL being a perfect place to start. The three letters are blue because the EPL official logo and the EPL official website are both very blue. The layout of the page was all accomplished with html, and I styled it with css using Dreamweaver on a Mac computer.

The size of my collection is pretty large, and scrolls pretty far down the page. So Ben helped me with putting the list of the ten players just under the main description at the top of the page. I linked each name using the 'a href' tag with the"#player's name" so that when you click on it, it directs you straight to the player on the page.

The main elements of the web page are of course the videos and images. I used an API to feed directly to the flickr site by using yahoo pipes. After the pipe saved, I chose 'run pipe', then 'get as badge' and embedded the code into my html for an image gallery for each player. The images were chosen for me by flickr, some photos are unrelated to the player but are still related to football. Most images are of the player which is what I intended. For the videos I chose each one carefully as I only wanted one for each player. I achieved this by embedding the code from youtube into my html as that is where each video is from, and I feel that each video describes the player perfectly. I used the 'div' tag with a new id for the title of each player, I did this because I wanted to create a background for the title that relates to the player, but I didn't find it very effective so I decided to leave that idea out. For each section, the player's name is linked to the Premier League website that has detailed information for each player, again I used 'a href' tag then the player name and the link from the premier league site.

There are many sites that relate to football in general, but all of the sites that I have visited mainly discusses recent results for games as well as highlights on each result. It seems that if you want to compare players you just go on youtube and watch compilations for favourite players. Top ten lists are in other websites, but don't really detail on each player let alone have an image gallery and a video. So I felt that creating this web page will not only give people an indication of the top ten players to look out for, but also get to know them on my website. The main idea for my web page is to introduce the English Premier League (as a starting point) to those unfamiliar with the sport, and what better way to introduce them than showing them the top ten players. I also feel that people who are familiar with football will enjoy my web page even though there are always going to be people out there that disagree with who should be in the top ten. With this in mind I stated that the list can change based on player performance, so for people that are not seeing their favourite players on the list, better hope their players perform well to get on the list.

Networked Media Production week 6

This week Michael talked about how being in one place at one time is a physical limitation, and how the internet can defy these physical limitations. For example: Using the internet to email, sending information to more than one place at the same time, which is considered a physical limitation especially if each recipient is in different locations around the world. Talking about how a book; hundreds of years ago was seen as an advanced piece of technology. But today is not really seen as technology that would be considered as somewhat advanced. Which brings me to ask, what can be considered as advanced technology? Is it the technology that we have now? A mobile phone nowadays has become so accustomed to our everyday belongings, something that we find useful, is not really seen as advanced technology when comparing it to the latest rocket ship or outer space satellite, but if you were to send a phone 200 years in the past, the reaction would be different. So is technology only advanced if we are not familiar with it? Or is it only advanced if it doesn't exist 'yet'? Sure NASA uses probably the most advanced equipment on the planet, but in 50-100 years, perhaps the technology they use can be modified and used by everyday people within their own backyards, where every kid on the block can build their own spaceship. When we talk about reality, yes the way we perceive it is heavily influenced by our culture, but 300 years ago, the internet let alone a mobile phone, is something that did not exist, therefore would not be seen as something you would consider to be real. Instead nature and physical surroundings would be the elements of reality. But what about today? It seems that the internet has it's own reality, and the reality in the outside world, is becoming less real than that of the internet (technology). Teenagers that get trapped in the reality of video games, this culture can influence how differently they would perceive what everyone else considers reality. To me the internet is a useful way to take advantage of the technology that has been founded 'for us'. Perhaps it's a world within reality, and the reality of it is, most of the time, depending on what it is you want to search, you're gonna find things on the internet that are useful, things you want, even things that you don't want. Internet being not so much a reality, but a useful piece of technology that can be used to defy physical limitations. If the internet and technology are playing bigger and bigger parts in our lives everyday, I wonder how beneficial it's going to be in many years to come. Watch Wall-E and you'll see where I'm coming from. Also have a look at this site - http://faculty.washington.edu/smcohen/320/cats320.htm - it's all about Ontology and Predication, two interesting topics that were raised in the lecture and sort of what I based my blog on for this week.

Networked Media Production week 5

Ok, my web page is coming along alright, I'm starting to become more familiar with html and css the more i use it. This weeks analogy for HTML and CSS - Say you are managing a cat walk show, you are at rehearsal where you have to instruct one of the models (web page) to what she will be wearing as well as any touch ups necessary, however the model doesn't speak the same language as you. You have two other associates, the translator (HTML) and hair, makeup and clothe designer (CSS). You use your translator to get your message across to the model, how you want her to walk, what way she should turn, the expression on her face, the theme of what she will be wearing. You've then got your designer that will dress her, style her hair and make up etc. The better you use your associates to communicate with the model, the better the outcome of her performance. This is absolutely ridiculous, but again I find these analogies a good way of understanding the concept from another perspective.

Anyway, when talking about semantic markup, it's all about understanding the meaning of each tag. HTML tags are like a language, a communicating tool that represents certain content. While certain tags might not mean anything at first, its the type of content that it represents which makes understanding the concept of semantic markup so valuable. Here's a link to a short and simple little post describing semantic markup - http://www.tyssendesign.com.au/articles/faqs/what-is-semantic-mark-up/ Non-semantic markup i guess can be useful in some areas, when you want to edit your website from a front on visual perspective, but the process can take so long, its much easier to make big changes in less time when editing semantically, as well as fine tuning the little details, it's a better way of communicating with your web page in my opinion.

Networked Media Production week 4

Ok, Mashups and API's. This week Michael mainly talked about how software on the internet interacts with other software (Application Programming Interface) and how programmers use API to connect with other software, and in turn provide a bridge or access to it's own software for others to connect with. Now it's time for my ridiculous analogy for API's that may help better understand how API's work even though my knowledge is pretty limited. When building applications, 'API's' are like sports agents, and 'software' are like teams that have an underground science lab that clones it's players to share with other teams (software). Programmers are like the general managers that build a team using specific players that they find useful. The team (software) releases it's sports agent (API) , and the agent then provides access between the general managers (programmers) and the players, the general manager then uses these players to build a team of it's own. API's can also be used to connect information from one source to another, so pretty much an API is the bridge connecting to it's own software, and is used to gain and also provide access to other software. Wolfenflickr was a good example which was shown in the lecture, how it uses API to connect with flickr. If I have completely lost the plot in trying to express my knowledge on API's so far, then there are these two websites that helped me understand the basics on how API's work - http://www.computerworld.com/s/article/43487/Application_Programming_Interface and also - http://communication.howstuffworks.com/how-to-leverage-an-api-for-conferencing1.htm

When building an application or service that combines multiple services from multiple software to create a new service or application, it is known as a Mashup. - This link gives a pretty basic and useful explanation on Mashups - http://askbobrankin.com/what_is_a_mashup.html . A good example was the website Ben showed us in my tutorial - http://oakland.crimespotting.org/#types=AA,Mu,Ro,SA,DP,Na,Al,Pr,Th,VT,Va,Bu,Ar&lat=37.798&zoom=14&dtstart=2010-02-27T23:59:59-07:00&lon=-122.273&dtend=2010-03-06T23:59:59-07:00&hours=0-23 - It shows the map of Oakland, California, and has the location of recent crime as well as a list of the types of crime committed. How it works is that it receives crime data reported by Oakland Police and published on the map for people to locate. Can be quite useful for people who plan on living in Oakland to locate where most crime is committed so that they can move into an area of Oakland where crime is rarely committed. But looking at the map myself I can say now that Oakland doesn't look like the safest place in the world.

Networked Media Production Week 3

Alright, this week's lecture was mainly about HTML and CSS. I'll be honest, I had absolutely no idea what they were before the lecture, and about 20 minutes in I thought my brain was going to shut down due to CITBCHATTO (Confusing Information That Brain Cannot Handle At This Time Override). It's just a matter of becoming familiar with all of the tags and what they mean, I understood HTML and CSS a little better after my tutorial. I found the more I used it and the more I became familiar with the tags, the better I understood the meaning of HTML and CSS, so an important tutorial for me. Anyway there is this site that I was looking at - http://www.htmlgoodies.com/primers/html/ - It has a list of tutorials that explain in detail every aspect of HTML including a big list of tags. Another interesting site is-http://www.w3schools.com/css/ - which has a lot of information about CSS and also has a useful little 'try it yourself' button that brings up another page which shows you exactly how it works, it's pretty useful especially when learning for the first time, here's the link for that page-http://www.w3schools.com/css/tryit.asp?filename=trycss_default . So yeah I was a little worried at first about HTML, but now that I have used it and am familiar with some of the tags it's actually not as complicated as it first appeared to be, especially once understanding the basics. I think it's one of those things that if you don't know what it is, and it looks really confusing, it can come off as a little intimidating, especially when finding the motivation or the interest to learn it. But once you do learn it, it's really useful and is something you can definately have fun with.

Networked Media Production week1/2

WELL! This is my first time writing a blog so this is all very new to me. Various topics have been covered in the lectures, some in particular that I found to be quite interesting which I will get to further on. This week we talked a lot about blogs and how it has become a very popular way for people to express themselves, to pretty much talk about anything they find interesting, talk about themselves, stories, different websites, media events etc. and to share it with the rest of the world. A topic that i found interesting is Samuel Pepys' diary, when reading some of his entries its pretty much a blog written on paper in the 17th century. Here's a link to one of his diary entries http://www.pepysdiary.com/archive/1667/02/18/ Another site - http://blog.larkin.net.au/2007/11/15/pepys-diary-the-worlds-first-blog/ briefly talks about what Pepys writes in his diary, and how he includes 17th century English lifestyle including music, food, games etc. These topics are most popular to talk about even in today's blogs. In the lecture we also talked about Heather Armstrong, initially she started a website to talk about topics such as pop culture and music, much like the topics Pepys includes in his diary. Even though Heather was fired from her job talking about work without permission, her style of writing has become very popular, she 'monetized' the situation and now considers herself to be a professional blogger. http://www.dooce.com/about - This is Heather's site which also includes information about herself. What I find so interesting is how similar Pepys' diary is to today's blogs and how over the years different styles of writing and expression has not changed as much as technology has. Anyway that's my blog for this week.