Task: Create an app to read short stories

Too lazy to watch a full movie? (I mean, who has 2 hours anyway??) Use the data provided to create an app that will show a short story to the user in flipbook format - one image at a time. Warning: spoilers ahead!

Getting Started

To begin this lab, create a new JavaFX project named abc123-lab8, and create the following packages, classes, and FXML files:

application.Main

application.controller.MainController

application.controller.StoryController

application.model.Story

Main.fxml

Story.fxml

Note that you may need additional classes, depending on your own implementation. If you decide to add an additional fxml file (another view), remember that you must have a separate controller for that new view as well.

App Design

Your program will show a view similar to the one shown below when the app is run: This view will be the Main.fxml. The user will have a choice between two (or more) stories. You may choose to use the data provided, or add your own in the same format. Once the user selects a story, the following view will show them the story, one "page" at a time. It will automatically "flip" to the next page, showing each one for at least 2 seconds (or enough time to read the text). During the length of the story, the view will display the amount of time remaining in the story, and the progress of the user (i.e. what page they are on). Each story consists of a series of 9 or more pages. This view will be the Story.fxml. When the story has finished, the user should be given a button to return to the home screen, as below. The Choose another story button should take the user back to the main page.

Two simple stories have been provided: story1 and story2 for convenience. Unzip these and place each folder at the top of your Eclipse project. Each story folder contains 9 ordered images and 1 story.txt file. This txt file contains the text to be shown with each image provided. For example, in the second screenshot above, the image shown is 1.png from story1, and the text shown is from the following line in story1/story.txt: 1: Once upon a time, there was a town called Amity. If you choose to use your own stories, they must be in the same format as these given stories. You may choose the stories, images, images, fonts, colors, app size, and other style features. Each view must have the GUI components minimally shown in the example views above.

Making it Work

Main.java will launch the application and show Main.fxml. MainController.java will be the EventHandler for this fxml, and should handle loading the next view, given the user's choice.

Threads

While it is possible to implement this app without the use of threads, it does not make for a good user experience. To get started, create the basic functionality of the full app - all views, the controllers, adding only a label or two to the Story.fxml for now. When that is complete, consider threads and tasks in JavaFX. See the example code from lecture, on the course website. Your submission must leverage threads to show the images and text, at minimum. It is recommended an additional thread is used to help keep time.

The Model

The model of this application will be Story.java, and you may add any other classes as necessary. This class must manage the stories, including an ordered list of pages (images, text) needed in each story, a count of the number of pages in the story, and any other pertinent data. It is up to you to choose data structures and organization of this model. Remember to follow the MVC design pattern.

HERE IS WHAT I HAVE PLEASE CAN YOU COMPLETE THE REST OF IT! THANK YOU IN ADVANCE!! DOWNLOAD THE STORYS FROM THESE 2 LINKS.

http://www.cs.utsa.edu/~cs3443/laboratories/lab8/story1.zip

http://www.cs.utsa.edu/~cs3443/laboratories/lab8/story2.zip

Main.java

package application;

import java.io.IOException; import javafx.application.Application; import javafx.fxml.FXMLLoader; import javafx.scene.Parent; import javafx.scene.Scene; import javafx.stage.Stage;

/** * * Main class */ public class Main extends Application { @Override public void start(Stage primaryStage) throws IOException { Parent root = FXMLLoader.load(getClass().getResource("/Main.fxml")); Scene scene = new Scene(root, 600, 400); primaryStage.setTitle("Tell me a story"); primaryStage.setScene(scene); primaryStage.show(); }

/** * @param args the command line arguments */ public static void main(String[] args) { launch(args); } }

Story.java

package application.model;

public class Story {

}

MainController.java

package application.controller;

import java.net.URL; import java.util.ResourceBundle; import javafx.event.ActionEvent; import javafx.fxml.Initializable; import javafx.fxml.FXML; import javafx.fxml.FXMLLoader; import javafx.scene.Parent; import javafx.scene.Scene; import javafx.stage.Stage;

/** * FXML Controller class * * MainController class */ public class MainController implements Initializable {

/** * Initializes the controller class. */ @Override public void initialize(URL url, ResourceBundle rb) { // TODO } @FXML protected void handleStartButtonAction(ActionEvent event) { try { Parent root1 = (Parent) FXMLLoader.load(getClass().getResource("Story.fxml")); Stage stage = new Stage(); stage.setScene(new Scene(root1)); stage.show(); } catch(Exception e) { } } }

StoryController.java

package application.controller;

import java.net.URL; import java.util.ResourceBundle; import javafx.event.ActionEvent; import javafx.fxml.FXML; import javafx.fxml.Initializable;

/** * FXML Controller class * * StoryController class */ public class StoryController implements Initializable {

/** * Initializes the controller class. */ @Override public void initialize(URL url, ResourceBundle rb) { // TODO } @FXML protected void handleHometButtonAction(ActionEvent event) { System.out.println("Home button pressed."); } }

Story.fxml

GridPane.columnSpan="2"/>

Main.fxml

Tell Me A Story Select what type of story you'd like to see: Sharks Dinos Start Tell Me A Story Select what type of story you'd like to see: Sharks Dinos Start