June 11, 2020
Analog Clock #2 – An Advanced Experience
Comments
(5)
June 11, 2020
Analog Clock #2 – An Advanced Experience
I am currently a provider of technical training and support in the electronic manufacturing industry. My prior training and work experience as a teacher, network administrator, web design, and instructional design make me well prepared to design it, develop it, and deliver it. I am a father of five, a US Army veteran, and I enjoy playing the guitar as well as performing in local community theater. 
Legend 99 posts
Followers: 155 people
(5)
This project is a little more than I put into a typical submission. Hopefully you enjoy.
This is the second of two projects with an analog clock as the main attraction.

Project is not designed for mobile devices.

This project features the following things.

  1. Audio with On/Off toggle switch – Default is off.
  2. Analog clock with snap positions at every 1 minute increment
  3. Analog clock has draggable hands in order to modify the time
  4. Two learner tasks of higher difficulty
  5. A label to display the time as currently set by the clock
  6. A button to toggle the time display on and off
  7. A subtle tip when you are close to the right hand positions
  8. An option to perform the tasks again will become available upon successful completion of both tasks
  9. A short video explaining the creation of the JavaScript code
Play

Discussion is welcome.

5 Comments
2020-06-18 13:53:31
2020-06-18 13:53:31

Great job. Thanks for sharing!

Like
(2)
(1)
>
Kari Mueller
's comment
2020-06-18 14:45:58
2020-06-18 14:45:58
>
Kari Mueller
's comment

Thanks, always hoping my projects inspire others knowing what is possible.

Like
(1)
2020-06-15 11:41:28
2020-06-15 11:41:28

Yes – I think I remember you were working on trying to rotate the ruler and then drag it to measure some lines and the issue was that the ruler would always distort.

In this case – I think the touch capabilities are broken when you place the animation into Captivate via the HTML5 Animation. Perhaps something related to being in the iFrame.  I can load the exact same resources to the web as a standalone file and they rotate on an iPad beautifully – just not within Captivate.

Like
(1)
(1)
>
Greg Stager
's comment
2020-06-15 12:10:54
2020-06-15 12:10:54
>
Greg Stager
's comment

I finally managed to drag and rotate the ruler as expected !!…

https://elearning.adobe.com/2019/08/measure-lenghts-captivate/

(But using a button to make the rotation… So this is ok if you have only 1 object to move…)

I’m still struggling to do the same, like a puzzle (with many objects so) that you could be able to drag and rotate… (Like in the tangram game)… Also manage to do it but not on mobile… Even when I tried to implement a javascript function for dragging and rotating on mobile devices… Hope the next version of Captivate will correct this ???!…

So your next challenge could be to realize such a Tangram game !!!????…

Like
(1)
2020-06-15 08:59:35
2020-06-15 08:59:35

Hello Greg !…

I’m happy to see you back here to share your projects !… As usual, this one is great !… But too bad it doesn’t work on mobile  devices… As you know I was trying to drag and rotate objects for so long within Captivate… And just like you, managed to do it, but never on mobile…

I also worked on this “analog clock project” and done a few ones… These could be find here :

http://soutien67.fr/math/activites/heure/heure%2001.htm

(I made them long ago and will have to update them, now that I start to know more about Captivate and will use your project for sure, so thanks for sharing !…)

Stay safe !…

Happy Captivating !…

😉

Like
(2)
Add Comment