Tag Archive: Application


http://www.youtube.com/watch?v=E7xc7J8bdsU

 

Application Day Assignment

This video is a commercial produced by Apple displaying the features of the Macintosh computer. The idea being shown is known as the “desktop metaphor” in which the computer monitor is used as if it were the users desktop containing folders, trash, and calculators. This YouTube video is an example of the theory of teleology. Like teleology, this video shows an example of how earlier developments (the idea of a physical desktop) are influencing the developments in current technology (the virtual computer desktop).

 

ScoreTab is a free, highly customizable scorekeeping web application that can be used to keep track of nearly any kind of game or record involving names and numbers. Each sheet can have any number of players and adjustment values which can be set to whatever the user feels like. Up to six sheets can be saved at one time, and switching between them is as easy as switching between tabs in modern internet browsers. The interface was designed to be clean and intuitive. Ideally, most users should be able to operate the application without any instructions whatsoever. Even so, I included several hints at the top of the page to clue users into some of the less obvious features.

My desire to create ScoreTab arose one day when I was trying to find an online scorekeeping system to use for myself, and much to my surprise, twenty minutes of Google queries returned no useful links. Thus, I decided to make one myself so that I may use it in the future when the needs arise. After working on it for somewhere in the area of 60 hours this semester, I’m rather pleased with the results and plan on using it to keep track of many different things going forward. Just the other day, I used it to help calculate my paycheck by entering the number of hours I spent performing different tasks with the adjustment values set to my hourly pay for those tasks. With its incredible flexibility, I’m sure that’s just the tip of the iceberg in terms of types of uses other users will find for ScoreTab.

The process of creating this application was long and many-stepped, with some twists and turns I didn’t foresee. At the beginning of the semester, I laid out a weekly tasks list that was easily followed until I reached the day to code the back-end necessary for saving user data. From the UI design through creating a working front-end model, the project was coming along nicely. In essence, most of that process consisted of slicing out the necessary images from the Photoshop file I created, inserting those images into the HTML skeleton, placing those images properly through the use of CSS, and coding basic mouse and keyboard interaction with JavaScript and jQuery. My original goal was to have a user login system so that the user could access their ScoreTab data from any device, but unfortunately, the PHP and SQL required to create such a database is not supported by IU’s Mercury web hosting server. I altered my initial plan to saving user data via cookies stored in the browser cache. The basic idea of information persistence still remains, but it is limited to the machine and browser on which the user last accessed ScoreTab.

In order to create everything necessary for ScoreTab to function, a working knowledge of HTML, CSS, JavaScript, and jQuery was required. I already have a hefty amount of experience creating and styling basic webpages through HTML and CSS, but only a basic knowledge of JavaScript and jQuery. When my plan to use PHP and SQL to manage database interaction had to be scrapped, I no longer had to learn the necessities of those two languages and instead focused heavily on the creation and manipulation of cookies in order to dynamically generate each page. Due to the limitation of cookies only being able to store string and numerical data, it was rather tricky getting them to save multidimensional arrays containing names and values of other cookies. Once that was managed, a great deal of time was spent manipulating the code to run smoothly in different browsers. I have managed to get everything fully working in Chrome, Safari, and Firefox, which should cover most users. I haven’t delved into developing it for Internet Explorer due to a plethora of issues specific to that browser that make it a pain compared to others.

I may continue to work on this project beyond this class for my portfolio, and there are several features I would like to include for a second release. The first being the user login system that was originally planned. Secondly, being change the order of tabs, scorelines, or adjustment values by a simple drag and drop mechanism would offer a great deal more flexibility and improve user customization. In addition, some of my usability testers wished to be able to select multiple scorelines at once to either adjust the scores or remove them in one fell swoop. All of these things would require a huge overhaul to my code structure, and they are well beyond the scope and time limitations of this course. I’m content with the current state of the project, and hopefully some of my classmates will find it to be a useful tool for them in the future.

As always, the current state of ScoreTab can be viewed here: http://mypage.iu.edu/~knisswan/i310/

Social Media Activism

Here is a video talks about new media social activism from Youtube

http://www.youtube.com/watch?v=Ye867M80_nU

