Mashup: Children’s Book and The Pioneer

The Mad Tea Party.

Mashup Assignments: Mashedup Children’s Book

Mashup a children’s book based on another cultural artifact. For example, framing Dr. Who as a children’s book in the aesthetic of a Dr. Suess’s work. See example from College Humor here:

Since Scott asked us to have more variety of categories for our DS106, I wanted to do something in another category I still haven’t tried. A past blog post from the previous semester inspired to me to try this assignment. I think this assignment can also be under the design section.

How are people doing with their presentation preparation? Mid-term has started and we’re all having a hectic week. I’m suppose to be busy too, and I somehow spent a hour or two the other day just to search the right picture for this assignment. It’s my bad habit to go headlong at whatever I decided to do.  First off, I couldn’t find the desirable CC-licensed image of children’s books. I could immediately think of some well-known books and I had plenty of ideas. “The Snowman” was one I wanted to use, but that plan had to be put away. Instead, I found an gif animation of the famous tea party scene from Lewis Caroll’s “Alice in Wonderland” which I replaced The Mad Hatter’s face with Engelbart’s.

Can you believe it? I’m still writing about a Pioneer after finishing the first section. A light bulb went off in my head when I saw the dormouse. I made a little association with the Pioneer and the mouse (dormouse – mouse – computer mouse…Engelbart?).

The creative process of this assignment became somewhat difficult, because I had taken a gif animation and played around with it. Although you can’t really tell Alice is actually holding a x-ray-ed computer mouse, which the sparkle erased from the image. Check out the twinkly animation version of the Tea Party on Flickr. I wish I had the animation working on here too…I don’t consider this piece as one of my best works.

* I just realized now that I was goofing around checking out some dormouse pictures and videos (they’re too adorable to avoid). No wonder I took more time than I expected to complete this assignment.


An Album Cover: Like a Moon on the Tides / Sydney Weekender

Visual Assignments: An Album Cover
 So here’s something fun for everyone to do, should be quick and easy, but try to make it pretty. First, go here: The title of the article is now the name of your band. Next, go here: Go to the bottom of the page. The last four to five words of the last quote are the title of your first album Lastly, go here: Select the 3rd image. It is the picture for your album cover. Manipulate the picture, resize it, add some other color, whatever. Do the same with the band name and album title, put them over top. However you wanna do it. Make it look cool.
 There are more than forty people who have completed this album cover assignment. That’s a lot of participants and I thought I should be one of the bunch. One trivial memory from the creative process is that I had to reload quite a few times to find an image under the right license. All these impressive photos appeared, but sadly they said “All rights reserved”. The photo I finally found then was the base image for the album cover. Assuming from the photo title, the scenery happens to be somewhere in Paris, France. Despite the artist’s name “Sydney” weekender, the background image is of another continent.
 I tried using GIMP this time and failed to create a proper cover art I initially intended to make. During my first try, I messed up the original picture so I had to restart from downloading the image again from Flickr. Then, I resorted to Pixlr which probably didn’t eat up my computer’s memory. I was slightly mad at myself after realizing while working on this article that I spelled the word “Sydney” wrong (Syndey? What?). Of course, I went back to Pixlr and it was fixed. There’s not many photo manipulations done to the base image. Instead I played around with the fonts. I noticed for the first time that Pixlr lets you use the fonts you already have in your computer. The fonts used in the cover art are free, by the way.

Infograph Project pt.1 – Review.

My group’s topic for the Infograph project is CYBER CRIME. The objective of this project is to analyze and critique the infograph your group chooses. We divided the image into five portions for each of us to review.
I am reviewing January’s section below. Click on the hyperlinks for the full version of the infograph and the original article it was used.

 Before going into the details of January’s report, here’s my insight on the introduction:

“79% of global respondents”?

The factual information in yellow under the heading supposedly indicates a vague survey result. However, it doesn’t show the details of the number of the respondents and countries for the investigation. Unisys Security Index has a clearer summary for the fact. There were more than 10,000 respondents from twelve developed countries according to the report. The infograph alone just doesn’t provide sufficient evidence.

“More than one successful attack per week?”

Where did Unisys get the average of successful cyber attacks? The corresponding article to this information is from Infosecurity magazine online which links back to a  Cybercrime report (sponsered by HP ArcSight). This source gives a much larger number of average successful cyber attacks per week. Thus, the information may be flawed. Though, somehow the remaining piece of information on increased annual security cost appears to be truthful to the report.

The Analysis for January:

“Massive Security Breach” and the “GPS-based mobile application.”

– The source is from the Wired mag’s online article. The article includes direct words from the application service (Trapster) of subject. is well-known, and therefore, I expect the information to be credible enough. Although, it would’ve been better if the source gave extensive details about mobile application problems.

“Moblie Security Breach”

Venturebeat seems to one of the top blog sites along with GigaOM, which we retrieved the infographic from. The article refers back to IBM’s actual official report results that anyone can see and even has a video embedded. I assume that the source is reliable.

Surreal and Kind of Cute.

