Une horloge interactive pour apprendre l’heure

Une horloge interactive pour apprendre l'heure

Une horloge interactive en Flash

Il y a peu de temps, j’écrivais un article sur les ressources informatiques pour l’apprentissage de l’heure et je vous présentais deux horloges interactives. C’est alors que m’est venue l’idée de réaliser une horloge interactive en flash en y apportant quelques fonctionnalités « maison ».
Aujourd’hui, après quelques heures de réflexion et de programmation, voici un premier jet de cette horloge interactive que je vous propose de télécharger et d’essayer avec vos élèves.

Voici un aperçu de cette horloge interactive. Etant une animation flash, j’ai pu l’intégrer facilement dans cette article mais rassurez-vous, une fois téléchargée, vous pourrez aisément l’adapter en plein écran et obtenir une taille confortable.
A utiliser directement sur l’ordinateur ou à l’aide d’un tableau blanc interactif, cette horloge permet de réaliser des manipulations avec les enfants qui apprennent à lire l’heure.

L’horloge interne

L’application se divise en deux volets distincts: d’une part l’horloge interne qui permet aux jeunes enfants d’observer une horloge analogique et une horloge digitale toutes deux synchronisées sur l’horloge interne de l’ordinateur.
Sous l’horloge analogique, des cases à cocher permettent d’afficher ou de masquer certains éléments de l’horloge: le cadran, les chiffres du matin et/ou de l’après-midi, ceux des minutes etc… et de modifierr les couleurs de l’interface. Ce volet correspond à la découverte de l’heure avec les plus petits.

L’horloge interactive

Le deuxième volet permet l’interactivité proprement dite avec l’horloge. Il s’agit de l’horloge interactive que vous pouvez atteindre en cliquant sur le deuxième bouton vert en bas de l’animation. Vous avez alors accès à des éléments supplémentaires dans l’interface et c’est ici que vous allez pouvoir déplacer les aiguilles et modifier l’heure, cacher ou afficher certains éléments de l’interface pour créer différents exercices de lecture et de reconnaissance. Ce volet correspond aux manipulations à réaliser avec les élèves pour apprendre à lire l’heure.

Les manipulations

Lors de l’apprentissage de l’heure, on retrouve souvent les deux mêmes types d’exercices présentés de manières différentes:

  • L’horloge avec les aiguilles étant présentée, l’enfant doit retrouver l’heure indiquée.
  • L’heure étant indiquée, l’enfant doit placer les aiguilles sur l’horloge.

C’est exactement ce que vous allez pouvoir faire avec cette application. Pour modifier l’heure, essayez par exemple de double-cliquer sur les heures de l’écran digital puis d’y indiquer l’heure de votre choix à l’aide du clavier, vous voyez alors que l’aiguille des heures se positionne en conséquence. Vous avez également la possibilité de modifier l’heure en utilisant les boutons + et – correspondant respectivement aux heures, aux minutes et aux secondes. Vous remarquez au passage le code couleur sur les différents affichages: bleu pour les heures, vert pour les minutes et rouge pour les secondes.
La partie intéressante tient au fait que nous allons pouvoir afficher ou masquer certains éléments de l’interface pour réaliser les manipulations.

Reproduisons par exemple le premier type d’exercice: « L’horloge avec les aiguilles étant présentée, l’enfant doit retrouver l’heure indiquée. »

  • Je masque l’affichage digital avec la case à cocher juste en dessous de ce dernier.
  • Je déplace ensuite les aiguilles avec les boutons + ou – et je demande à l’enfant quelle heure il lit.
  • Je vérifie sa réponse en faisant réapparaitre l’affichage digital.

Reproduisons désormais le deuxième type d’exercice: « L’heure étant indiquée, l’enfant doit placer les aiguilles sur l’horloge. »

  • Je masque les aiguilles de l’horloge avec la case à cocher.
  • Je fais apparaitre les aiguilles à manipuler avec la case à cocher.
  • J’écris l’heure de mon choix en double-cliquant sur l’écran digital et je demande à l’enfant de placer les aiguilles à l’aide de la souris.
  • Je vérifie sa réponse en faisant réapparaitre les aiguilles de l’horloge et en comparant avec les aiguilles manipulées.

Bien entendu, au travers de ces manipulations, les options d’affichage restent disponibles: chiffres, cadran etc… Il est donc possible de rendre plus ou moins compliqués les exercices de manipulations selon que l’on affiche ou pas les chiffres par exemple.

Dernière minute

Il s’agit d’un premier jet. J’y apporterai peut-être quelques améliorations au fur et à mesure de son utilisation.
N’hésitez pas à poster un commentaire si vous voyez quelque chose d’intéressant à y apporter ou si tout simplement vous souhaitez faire part de votre avis ou de votre retour d’utilisation.

