Bummer! This is just a preview. You need to be signed in with a Basic account to view the entire video.
Project Introduction3:51 with Craig Dennis
Let's explore a new project idea, a Pomodoro Timer.
[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 up