This course will be retired on July 14, 2025.
Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Build a JavaFX Application!
You have completed Build a JavaFX Application!
Preview
Let's explore a new project idea, a Pomodoro Timer.
Learn more
- Pomodoro Technique
- Trello!
- Scrum Basics course on Treehouse!
- Designmodo article
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
[MUSIC]
0:00
All right.
So we've built up some JavaFX jobs, and
0:04
we understand the key concepts and
the tools that we have at our disposal.
0:07
Now, since our Sup app didn't quite
take off like we were hoping,
0:12
I was thinking it's about time for
us to build a different application.
0:17
If you haven't heard about it already,
0:21
there's a time management technique
known as the Pomodoro Technique.
0:22
I use it all the time and it makes
me much more productive and focused.
0:27
I thought I'd share this concept with
you as well and build an app alongside.
0:31
The technique is fairly simple.
0:35
It consists of staying in a focus mode,
on the task at hand, for
0:37
25 minutes, and then taking a much
deserved five-minute break.
0:40
Now, personally,
I feel 25 minutes isn't too long, and
0:45
you know that you can go do whatever it
is that's gonna distract you shortly.
0:48
It's really powerful for those social
media rabbit holes that we all fall into.
0:52
The reason it's called Pomodoro is because
it's based on the tomato kitchen timer.
0:57
Pomodoro is tomato in Italian.
1:02
I put more info in the teachers' notes.
1:04
So what we're going to build is that
timer, and as you guessed by now,
1:07
I've made a Trello board for
us to keep track of our progress.
1:11
Let's go check it out.
1:13
Okay, so here is our Trello board.
1:16
Look it,
you're able to style Trello differently.
1:18
I just love it.
1:20
We made this a tomato color.
1:20
How great is that?
1:22
Okay, so
let's read through our backlog and
1:23
move them into To Do as
we're gonna do them.
1:26
So, as a user, I should be able
to start my Pomodoro attempt so
1:28
that I can begin work.
1:33
That make sense?
1:34
All right, so we should be able to
click that Start button that's there.
1:35
As a user, I should be able to
detail what my Pomodoro was about so
1:38
that I can keep track of what happened for
future planning.
1:41
That makes sense too, right?
1:44
So we're gonna capture what was happening
so that we can look at it later.
1:45
We might not necessarily save it,
but we can look at it later.
1:50
As a user in a Pomodoro attempt, I should
be notified when the attempt completes so
1:54
that I'm aware of my next step,
be it break or focus.
1:58
That makes sense?
2:02
Some sort of way of notifying the user
that, that's happened because we want them
2:03
to be focused, but
then we want them to also be noticed.
2:06
So as a user I should be able
to start my break timer so
2:09
that I can take a well deserved break.
2:12
Also makes sense.
2:14
As a user I should always know what
state I am in, focus, break or pause,
2:17
so that I'm not distracted.
2:20
Oh, awesome.
That was what I was just
2:21
kinda talking about.
2:22
We don't want them to be like whoa,
what's going on now?
2:23
Where am I at?
2:26
It will quickly look at it,
glance out of the side of the eye.
2:27
That's what they want.
2:29
So, Susan and
I talked through those stories.
2:30
And you'll notice in the Done column,
there's already some completed tasks.
2:34
Now this is how Susan and I communicated.
2:37
We talk through the tasks and
she provided me an awesome mock up, and
2:39
I walk through it and took a look and
I made comments on a few different things.
2:42
This is a pretty common process,
we talk about the stories up front,
2:46
and the person with the best design skills
takes a whack at providing a mock up
2:49
of how they understood the stories.
2:53
Now, [LAUGH] Susan definitely has
the best design skills as her work shows.
2:54
Also you saw my Sup app.
2:58
So once we approved that we're talking
about the same thing, she goes and
3:01
she marks up the mockup.
3:04
Now you'll note markup there was
used just like markup language.
3:05
Now Susan knows HTML and CSS, so
she provided me the code in HTML and
3:11
CSS and
I'm in the process of taking the HTML and
3:17
transforming it into FXML and transforming
it into the proper JavaFX CSS.
3:20
It was great teamwork and I'm very
excited to show you what we came up with.
3:26
Now what we have going on in the JavaFX
land will just be a placeholder.
3:30
We'll still need to wire up the events and
make things interactive.
3:34
But this is a very common development flow
that you might encounter in a spread.
3:37
If you'd like to learn more
about these kind of processes,
3:41
check the teacher's notes below.
3:44
After this quick break, let's take a look
at our new FXML and CSS code, that is,
3:46
if I can finish doing it.
3:50
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up