Visual Assignment: Fat Cats make Art Better

 Using this site: as a platform for ideas, and using Photoshop (or something like it) as your tool, place a fat cat into a photo of a classic art piece. The goal is to make it convincing: make the art become on with the cat.

 Unbelievably, I haven’t written any DS106 blog post for this section. After submitting reports and essays for other classes, I sort of went into short hibernation. Although, I have been thinking about this and that in my head starting from Neuromancer to Web 2.0 and the future of cyberspace. Was I slacking off? Kind of. Well, today I decided to be part of the Fat Cat craze and share my piece.

 I don’t reckon people know that I was an AP Art student back in my high school years. The art teacher I had constantly insisted that I should be a visual art critic, and I was and I am still interested in art history and philosophy. Yet, I chose to pursue another field of art, and thus, going through a bit of a rough ride I ended up being here in Temple. As I’m writing this I feel like I need to listen to the ballad “Dream On”. And speaking of dreams, the classical art piece I used for the assignment is one of the notable works of the Spanish surrealist Salvador Dali, who portrays dream images and landscapes. I’m talking about a different definition of dream, but anyway, the title of the piece is “The Persistence of Memory”.

 This is my first attempt at creating an image using Pixlr which Scott recommended in the CIS blog on Monday. The online photo editor is quite easy to maneuver. I used GIMP to manipulate images for The Pioneer section and it took me time to figure things out. So Pixlr is a nice discovery. Thanks for recommending it Scott.

To tell the truth, there is not much to comment on the process. My initial idea was to place a cat in some wintry ukiyo-e, but I was unsuccessful in finding any that are usable. I abandoned the idea and turned towards western art. Dali was an easier piece to work on, because of the surreal nature it had. Placing a ginormous cat in the scenery would look just fine. Personally, I think at least half of the burden was on researching images for the process.

I love cats (or most smaller mammals) and lived near them all my life, despite the allergy I supposedly have. If you got interested, try this assignment and join the Fat Cat craze!

I Love My Cupcake Browser Theme.

Which web browser do you use? There were several browsers I tried out in the past, but currently I’m sticking to Firefox. According to the stats as of December 2011, Firefox, Google Chrome, and Internet Explorer are the top three popular browsers in the list.

I don’t consider myself as a digital native, although I was introduced to computers in kindergarten at school. We all had to play around with old Apple computers under the guidance of our teacher. Do you remember using “Netscape” in the earlier years of your cyberlife? It’s the green logo, remember? Maybe some of you do remember or know, maybe not. The DS106 assignment I did this time relates to Netscape and the founder of Netscape.

Marc Andreessen :p by JD Lasica / – CC Licensed via Flickr

The now multi-millionaire software engineer Marc Andereessen was a student and a part-time assistant of NCSA at the University of Illinois when he began his new browser development project. He was one of the second generation of the people who were introduced to WWW which Tim Berners-Lee created. However, at that time, the web browsers like Unix was expensive and they weren’t available for the general public. So Andereessen’s aim was to build a better user-friendly browser that everyone could use. As a result, he and his co-workers produced the Mosaic web browser. It was released to the public in the year 1993. There was a legal problem over the property of the Mosaic browser between the University of Illinois and the company Andereessen co-founded with his business partner. Mosaic had to be renamed to Netscape Navigator soon after its release.

I didn’t know until I read the information on Andereessen and Netscape that Netscape was originally named Mosaic. As you may have recognized, Netscape exists, but it’s no longer a popular browser. Netscape engaged in the Browser war with Microsoft, which became interested in the Internet business and hopped on the bandwagon. Then, as you can see, Internet Explorer won the war and became the dominant browser in the market.


Here’s the assignment detail:

Design Assignment: What the Font?
A common exercise in design school, take typographical elements (perhaps even the words of a story) and bring them to life.

Since we’re doing The Pioneers section, I wanted to continue on working on DS106 assignments with the pioneers theme. I don’t think I’ve seen an Andreessen post yet, and that is why I thought this article will be a good one to do. My design is a portrait unlike the rest of the posts that people have done. I wasn’t so sure how I would interpret the assignment mission, though there’s some typography essence in the image (the word NETSCAPE being blown away).

Now I’ve become slightly more experienced with using the image manipulation application, the time spent for creating the assignment has been reduced than before. I’m also eager to try new things.

( The white caption in the background is taken from the familiar Pioneers page).

Patty Pioneers – Weiner eating a wiener.

Original scanned photo by telehistoriska - CC Licensed via Flickr

Visual Assignment: Patty Pioneers

Simply put, this assignment involves editing a picture of any Computer Pioneer so that it looks like they are eating/about to eat/holding a burger or similar types of fast food.

After this morning’s class I thought I’d do a post on Weiner. I decided it was about time to move on to DS 106 assignments since we are ending the section in one week or so. My first intention was to start off with the easier creative assignments, but technology was intimidating me. It has been quite a while without touching any photo editing software. I have had experiences with Photoshop back in my high school years, because I was one of the yearbook editor. However, I couldn’t suddenly buy Photoshop and I never worked on freewares like GIMP or Inkscape. Both of them were installed in my laptop somehow, though I had no clue how to use them. It took me a few hours to begin the whole assignment, and I had trouble going through the process. I failed a few times, but thanks to the Internet Pioneers — I with helps from tutorial sites I actually got something done!

