" Curious to see how you made the digits, and led progress bars. " sorry forgot to answer this the digits are just a stringMorph with a custom true type font which i distribute together with ChronosManager. If you go to github-cache and in the folder of the project you will find it in the fonts subfolder. Github integration of pharo is very cool and allows me to distribute any binary asset including fonts. I may use it also for distributing images and pdfs so that by getting ChronosManager you get everything without any need for additional downloads. You can see how I do this viewing ChronosManager class >> defaultFontPointSize: This the font I use https://fontlibrary.org/en/font/cubellan The seconds indicator, led progress bars, is just a series of png images with transparency that the central gui switch between them while stepping. I forgot to say that I made the graphics with Blender and I can customise everything very easily via Blender . I will be using Roassal in the future for more dynamic customisable graphics but overall I am very happy with how Morphic handles transparent PNGs. Every element you see of the GUI is a PNG image with transparent background. The process is super simple. On Tue, Nov 17, 2015 at 3:23 PM Dimitris Chloupis <kilon.alios@gmail.com> wrote:

"It's awesome, and comes in handy as well. On the one hand, I'm a Pomodoro practitioner myself (using Android's Pomodroido). On the other, I'm interested in learning how to build GUIs inside Pharo.

Congrats and thank you"

I am so glad you like and find it useful. Yes I have found pomodor a very simple technique that helps me focus on my work without getting too tired.

I will be documenting how to build Custom guis with Pharo using pillar and generating html and pdf outputs , its very likely I will be making my own GUI API called Morpheas to simplify the process of customisation. You can focus on ChrGlowButtonM (M stands for Morph) which offers a nice overview of how I do what I do , I also use Peter's IconFactory to convert my images to those PNG classes that have the image data as method source. Big thanks to Peter for that :)

"Cool.

I guess you mean "Break Limit" and not "Brake Limit"

Yes this has been fixed , after it was reported to me , I also fixed an issue with the pharo white theme.

"Is it possible to have it squeezing to a smaller screen real estate area? It is nice but uses a hell of a lot of space."

Have you tried it ? My idea is that it will be possible to have it minimized all time and still see the info you want so basically as it is it can take up to zero space ;)

I will be replacing also the thumbnail of the taskbar (displayed when you hover the mouse over the taskbar button ) to display more info which cannot fit in the small size of the taskbar button. Also the secondary panel , that blue square is collapsable and optional only if you want to change your settings.

"That looks very cool! Impressive look, very sci-fi and polished, congrats!" thanks that was my goal to make it look sci fi and it feels great if it feels like that for you :)

"Looking really sweet. I'll try it soon.

btw, I see a few people here misusing "brake" instead of "break". Here is the best explanation I could find... http://www.really-learn-english.com/break-vs-brake.html "a break is a rest, or time off from work or study.""

thanks , I learned something new today on spelling with your help :)

On Tue, Nov 17, 2015 at 2:57 PM Johan Fabry <jfabry@dcc.uchile.cl> wrote:

...

That looks very cool! Impressive look, very sci-fi and polished, congrats!

On Nov 17, 2015, at 09:00, Dimitris Chloupis <kilon.alios@gmail.com> wrote:

Hello people, as you may or may not remember I shared a sneak peak of my latest tool for my project Ephestos , a time managment tool I call ChronosManager.

---> Save our in-boxes! http://emailcharter.org <---

Johan Fabry - http://pleiad.cl/~jfabry PLEIAD and RyCh labs - Computer Science Department (DCC) - University of Chile

