Yay!, Bee, See: Difference between revisions

From OLPC
Jump to navigation Jump to search
(remove extra row)
(reorganization)
Line 7: Line 7:
Alike, Attribution, and Share Alike licenses. Individual attribution
Alike, Attribution, and Share Alike licenses. Individual attribution
for each image is included in the application source code.
for each image is included in the application source code.

Many of the letter-image associations were inspired by [http://www.amazon.com/Seusss-Read-Myself-Beginner-Books/dp/0394800303 Dr. Seuss's ABC].


{| summary="Versions of Yay!, Bee, See" align="right" border="1"
{| summary="Versions of Yay!, Bee, See" align="right" border="1"
Line 20: Line 22:
| || [[Media:Yay-Bee-See-7.xol|Yay-Bee-See-7.xol]]
| || [[Media:Yay-Bee-See-7.xol|Yay-Bee-See-7.xol]]
|}
|}

==After installation==

An initial click is needed to move input focus to the input area
in the upper-right-hand part of the page.

Press View | Zoom out (the "-" magnification icon) three times (to reach a 1:1 JPEG:screen
pixel ratio) and then View | Fullscreen for the best experience.


==Overview==
==Overview==
Line 46: Line 56:


More recently, [[User:Sj|Samuel Klein]] and [[User:Bsittler|bsittler]] packaged it as a .xol library bundle: [[Media:Yay-Bee-See-7.xol|Yay-Bee-See-7.xol]]
More recently, [[User:Sj|Samuel Klein]] and [[User:Bsittler|bsittler]] packaged it as a .xol library bundle: [[Media:Yay-Bee-See-7.xol|Yay-Bee-See-7.xol]]

==After installation==

An initial click is needed to move input focus to the input area
in the upper-right-hand part of the page.

Press View | Zoom out (the "-" magnification icon) three times (to reach a 1:1 JPEG:screen
pixel ratio) and then View | Fullscreen for the best experience.


[[User:Bsittler|bsittler]] recommends SIL's recently released free [http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=andika&_sc=1 Andika Basic font] for the small type.
[[User:Bsittler|bsittler]] recommends SIL's recently released free [http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=andika&_sc=1 Andika Basic font] for the small type.
Line 59: Line 61:
And either that, or Magenta's free [http://www.ellak.gr/fonts/mgopen/index.en.html MgOpen Cosmetica] font for the large type.
And either that, or Magenta's free [http://www.ellak.gr/fonts/mgopen/index.en.html MgOpen Cosmetica] font for the large type.


==Background==
==Story==


[[User:Bsittler|bsittler]]'s daughter has been enjoying her XO-1 from 2007's [[G1G1]] program much more than expected
[[User:Bsittler|bsittler]]'s daughter has been enjoying her XO-1 from 2007's [[G1G1]] program much more than expected
Line 76: Line 78:
recognizes many letters and digits, but does not seem to understand
recognizes many letters and digits, but does not seem to understand
reading yet.)
reading yet.)

And finally, many of the letter-image associations were inspired by [http://www.amazon.com/Seusss-Read-Myself-Beginner-Books/dp/0394800303 Dr. Seuss's ABC].


[[Category:Learning Activities]]
[[Category:Learning Activities]]

Revision as of 17:01, 26 November 2008

bsittler recently wrote some software for use by his daughter on her XO. It runs inside the Browse activity, either locally using a "file:" URI or over the network. He released the software to the public domain and packaged it along with scaled-down copies of some public-domain images and some copyrighted-but-free-to-redistribute images under GFDL, and various Creative Commons Attribution-Share Alike, Attribution, and Share Alike licenses. Individual attribution for each image is included in the application source code.

Many of the letter-image associations were inspired by Dr. Seuss's ABC.

Desktop
1600x1200
XO-1
1200x900
Hosted Applications Yay!, Bee, See Yay!, Bee, See
Source Archives 15 MiB ZIP 4 MiB ZIP
Collections Yay-Bee-See-7.xol

After installation

An initial click is needed to move input focus to the input area in the upper-right-hand part of the page.

Press View | Zoom out (the "-" magnification icon) three times (to reach a 1:1 JPEG:screen pixel ratio) and then View | Fullscreen for the best experience.

Overview

bsittler wrote some software using DHTML (JavaScript, HTML and CSS.) It's to help learn letters and numbers, and is intended to be used with adult supervision and involvement. It is fairly easy to customize it to use different images and support different alphabets simply by editing the contents of the <style> element in the HTML file.

The software is very, very, very simple — it just echoes typed letters and numbers in a large, colorful font and shows a somewhat-relevant background image for each one. The images are various freely-usable ones found on Wikipedia or in the Wikimedia Commons. Refer to the source code for full copyright information for the associated images.

Online version of the "Yay!, Bee, See" application

Online version reformatted for OLPC display size

An archive of the application (ZIP, ~15 MiB) including all images

An archive of the reformatted OLPC version (ZIP, ~4 MiB) including all images

Blog post about the application

More recently, Samuel Klein and bsittler packaged it as a .xol library bundle: Yay-Bee-See-7.xol

bsittler recommends SIL's recently released free Andika Basic font for the small type.

And either that, or Magenta's free MgOpen Cosmetica font for the large type.

Story

bsittler's daughter has been enjoying her XO-1 from 2007's G1G1 program much more than expected (originally he intended to wait until she was older and literate to introduce her to the XO-1, but she seemed to treat it as a favorite toy starting around the age of 18 months.) She likes the Record activity (she calls it "Waving hand" and uses it like a mirror-image mirror,) Skype (not bundled, but she uses it to talk to and see far-away family,) and listening to music. She also likes pressing buttons, rotating the "ears" and screen, and opening and closing the laptop. However, she seems somewhat frustrated by not being able to do things on it for herself (or as she puts it, "do it self!",) so he thought he might write a small program where her keypresses give some feedback, and help reinforce her interest in the digits and letters of the alphabet (she loves being read to and recognizes many letters and digits, but does not seem to understand reading yet.)