Sunday, August 28, 2011

Blog Post #2: Can I Get a Resource?

Although we don't have to do both of the posts for this week, I decided I will go ahead and do this post too and share a few design resources with you all.

Hex Hub HTML Color Codes - I use this site all the time to find hexadecimal codes for colors. They have a lot of ones listed here, which should make it easy for you to find the perfect shade. Programs like Fireworks and Photoshop let you put in hex codes in the color picker too, so you can use these codes in your graphic design as well.

Namechk - This is not so much a design resource but it could help you when you decide to get the word out about your website on social networks. This site lets you check over 100 social networking sites to see if the username or custom URL you want is available. Saves you lots of time and stress.

8 Simple Ways to Improve Your YouTube Channel - This is also social media-related in a way, but it's the best article I've ever seen on helping you out with YouTube. I found it when I did a Google search on how to change your YouTube username (since I no longer like the one I have). The article is on Mashable, a popular tech blog that is worth following in and of itself.

StumbleUpon - I came across this semi-obscure social network a while back, which suggests web content to you based on what you tell the site your interests are. I have found a lot of great stuff using this site. You can browse what you are given using the site or through downloading the StumbleUpon Toolbar for Internet Explorer. Either way, when viewing a site, you give it a thumbs up or thumbs down. StumbleUpon uses this data to improve its recommendations. It's definitely a good place to start to get inspiration!

~*~

Hope you enjoyed this short list of resources! Till next time!

Blog Post #1: "Erin's Challenge! I Can Speak Japanese" is cool!

Find a site that you think is cool or cutting edge and well designed. Explain what this site is about and why you find it compelling. What makes the site cool or cutting edge and how does it differ from most sites that are out there? Are there special, unique, or interesting features to the site? Can you determine how the site was made and/or the tools and techniques that were used?

The site I would like to feature for this post is Erin's Challenge! I Can Speak Japanese. I found this back in March while searching for Japanese language learning resources. It was created by the Japanese Foundation, an organization, that, according to their own website, "specializes in international cultural exchange in Japan," and is specifically sponsored by their Japanese-Language Institute in Urawa. Its purpose is to teach the Japanese language to foreigners through the use of 25 video skit "lessons" starring a young British girl named Erin who is studying abroad in Japan. Each lesson focuses on specific cultural situations which Erin encounters, such as introducing oneself, asking where something is, telling time, asking the price of a bus fare, and ordering food. Each lesson includes the video skit, a script of the skit, a manga rendition of the skit, and review questions. Text for the skit, script, and manga can be viewed in Japanese with kanji, Japanese without kanji, Romanji (Japanese written in Roman letters, like what we use), and English (or whatever foreign language you speak - I viewed the English site but you can also view the site in Japanese, Chinese, Spanish, Portuguese, or Korean). There are both basic and advanced versions of the skits available, allowing anyone of any level in the language to enjoy this resource. As the site's motto says, "Free Japanese learning website, even beginners can enjoy." You can also make an account on the website, which opens up more features, but the site is fully functional without one.

I find this site compelling because it provides an easy way for foreigners to learn Japanese. It has the script for those who learn best through writing as well as elements for visual learners such as the video and manga. The use of cultural situations to teach the lessons also introduces users to aspects of Japanese culture they might not otherwise learn about using other resources, as well as putting the learning into contexts that a visitor to Japan or study-abroad student might easily encounter.

I have not explored many Japanese language resources on the net, so I am not sure how Erin's Challenge differs from what else is out there. But its use of video and cultural situations is probably pretty unique. Plus the site seems very tailored to foreigners, especially as they feature a foreign character, which is cool. The site is also more interactive than most, with the features such as the videos and scripts, and features that help you understand what you learned, like the Key Phrases (which also includes a section showing how these key phrases can be used in situations other than the one Erin experienced) and the Let's Try area, which also introduces a situation similar to what Erin experienced but not the same (the one for the first lesson, for example, discusses exchanging business cards, even though the main lesson is on classroom introductions). They also provide a very useful FAQ that shows how to use each part of the site, as well as giving very specific technical specifications to help you get the most out of the site.

The video skits are a unique part of the site. Instead of just having a teacher teaching you Japanese, you get to follow a story, namely that of Erin's six months studying in Japan. Erin gives viewers somebody to relate to as they embark on their journey learning Japanese, which makes the experience that much more interactive!

As for how the site was made...clearly Flash was used for most, if not all, of it because the site is very dependent on Flash Player. The skits were taken from a DVD series, so some sort of video conversion software was used to put it on the internet. Since the site also allows you to make an account and features a "user ranking" sort of leaderboard, there is probably some sort of interface that manages that part. According to the FAQ, the site also uses JavaScript. The FAQ also suggests you have a large screen size (1024 x 768 or higher), which makes sense since the site takes up a large amount of screen space even on my laptop (which has a unusually wide screen and a resolution of 1280 x 800).

Anyway, I definitely recommend this site if you want an easy and creative way to learn the Japanese language! I now leave you with some screenshots of the site, taken by me in full-screen:

The site's homepage


The first Basic Skit in action.



The "Script" feature.

The "Manga" feature, with only English turned on.
Down in the corner, there is also a "Learn onomatopeia with manga" feature,
which helps you learn the Japanese words for different manga sound effects.



The "Review Questions" feature.


The first Advanced Skit in action. Though on the
same subject as the Basic Skit 1, the situation
is different.

The "Key Phrases" feature for Basic Skit 1 in action,
featuring an animated version of Erin along
with an animated "teacher."


The "Develop vocabulary" section for Basic Skit 1
(with a helpful reminder to get the latest
version of Flash Player on the bottom).

This trailer from the site's official YouTube channel also gives a very good overview of how the site works, including some stuff I forgot to mention: