StoryBoard and UI Sketches - CMPUT301F13T13/StoryHoard GitHub Wiki

#STORYBOARDS

##Create a new story (Use Case 1): Story

##Read a story (in this case, a published story) (Use Case 6):
Story

##Change your story settings (Use Case 8): Story

#USER INTERFACE FLOW

##DIAGRAM 1: Main Activity (Author's Stories)

  1. Display shows all stories created by the author.
    a) Published stories: Takes user to Diagram 3
    b) Downloaded Stories: Takes user to Diagram 2
    c) Create a story: Takes user to Diagram 5
    d) Search: Sends User to a search results screen Diagram 9

Main Screen
2. In Story Action (Upon selection of a story):
a) Edit Story: Takes user to Diagram 4
b) Read: Takes user to Diagram 8
c) Settings: Takes user to Diagram 6
Main Screen

##DIAGRAM 2: DOWNLOADED STORIES
Displays all stories which user downloaded.
a) My Stories: Takes you to Diagram 1.
b) Published stories: Takes you to Diagram 3
c) Click a downloaded story: Send user to Diagram 8. d) Search: Sends User to a search results screen Diagram 9

Main Screen

DIAGRAM 3: PUBLISHED STORIES

Displays all currently published stories.
Note: When you click on a story it will automatically download the most recent version of the story.
a) My stories: Sends user Diagram 1.
b) Click downloaded stories: Sends the user to Diagram 2.
c) Click a published story: Sends user to Diagram 8.
d) Search: Sends User to a search results screen Diagram 9

Main Screen

DIAGRAM 4: NEW CHAPTER

  1. Displays editing mode for a story as well as ID of the page.
    a) Save Story: Will save the current page
    b) View all chapters: Sends user to Diagram 7.
    Main Screen
  2. Add choice settings:
    a) New Chapter: Sends user to a blank Diagram 4.
    c) Existing Chapter: Sends user to Diagram 7.
    Main Screen

DIAGRAM 5: NEW STORY

Screen to create a new story. Once an author makes a name, they cannot change it. (You cannot change it in story settings)
a) Create Story: Once text is inputted in, send user to a blank Diagram 4
b) Cancel: Takes user back to Diagram 1
Main Screen

DIAGRAM 6: STORY SETTINGS

Displays story setting options for a particular story.
a) Cancel: Sends user back to Diagram 1.
Main Screen

DIAGRAM 7: VIEW ALL CHAPTERS

All chapters from the story with the first words of their scenarios are shown using their background images.
a) Cancel: Sends user to Diagram 4.
Main Screen
a) Choose Chapter: Sends user to Diagram 4.
b) Cancel: Sends user back to last edited page.
Main Screen

DIAGRAM 8: READING STORIES

Displays normal viewing mode of a story.
a) Quit Story: sends User back to Diagram 1.
b) Input Choice: sends user to the next page linked to the specified choice.
Main Screen

DIAGRAM 9: SEARCHING STORIES

Displays searching stories view.
a) Search: Sends User to a search results screen Diagram 10, depending on user input preferences.
b) Create a story: Takes user to Diagram 5
c) My Stories: Takes you to Diagram 1.

Main Screen

DIAGRAM 10: SEARCH RESULTS

Displays search results
a) Create a story: Takes user to Diagram 5
b) My Stories: Takes you to Diagram 1.

Main Screen

⚠️ **GitHub.com Fallback** ⚠️