Thursday, June 30, 2011

Interactivity with SVG

If you're using a browser that supports SVG (IE 9chrome, firefox, safari), you'll notice new features on the body page (English body, French body, Russian body, Mandarin body, Japanese body) and face page (English face, French face, Russian face, German face, Italian face).
  • When you place your cursor over a red circle, the portion of the body that is being referred to is outlined. (The effect is most visually appealing in google chrome due to it's great support for SVG filters.) 
  • You can choose the level of difficulty that you prefer using a drop down menu that's next to the options menu. On the body page if you choose an intermediate difficulty, the red circles that refer to the names of individual fingers, the hamstring and shoulder blade disappear. If you choose the beginning difficulty level, you can focus on words like arm, leg, hand, and head. When doing a quiz, you'll only be quizzed on the words that correspond to your chosen difficulty.
  • When "speaking quiz" is selected under the options menu, a random object is outlined. Try to say the word for it aloud. A second or so later you'll hear the voice of your teacher either correcting or confirming your guess. The "speaking quiz" is available on the alphabet and number pages as well as the face and body pages. One of the goals of the site is to promote active learning and the speaking quiz is designed to force you to be active. Voice recognition is being built into browsers like google chrome and eventually I'd like to set up the speaking quiz so that it waits for you to speak before the teacher's voice chimes in, and to even check and see if you said the correct word.

Are these features helpful and would you like to see them in other categories?

7 comments:

  1. this is awesome! thanks for the updates. I am sure that a lot of people must love your website, it is very helpful
    I hope you can add more to the asian languages and put korean on( pls, add more to the japanese language ) thanks

    ReplyDelete
  2. The body page doesn't work in Firefox5 :( When you hover the cursor over the circles nothing pops up. However, it does work in my version IE9 :)
    Also, I'm learning french and the short stories are great! Thanks.

    ReplyDelete
  3. Thank you very much Tom:
    "Voice recognition is being build into browsers like google chrome and eventually I'd like to set up the speaking quiz so that it waits for you to speak before the teacher's voice chimes in, and to even check and see if you said the correct word."
    In Chrome perhaps by using a "text field" + instructing people to install either of the following extensions that enable voice input and place a microphone icon in the "text field":
    Voice Search:
    https://chrome.google.com/webstore/detail/hhfkcobomkalfdlmkongnhnhahkmnaad

    Speechify:
    https://chrome.google.com/webstore/detail/dalapoeljdklkcfjkecafidnojkfpohn

    ReplyDelete
    Replies
    1. Sooooooooooooooo helpful !!!

      Thank you !! Thank you !!! Thank you !!!!!

      Delete
  4. This page seem to wrong pics,wrong pronounce.

    http://www.languageguide.org/im/fruits/cn/

    ReplyDelete
  5. I will definitely try out that add on. It sounds interesting :)

    ReplyDelete
  6. Nice idea :) this would be very helpful in different languages!

    ReplyDelete