Clock activity: Difference between revisions

From OLPC
Jump to navigation Jump to search
(Upgrade to Clock Activity version 2)
m (Updated OBX templates to download bundle)
Line 1: Line 1:
{{Olpcboxtop|toptext=[[{{PAGENAME}}|Clock Activity]]}}
{{Olpcboxtop|toptext=[[{{PAGENAME}}|Clock Activity]]}}
{{ OBX activity |[[Image:Activity-clock.svg|75px]]|extra<!--|{{{text}}}--> }}
{{ OBX activity |[[Image:Activity-clock.svg|75px]]|extra<!--|{{{text}}}--> }}
{{ OBX xobundle|http://wiki.laptop.org/images/5/5a/Clock-2.xo|Clock}}
{{ OBX test }}
<!-- {{ OBX devtickets |clock-activity}} -->
{{ OBX pot
<!-- explicit codes: en, es, fr -->
}}
<!-- {{ OBX source dev|projects/clock}} -->
<!-- {{ OBX source dev|projects/clock}} -->
<!-- {{ OBX test |[[Tests/Clock|Clock]]|2008-02-02 }} -->
<!-- {{ OBX test |[[Tests/Clock|Clock]]|2008-02-02 }} -->

Revision as of 03:21, 31 March 2008

Activity-clock.svg
.xo BundleClock.xo
TST {{{1}}}
Translate-icon-55px.svg Localization
.POT file NEEDED

see more templates or propose new


  For the general public

Description & Goals

What time is it?

Summary

The Clock activity aims at two simple goals:

  • As a teaching tool to help children learn how to read time.
  • To give the children a way to know the time it is, with their XO, even they don't own a watch.

The presentation on screen has been kept simple enough to reach these two objectives.


Current Use & Goals

Click on right button to change display mode.

  • Simpler display
  • With hours numbers
  • Date and day
  • Nice clock face
  • Digital clock view

A consistent color code is used through the activity so that hours are always displayed in blue (resp. minutes and seconds), either the figures in the digital clock or the short hand in the analog clocks, or the time scale. The child will understand that these are different representations of the same concept.


Other uses

Learn how to find geographical North (or South, depending in which hemisphere you are located) using the clock hands: Findind True North Without a Compass. And from there, build a solar clock!


Screenshots

The basic clock face (v1)
The nice clock face (v1)
The basic clock face showing hours marks (Roman digits used by the French localization) (v1)
The nice clock face displaying the date with French localization (v1)


Setting the time on your XO

You can set the date and time of your XO with the Sugar Control Panel.


Packages and History

As a Python application, the full source is included in the package for you to enjoy.

* Added Digital Clock.
* Better localization support.
* Color code.
* Analog clocks: simple and nice.
* Initial version.


Development

This code is released in Public Domain, so you can do whatever you want with it. This is simple enough that Python learners can try to add or change features. The whole clock code, with many detailed comments, is a 500 lines Python source.

Point of interests:

  • PyGTK events programming, when one clicks on right button.
  • Cairo drawing and Pango layout.
  • Localization. Though a clock face should look quite similar in all cultures, you can adapt the way it displays hours numbers and date. Use of Pango markup allows to adapt the views to cultural representations of date and time.
  • SVG rendering. The nice clock background is the SVG file clock.svg (drawn with Inkscape). You can change it to your liking.

Look at the README file for notes and ideas.


Localization

The Clock activity has been written with localization in mind, though a clock should look similar in all cultures. The POT file contains strftime patterns and Pango markup, so that translators can localize the application with more freedom. For instance, they can change the way date or time are displayed, the fonts to use or the size of characters.

I've provided 3 localizations for French, English and Spanish, but others are welcome!


Functional Test

  • Open the clock activity.
  • Check that it display the current time of the XO.
  • Click on right button to change clock face display. Display mode loops (simple + hours + day and date + nice clock + digital).
  • Close the activity; ensure that it closes properly.