Edit 26/03/2013: Suite aux observations des utilisateurs, j’ai apporté les modifications suivantes à cette application:
– Ajout des notions « Et quart », « Et demie » et « Moins le quart » dans les options d’affichage.
– Ajout d’une option d’affichage supplémentaire pour les minutes : -5, -10, -15 etc…
– Incrémentation continue des boutons + et – (laissez le bouton enfoncé pour un mouvement continue de l’aiguille)

Edit 23/09/2014: Correction d’un bug: lorsque les aiguilles étaient dans le même alignement, celle des minutes était difficile à saisir du 1er coup. Mais ça, c’était avant… 😉

Caractéristiques

  • Configuration : Windows, Mac, Linux
  • Licence : Creative Commons BY-SA
  • Auteur : Informatique-Enseignant.Com
  • Langue : Français
  • Difficulté : Très simple d'emploi
  • Niveau : Enseignement primaire
Vous aimez cet article? Partagez-le sur les réseaux !

71 réflexions au sujet de « Une horloge interactive pour apprendre l’heure »

  1. Ping : leçons et exos | Pearltrees

  2. Ping : Une horloge interactive pour apprendre l'heure | L'Atelier de la Culture | Scoop.it

  3. Ping : magmag | Pearltrees

  4. Ping : Logiciels et applications | Pearltrees

  5. Le , Francois BOCQUET a dit :

    Excellent travail ! Puis je connaitre la licence de l’application swf ? Est elle sous Creative Commons By-SA ? Merci d’avance.

  6. Le , Patrick Finot a dit :

    Bonjour François et merci de votre intérêt.

    Comme pour les tables de multiplications, ces applications sont sous License Creative Commons.

  7. Le , Francois BOCQUET a dit :

    Merci beaucoup pour cette réponse.
    C’est très généreux de votre part.
    Je vous recommande de placer le terme CC dans la fiche descriptive à l’item licence (plutôt que gratuit) peut être en précisant les critères de la licence CC.
    L’idéal étant également de placer un petit logo CC sur la ressource elle-même.
    Je complète par un message direct.
    Bonne continuation.

  8. Le , gandalf a dit :

    Je découvre votre site et j’aime beaucoup: excellent travail, une présentation claire et agréable: félicitations!
    Je me suis permis sur mon blog de mettre des liens renvoyant vers certains de vos articles.
    Bon week-end à vous!

  9. Le , Patrick Finot a dit :

    Merci pour ce retour positif!
    C’est sympa d’avoir pris le temps de publier ce commentaire.
    Merci également pour les liens sur votre site Les bons plans de Gandalf à propos des outils interactifs.

    A la bonne heure… je vous souhaite de bons moments avec cette horloge interactive. 😉

  10. Ping : Annaba Autisme (annaba.autisme) | Pearltrees

  11. Ping : Une horloge interactive pour apprendre l'heure | TICE 15 | Scoop.it

  12. Ping : Une horloge interactive pour apprendre l'heure | Moisson sur la toile: sélection à partager! | Scoop.it

  13. Ping : autisme | Pearltrees

  14. Le , Etienne a dit :

    Merci pour ma fille. Un complément possible lié à la lecture anticipée de l’heure comme « dix heures moins vingt ».

  15. Le , Patrick Finot a dit :

    Merci pour ce commentaire Etienne.
    De fait, cette application n’aborde pas les notions comme « demi » ou « quart », ni même la lecture de l’heure « à l’ancienne » comme « moins dix » ou « moins vingt ». Je vais y réfléchir…
    Si vous (ou votre fille 😉 ) avez des suggestions, n’hésitez pas!

  16. Le , soan a dit :

    Cher collègue, un grand merci pour cette horloge! J’en révais vous l’avez fait….. Dès demain mes petits ce2 seront ravis de « lire l’heure » avec la trotteuse sur votre animation. Je découvre juste ce site et je pense que je reviendrai souvent vous piquer des petits trucs pour égayer mon scrapbook!
    Merci encore,
    Sophie

  17. Le , Patrick Finot a dit :

    Merci pour votre commentaire Sophie.
    J’en profite pour vous signaler la présence d’autres applications sur le site. Cliquez simplement sur le Tag Applications flash pour les découvrir toutes.
    Et comme vous le dites, n’hésitez pas à revenir de temps temps puisque bien d’autres sont en construction.
    Notez enfin que si vos élèves apprécient cette horloge interactive, ils aimeront peut-être aussi le thermomètre en cette période hivernale.

    A bientôt… 😉

  18. Ping : Une horloge interactive pour apprendre l'heure | tuic 1er degré | Scoop.it

  19. Le , Jérôme a dit :

    Bonjour,

    Tout d’abord je vous adresse mes félicitations pour cet outil remarquable et vous remercie.
    L’utilisation de cette horloge avec un TBI remplit parfaitement son rôle pédagogique et est un véritable plus.
    Si je puis me permettre, un petit bouton d’incrémentation continue permettrait sans doute de mieux appréhender le déplacement de l’aiguille des heures en fonction de celle des minutes.
    Encore merci de cette contribution.

  20. Le , Patrick Finot a dit :

    Bonjour Jérôme et merci pour ce commentaire.

    Il est vrai que le déplacement de l’aiguille des minutes exige de nombreux clics si on incrémente les minutes une par une.
    J’en prends bonne note… à suivre… 😉

  21. Le , Patrick Finot a dit :

    Re,

    Petit message pour vous informer que j’ai apporté l’incrémentation continue sur les boutons + et –
    J’ai également tenu compte des remarques précédentes pour apporter quelques modifications supplémentaires. (Cf Edit en fin d’article)
    Merci pour vos critiques constructives!

  22. Ping : Une horloge interactive pour apprendre l'heure | ILLETTRISME.INFO | Scoop.it

  23. Ping : La classe | Pearltrees

  24. Ping : Une horloge interactive pour apprendre l'heure | TBI au collège | Scoop.it

  25. Ping : Animations flash | Pearltrees

  26. Ping : Banques ressources | Pearltrees

  27. Ping : o . R » Horloge interactive

  28. Ping : Sirene Petite (sirenepetite) | Pearltrees

  29. Le , Anne a dit :

    Je suis prof de francais en Allemagne. C’est un excellent outil! Mais pourquoi est-ce que vous écrivez « et demi » sans e? (« et demie » – pour moi, c’est l’orthographe correcte…). Et puis, il serait mieux d’écrire « et quart » à la place de « un quart ».
    Un grand merci pour le logiciel quand même!

  30. Le , Patrick Finot a dit :

    Bonjour Anne,

    Merci pour votre commentaire.
    J’ai apporté les modifications.

  31. Le , Anne a dit :

    Merci!!! Incroyable! Vous travaillez plus vite que la lumière! 🙂

  32. Le , Patrick Finot a dit :

    Pour une application comme l’horloge, il n’y a pas une minute à perdre… 😉

  33. Ping : Outils interactifs | Pearltrees

  34. Ping : Une horloge interactive pour apprendre l'heure ...

  35. Ping : outils | Pearltrees

  36. Ping : chtitounette | Pearltrees

  37. Ping : Mathématiques | Pearltrees

  38. Le , PapyFlash a dit :

    Bonjour,
    Je rencontre un bug (peut-être dû à mon lecteur Flash…) qui ne me permet pas d’entrer 2 chiffres mais un seul dans les emplacements prévus ?
    Merci de mettre à disposition votre travail pour le plus grand bonheur de mes petits enfants (temps libre oblige) mais aussi de ma fille Professeur des écoles et de ses élèves …

  39. Le , Patrick Finot a dit :

    Bonjour PapyFlash 😉

    Ce n’est pas un bug de votre lecteur flash mais bel et bien un souci de programmation depuis que j’ai apporté les dernières modifications.
    Je vous suis reconnaissant de me l’avoir signalé. Cela m’a permis de corriger.
    Vous ne devriez plus rencontrer ce problème avec la nouvelle version en ligne. Bonne continuation…

  40. Le , PapyFlash a dit :

    Félicitations pour le suivi et la correction hyper rapide du logiciel !
    Avec tous nos remerciements. Un papy attentif !

  41. Ping : Outils TBI | Pearltrees

  42. Le , Laura a dit :

    Merci beaucoup pour ce super travail et son partage ! Je vais tester cette semaine =)

  43. Le , Patrick Finot a dit :

    Merci pour ce commentaire Laura.
    Et bonne utilisation! 😉

  44. Ping : math | Pearltrees

  45. Ping : Sciences | Pearltrees

  46. Ping : Maitresse | Pearltrees

  47. Ping : Logiciels pour TBI | Pearltrees

  48. Ping : Sciences | Pearltrees

  49. Ping : Outils de manipulation | Pearltrees

  50. Ping : Divers | Pearltrees

  51. Le , kikoo a dit :

    Bonsoir,

    Votre horloge interactive est vraiment super ! Bravo pour ce travail.
    Est-il possible de changer les couleurs des aiguilles afin qu’elles correspondent aux couleurs utilisées en classe ? Si oui, quelle est la procédure ?

    Merci,
    Kikoo

  52. Le , Patrick Finot a dit :

    Bonjour Kikoo et merci pour votre commentaire.
    Dans l’état actuel, il ne vous est hélas pas possible de changer la couleur des aiguilles. Pour cela, il faudrait concevoir une option supplémentaire.
    Quelles sont les couleurs que vous utilisez en classe?

  53. Le , kikoo a dit :

    Bonjour,

    Merci pour votre réponse rapide. J’ai essayé de modifier le flash mais je me heurte à des fichiers .svg que je n’arrive pas à modifier.
    Je vais voir si l’EATICE de la circo peut faire quelque chose.

    Sinon pour info, j’utilise le jaune et le vert pour les heures(jaune celles du matin, vert pour l’après-midi)(2 verts pourraient convenir également)
    et rouge pour les minutes. Violet pour ce qui est dit à l’oral (et quart, et demie, moins le quart, -10, ….). Et pour les secondes, je laisse l’aiguille en noir.

    Si je n’arrive pas à modifier les couleurs de l’horloge interactive, je ferai modifier les couleurs des horloges de mes élèves, mais ça sera pour l’année prochaine.

    Kikoo

  54. Le , latato a dit :

    Bonjour, je fonctionne sous mac et lorsque je télécharge l’appli j’ai un .exe que je ne peux ouvrir… Existe-t-il un autre lien pour les mac? Merci.

  55. Le , Patrick Finot a dit :

    Bonjour,

    Le fichier .exe ne fonctionne effectivement qu’avec Windows. Avec Mac ou Linux, il suffit d’utiliser le fichier .swf (à ouvrir avec flashplayer) ou le fichier .html pour ouvrir l’application dans votre navigateur.

  56. Le , Oumheta a dit :

    Un grand merci. Votre travail est de grande qualité ce qui n’est pas toujours le cas concernant les applications pour TBI. C’est parfait, testé et approuvé. Les élèves ont adoré!
    Juste une chose :l’option clavier proposée avec la balance serait top également avec l’horloge.
    Bon WE à vous.

  57. Le , Patrick Finot a dit :

    Merci Oumheta pour votre retour d’utilisation.
    Ravi de constater que vous et vos élèves avez apprécié cette application.
    Il est vrai que le clavier virtuel y aurait sa place et je vais tâcher de l’intégrer dès que possible.
    Bon week-end à vous aussi… 😉

  58. Le , Oumheta a dit :

    Ce serait super et ça permettrait de jouer dans les deux sens.
    Merci encore pour votre attention.

  59. Le , Patrick Finot a dit :

    Voilà qui est fait… On pourra désormais entrer des valeurs avec le clavier virtuel.
    Encore merci Oumheta pour votre suggestion.

  60. Le , HONEGGER a dit :

    Bravo ! Bravo ! Et encore bravo !
    C’est exactement ce qu’il me fallait pour mon TBI !
    MERCI

  61. Le , Patrick Finot a dit :

    Avec plaisir… 😉

  62. Le , Pascale a dit :

    Je découvre votre site. Je vais revenir bien souvent je crois ! J’ai un TNI dans ma classe pour depuis cette année.
    Merci beaucoup !

  63. Le , Patrick Finot a dit :

    Bienvenue à vous !
    N’hésitez pas à tester les autres applis et à nous apporter votre retour…

  64. Le , chichery a dit :

    bonjour, je viens de découvrir votre site et je suis déjà fan !
    beaucoup de vos applis vont mettre très utiles avec mes élèves.
    par contre, serait-il possible pour l’appli « horloge » de rajouter un clavier virtuel comme dans les autres ? ce serait plus facile avec le TBI car le clavier n’est pas toujours près de l’écran.
    bonne continuation et merci encore pour votre travail et partage.

  65. Le , Patrick Finot a dit :

    Bonjour et merci pour votre commentaire,

    Bonne nouvelle, la version actuellement disponible en téléchargement comporte un clavier virtuel. 😉

  66. Le , Christelle L a dit :

    Merci, c’est exactement ce que je cherchais.

  67. Le , Patrick Finot a dit :

    Ma foi… 😉
    Merci pour ce retour.

  68. Le , Gina a dit :

    Merci beaucoup pour ce partage!
    Celà me sera très utile.

  69. Le , ludita a dit :

    Merci beaucoup pour ce partage. C’est impressionnant!! Serait-il possible de pouvoir modifier les couleurs des aiguilles: j’ai des horloges en carton avec les heures en rouge et les minutes en bleu??

  70. Le , Patrick Finot a dit :

    Merci pour votre commentaire.
    Il s’agit d’un travail qui est déjà sur ma todolist depuis longue date… affaire à suivre…

  71. Le , Morel-Sapène a dit :

    Merci infiniment pour cet outil bien précieux Plein de belles choses à vous qui nous offrez le fruit de votre travail Prenez soin de vous

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *