Yay!, Bee, See: Difference between revisions

From OLPC
Jump to navigation Jump to search
(remove extra row)
 
(18 intermediate revisions by 3 users not shown)
Line 8: Line 8:
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"

! || Desktop <br> 1600x1200 || [[XO]]-1 <br> 1200x900
{| summary="Versions of Yay!, Bee, See" align="right" style="border: 1px solid #777"
! || Desktop <br> 1600×1200 || OLPC [[XO]]-1 <br> 1200×900
|-
|-
! Hosted Applications
! Hosted Applications
Line 18: Line 20:
|-
|-
! [[Collections]]
! [[Collections]]
| || [[Media:Yay-Bee-See-7.xol|Yay-Bee-See-7.xol]]
| || [[Media:Yay-Bee-See-10.xol|Yay-Bee-See-10.xol]]
|-
! [[Activities|Activity Bundles]]
| || [http://dev.laptop.org/~wadeb/Yay!BeeSee-2.xo Yay!BeeSee-2.xo]
|}
|}


==After installation==
==Overview==

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.

==Activity bundle==

[[User:Wade]] has rewritten Yay! Bee See as a standard Sugar activity and released the Python source under [[GPL]]. The bundle is located here: [http://dev.laptop.org/~wadeb/Yay!BeeSee-2.xo] It can be downloaded using the Browse activity.

==Details==


[[User:Bsittler|bsittler]] wrote some software using DHTML (JavaScript, HTML and CSS.) It's to
[[User:Bsittler|bsittler]] wrote some software using DHTML (JavaScript, HTML and CSS.) It's to
Line 34: Line 51:
ones found on Wikipedia or in the Wikimedia Commons. Refer to the source
ones found on Wikipedia or in the Wikimedia Commons. Refer to the source
code for full copyright information for the associated images.
code for full copyright information for the associated images.

[http://xent.com/~bsittler/yay-bee-see.html Online version of the "Yay!, Bee, See" application]

[http://xent.com/~bsittler/yay-bee-see-olpc/ Online version reformatted for OLPC display size]

[http://xent.com/~bsittler/yay-bee-see.zip An archive of the application (ZIP, ~15 MiB) including all images]

[http://xent.com/~bsittler/yay-bee-see-olpc.zip An archive of the reformatted OLPC version (ZIP, ~4 MiB) including all images]


[http://bsittler.livejournal.com/15244.html Blog post about the application]
[http://bsittler.livejournal.com/15244.html Blog post about the application]


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]] packaged it as a [[Collections|Collection]]: [[Media:Yay-Bee-See-2.xol|Yay-Bee-See-2.xol]]; this was subsequently slightly updated by [[User:Bsittler|bsittler]] and is now [[Media:Yay-Bee-See-10.xol|Yay-Bee-See-10.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 60:
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 77:
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]]

==Changelog==

===Collection Changelog===

; v10 : added title; improved browser compatibility; works as .html, .xml and .xhtml; changed some colors —[[User:bsittler]]
; v9 : deferred updates work a lot better now; changed text color for the letter U —[[User:bsittler]]
; v8 : translate Japanese and Latin descriptions to English, and fix attribution for 5.jpg —[[User:bsittler]]
; v7 : fixed a javascript error when single quote key is pressed; low line (_) is no longer a letter —[[User:bsittler]]
; v6 : improved some color combinations, and now we ignore keypresses involving midifers other than shift —[[User:bsittler]]
; v5 : removed the seizure-inducing flashing when holding down a letter; use a neutral gray background rather than white. —[[User:bsittler]]
; v4 : added a license summary in LICENSE, as suggested by [[User:Sj]]. —[[User:bsittler]]
; v3 : switched to smaller image files (1200x900 maximum dimensions, JPEG quality factor 70); clarified licensing (HTML is in the Public Domain; images are covered variously by FDL 1.2+, CC-BY, CC-BY-SA (including one cc-by-sa-2.0-de), and CC-SA licenses; see the comments inside the <style> block in yay-bee-see.html for details. —[[User:bsittler]]
; v2 : added LICENSE and README files, fixed info file for bundle. —[[User:Sj]]

===Activity Bundle Changelog===

T.B.D.

Latest revision as of 18:10, 20 January 2009

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
1600×1200
OLPC XO-1
1200×900
Hosted Applications Yay!, Bee, See Yay!, Bee, See
Source Archives 15 MiB ZIP 4 MiB ZIP
Collections Yay-Bee-See-10.xol
Activity Bundles Yay!BeeSee-2.xo

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.

Activity bundle

User:Wade has rewritten Yay! Bee See as a standard Sugar activity and released the Python source under GPL. The bundle is located here: [1] It can be downloaded using the Browse activity.

Details

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.

Blog post about the application

More recently, Samuel Klein packaged it as a Collection: Yay-Bee-See-2.xol; this was subsequently slightly updated by bsittler and is now Yay-Bee-See-10.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.)

Changelog

Collection Changelog

v10
added title; improved browser compatibility; works as .html, .xml and .xhtml; changed some colors —User:bsittler
v9
deferred updates work a lot better now; changed text color for the letter U —User:bsittler
v8
translate Japanese and Latin descriptions to English, and fix attribution for 5.jpg —User:bsittler
v7
fixed a javascript error when single quote key is pressed; low line (_) is no longer a letter —User:bsittler
v6
improved some color combinations, and now we ignore keypresses involving midifers other than shift —User:bsittler
v5
removed the seizure-inducing flashing when holding down a letter; use a neutral gray background rather than white. —User:bsittler
v4
added a license summary in LICENSE, as suggested by User:Sj. —User:bsittler
v3
switched to smaller image files (1200x900 maximum dimensions, JPEG quality factor 70); clarified licensing (HTML is in the Public Domain; images are covered variously by FDL 1.2+, CC-BY, CC-BY-SA (including one cc-by-sa-2.0-de), and CC-SA licenses; see the comments inside the <style> block in yay-bee-see.html for details. —User:bsittler
v2
added LICENSE and README files, fixed info file for bundle. —User:Sj

Activity Bundle Changelog

T.B.D.