The wall stree example

Social media group of the activism.

http://blogs.position2.com/social-media-helps-spur-occupywallstreet-protests

The static of activism’s movment and network graph.

http://sunfoundation.tumblr.com/

This video is a good example of social media activism for a number of reasons.  First it mentions how social media activism can be simply liking something on Facebook.com.  This coincides with what we talked about in class where the reach is great with loose ties.  Most of the Facebook pages displayed are groups that help those in need, for example Doctors Without Borders, and Project 350.  Secondly, it shows that Facebook and other social media networks are a good way to make a cause visible because the reach is so wide.  The video even states that the more exposed a person becomes to a topic the more likely they are to grow a passion for something.  In this sense it not only has a wide reach but makes it easier for people to become more knowledgeable as well as becoming involved, which is what we talked about in class.

Digitizing Race – Application Example

 

 

 

In the digitizing race article Nakamura explains how different races are represented or portrayed through media. The focus of this article was on the Matrix Trilogy where she makes many points that she believes are making connections between certain races and what technology they use in the movie to represent their race. For example, there was a connection made between the use of touch screen with white individuals and keyboards and analog tools with African American individuals. In my opinion I don’t think that the movie was created to show this distinction between the two races in the way that it did. I think that it just happened to work out that way in the end. I found a video that I think is a good example of how technology in the future is projected to work and does a good job showing that there is no correlation between the different races that will use the technology.

Clarke talks about the importance of words and how we verbalize our visualization. We do that everyday in our daily lives, trying to explain a beautiful painting, a movie that we just went, a commercial that was interesting, and a lot more. They all require some explanation in words. “The frequently voiced claim that we live in a culture dominated by visual communication, advertising, film, television or the Net may be true but this has not diminished our need to articulate in words our response to this overwhelming visual culture. When we are naming things, its very different from one person to anther and it all depends upon the words to convey the visual appearance of something. “In any gallery, museum, temporary public or commercial exhibition, it isn’t only the name of the artist or designer that viewers are seeking when they lean forward to read the little card on the wall. It is the title too. This alone indicates just how closely related are the visual and the verbal, even if the title turns out to be the paradoxical, ‘this is not a pipe’, or enigmatic, ‘untitled'”.

 

This is Vincent van Gogh’s Starry Night, which I went to see last weekend in The Museum of Modern Art in New York. It is one of his most well known images in modern culture. He painted this in his later years where his inspiration came from death and his interpretation. If he were to convey what he saw from his window through words, I don’t think anyone can paint a better picture in their heads than van Gogh.

Application example for the economics of new media. There are lots of examples of this and most of them include advertising.

In class she took lots of the main examples but the example I came up with that she didnt is about how facebook does lovemarks. The way that most of the ads include some sort of emotion.

“Uncover the truth” brings in past emotion of unsolved crimes.

“400 bikes $499 shipping” brings you a feeling of wow amazing deal thats cheap.

“study horses in college” has a girl kissing a horse, shows love.

“Rackspace cloud computing” Sounds like a cool cheap storage. another amazing deal and your like wow thats a good deal.

New Media-Application-Davis-9/15/11

When we talk about the different types of new media under the theories of Manovich and Baym, it is clear that New Media does not only relate to the backend and production level of the particular project, but also includes the end result as well. Each theorist breaks the project down into elements (i.e. transcoding, numerical representation, etc.) which may not be seen in the end result, but are still vital to the end product. I think my favorite example of new media comes from the OK Go video for “WTF?” (link: http://www.youtube.com/watch?v=12zJw9varYE). I think this is a great example of the theories presented by Manovich and Baym because of the video OK Go released explaining how they made the video, entitled appropriately “HTF?” (link: http://www.youtube.com/watch?v=TNeItlrTdvY&feature=relmfu). This video is a clear illustration of the theories of Manovich and Baym that the end result in new media is a collaborative effort of many different pieces within a process working together to create the final presentable piece.

Inspiring: Android application open market

When I was five years old I never would have imagined playing a game like this on my cell phone. The graphics are phenomenal. The Android market allowing individuals to share their passion and intellect with their community inspires me. It advocates growing, learning, and evolving in the IT field.