Whenever I see a dachshund, I always think “a hot dog is walking on the street”. As you know, the name hot dog derives from their long body that looks just like a wiener. I doubt that there are hardly any hot dog stands or shops out there using proper pork and beef mixed wiener sausages. Hot dog is fast food, right? It’s quick and easy to prepare. So I added a hot dog, a bottle of coke, and a plate of french fries in Norbert Wiener’s picture. In the original photo, he is holding a cigar between his fingers.

Norbert Wiener has an unique biography. The story of him being the child prodigy is interesting enough, but what appealed to me was the transformation of his ethics against science and politics. I think he is an almost underrated contributor to the fields of cybernetics, mathematics, and extensive studies he related to them. He has won significant awards and honors. However, I have a feel that people tend to pay attention on the sophisticated form of outcomes the more modern pioneers have produced. Perhaps, his partly Jewish origin had kept him away from further prestige and celebrity. I didn’t know him and thought that the originator of Cybernetics and electonic communications should be noticed by everyone. Also, along with accumulating some facts about Wiener from online readings, I realized that truly intelligent individuals seem to have similar human philosophy. They all work for the establishment of a better human society by applying what they specialize in. As I mentioned before, Wiener is a remarkable personage. His near-rebellious attitude towards the government and questions on the ethics of scientists distinguishes Wiener from the other pioneers we have covered so far.

The Anguish.

Visual Assignment: Make The Untranslatable Understood

Use the Random Words with No English Translation tool ( to generate a word that could be better understood with a photo or image. Find a creative commons image or make your own, and include the word somehow in the image (using a desktop photo editor or web tool like Aviary or PicNIk). Then share it with someone and ask if it makes sense.

anguished soul :p by kelsey_lovefusionphoto – CC Licensed via Flickr



This is my third DS106 assignment for the section. The image looks quite plain without any extra captions and effects, but I wanted it that way. I hope people can kind of guess what the word “toska” means by just looking at the image.

Toska – “At its deepest and most painful, it is a sensation of great spiritual anguish, often without any specific cause. At less morbid levels it is a dull ache of the soul, a longing with nothing to long for, a sick pining, a vague restlessness, mental throes, yearning”

Before I restarted the assignment, I already had another image half done waiting in my CIS folder. That was suppose to be used, but I suddenly felt the desire to manipulate another photo instead for this assignment. It’s obvious that I haven’t spent too much time on this piece compared to the other posts I’ve done. I thought a messy complicated composition wouldn’t fit the picture, and therefore, the image was kept simple. The process was just about doing the glowing effects around the text to give a cold, but burning impression.

Everybody has the moments of anguish at certain times of their life. I often feel restless inside without a clear answer to why I feel like it. Sometimes you can’t really find the specific reason for feeling so disturbed. Even so, I think there are external and internal causes for feeling “toska”. We all live under pressure; the good and bad stress come into us at once. I imagine, that the same spiritual anguish must be lurking in the depths of every soul.

By the way, I fixed the tagline for this blog. I misspelled the word “newbie” incorrectly…!

What’s the Plural Form of Computer Mouse? Mice?

It’s Sunday night and I’m sitting on the sofa of my living room weary from a busy weekend with my laptop in front me. Yes, I’m finally doing my very first blog post! I’ve been brainstorming a bit and had an idea of what I wanted to write, but I couldn’t find the right timing to sit down and actually start blogging. Anyway, this article is devoted to Douglas Engelbart and his most famous invention — the mouse.

Out of the three Internet pioneers Engelbart may be my favorite. “The Mother of All Demos” (hypertext!) has interested me for two major reasons: 1) the invention of the mouse and some ubiquitous computer technologies; and 2) his lifelong contribution to the field of computer science. I might not have had the chance to write this article freely without his innovation. It’s the same for online telephony. Maybe we won’t be enjoying communicating on either Skype or Windows Live Messenger or any popular software. Engelbart has received many important awards for his achievements which gave significant impact to all our cyber-life. Other notable pioneers are also continuing to pursue their research and career, but I’m impressed by Engelbart’s vitality at the age of eighty-six.

Now, I’ll move on to what I really want to share with all of you. There are some unusual unique designed mice (ex. the extravagant handcrafted wooden mouse) out there that are just fun to look at.

paradox mouse Unusual Computer Mice You Probably Havent Seen Before

The Steampunk Mouse

Which mouse do you wanna try out? I’d probably pick the “Makeup” mouse or the “Jelly Click” mouse from the list: “Unusual Computer Mice You Probably Haven’t Seen Before”.

I think Engelbart wouldn’t have thought that his invention would transform into such art pieces. However, there’s a possibility that mice may disappear. I found some touch-sensetive tools such as optical mouse rings and the new five-fingered mouse. The recent trend in the market is to make everything more compact (what’s up with the newest generation of iPod nano?). Consequently, these toy-like types of tools may take over the role of Engelbart’s ingenious invention in the near future.