and here is a video tutorial of how to use ChronosManager https://youtu.be/up9cW79S-jA "That's one fancy looking UI. Well done. The glow effect is really nice, as are the seconds LEDs and the embossing." Thanks this was my very first custom GUI graphics so I was learning how to make those things (I had no idea how to make glow with blender when I started or how to animate those leds circularly without creating them one by one) as I was learning Morphic. "I was somewhat confused by the enabling/disabling of the stopwatch" Yeah you are not the only one, but these are the challanges of GUI , to create something that makes sense not only to me , but to other users too. Again an area I have a lot to learn. " In the pomodoro timer I use you can enter a description of where you are working on. Do you plan to add something like that?" I am planning a lot of things for this tool, its not a v 0.1 out of coincidence afterall ;) Descriptions of tasks are one of the things others are 1) Calendar where you can view completed tasks, weekly , monthly and yearly. That also means the addition not only of daily goals, but also monthly and yearly goals. 2) the ability to rate your performance for each task 3) Roassal graphs that show your progress in your work of completing the tasks and the quality of your work compared to your ratings 4) A reward sytem working like an RPG level up system which tracks your progress 5) export your stats to a JSON format that can easily be imported in other images so you dont lose your progress 6) share your progress with others and collaborate on same tasks via google calendar 7) Improving the GUI and offering alternative skins and GUIs to fit the preferences of users 8) the ability to fire up multiple timers at the same time and control them from a single GUI 9) Sharing your tasks with others without leaving the image 10) Alert sounds for breaks 11) Better re-sizing ability that does not rely on halos 12) much more "I noticed you're performing actions on mouse down not up." for me its feels more natural for the button to act when pressed than when its released, does that create any issues with pharo ? On Tue, Nov 17, 2015 at 10:30 PM Stephan Eggermont <stephan@stack.nl> wrote:

That's one fancy looking UI. Well done.

The glow effect is really nice, as are the seconds LEDs and the embossing.

I was somewhat confused by the enabling/disabling of the stopwatch

In the pomodoro timer I use you can enter a description of where you are working on. Do you plan to add something like that?

I noticed you're performing actions on mouse down not up.

Stephan

Thanks stef , as I said previously, the leds are just a set of images creating an animation, one for each second. I add stuff to it all the time, its far from v1.0 and I have a lot more to add before its version 1.0 , I think in a year probably will reach version 1.0. Today I added alarm sound that fires each time the work time or break time ends. Unfortunately I have not yet found a way to play sound in Ubuntu but it works on both MacOS and Windows :) On Thu, Nov 19, 2015 at 11:05 PM stepharo <stepharo@free.fr> wrote:

This is quite cool. I will have to have a look how you did the led :) In my game I rescued the LEDMorph but there are a lot uglier :)

May be you should call it v1.0

Stef

Le 18/11/15 02:29, Dimitris Chloupis a écrit :

and here is a video tutorial of how to use ChronosManager

https://youtu.be/up9cW79S-jA

"That's one fancy looking UI. Well done.

The glow effect is really nice, as are the seconds LEDs and the embossing."

Thanks this was my very first custom GUI graphics so I was learning how to make those things (I had no idea how to make glow with blender when I started or how to animate those leds circularly without creating them one by one) as I was learning Morphic.

"I was somewhat confused by the enabling/disabling of the stopwatch"

Yeah you are not the only one, but these are the challanges of GUI , to create something that makes sense not only to me , but to other users too. Again an area I have a lot to learn.

" In the pomodoro timer I use you can enter a description of where you are working on. Do you plan to add something like that?"

I am planning a lot of things for this tool, its not a v 0.1 out of coincidence afterall ;) Descriptions of tasks are one of the things others are

1) Calendar where you can view completed tasks, weekly , monthly and yearly. That also means the addition not only of daily goals, but also monthly and yearly goals. 2) the ability to rate your performance for each task 3) Roassal graphs that show your progress in your work of completing the tasks and the quality of your work compared to your ratings 4) A reward sytem working like an RPG level up system which tracks your progress 5) export your stats to a JSON format that can easily be imported in other images so you dont lose your progress 6) share your progress with others and collaborate on same tasks via google calendar 7) Improving the GUI and offering alternative skins and GUIs to fit the preferences of users 8) the ability to fire up multiple timers at the same time and control them from a single GUI 9) Sharing your tasks with others without leaving the image 10) Alert sounds for breaks 11) Better re-sizing ability that does not rely on halos 12) much more

"I noticed you're performing actions on mouse down not up."

for me its feels more natural for the button to act when pressed than when its released, does that create any issues with pharo ?

On Tue, Nov 17, 2015 at 10:30 PM Stephan Eggermont <stephan@stack.nl> wrote:

...

That's one fancy looking UI. Well done.

The glow effect is really nice, as are the seconds LEDs and the embossing.

I was somewhat confused by the enabling/disabling of the stopwatch

In the pomodoro timer I use you can enter a description of where you are working on. Do you plan to add something like that?

I noticed you're performing actions on mouse down not up.

Stephan