Stories
(Admin)
The
second icon in the navigation menu of the "Admin Dashboard"
shall open the admin view of the "Stories" section.
This is where the admin can view, publish, and update the
actual content students will consume, while using Readingful.
When this section first opens, the admin should see the
same view as the teacher does in his or her version of this
module—displaying the title, genre, grade level, and
access status for each text, as shown in the first mockup,
above. The only difference is that the admin's "Access"
setting will control whether or not a story is accessible
to all Readingful users. "On" will mean the story
is published and available to both students and teachers.
"Off" will mean the story is inactive, and wholly
inaccessible to students, but allow the teacher to see a
washed out, restricted entry for the story in his or her
"Stories" module. When a story is first created,
it shall be inactive, by default.
Additional
Designations
When
the admin clicks the first icon in the topline menu, as
shown in the second mockup, above, the table view should
switch to show four new data points—trial, public,
feature, and sample:
Trial:
An "off" and "on" toggle that
simply determines whether the story is accessible to teachers
and students during the initial free trial period. This
should be "Off" by default.
Public:
Another "off" and "on" toggle that decides
whether or not the story can be shown publicly, to guest
users (such as when visiting a story page dirctly, or finding
a page in search results on the platform). This should be
"On" by default. If "Off," the story
should not show in search results on the platform, and if
the a guest user attempts to visit its URL, the user should
be redirected to the homepage.
Feature:
This controls whether or not the story can be featured
on the homepage, and during which month. Possible settings
are Off, any of the 3 letter abbreviations for month of
the year, and "All," meaning it should be featured
during all months. This should be "Off" by default.
Sample:
Same toggles as feature, but this controls whether the story
can show up as a sample on the "Learn More" marketing
page. This should be "Off" by default.
Search
The
second topline menu icon shall open the "Story Search"
module. This is simply the same module and base function
as shown and described in the teacher "Stories"
specs. However, let's allow the admin to also search the
"Skill" ascribed to each question in the story
package upload, as well as the full text of each story—making
the admin's search query a bit more powerful.
Individual
Story View
As
shown in the third mockup, above, you'll see the "Individual
Story" module the admin should see when he or she clicks
on a story's title. The only difference between this version,
and the teacher version, is that the admin has no use for
bookmarking or pinning stories. As such, those buttons have
been replaced with an "Edit" button, to facilitate
the opening of the story editing module.
Creating
a New Story
The
fourth mockup, above, shows the beginning state of module
for the admin to create a new story, accessible via the
third icon in the topline menu. This will be a 1 step process
for the admin that involves clicking a "Select File"
button to initiate the uploading of the new story's "Story
Package" (a zip file containing a tab-delmited text
files of all necessary data, along with image, and audio
files). Upon commencement of uploading this file, the infoline
footer shall read "Uploading story package..."
along with the processing animation showing in place of
the "Save" button, as shown in the fifth mockup,
above.
Editing/Deleting
an Existing Story
The
sixth mockup shows the uploaded state of the file, with
the title heading now showing: Editing: "Story Title."
In this state, the admin can delete or replace the story
package, as well as delete the entire story entry in the
infoline footer at the bottom of the module. The seventh
mockup, above, shows the confirmation state for permanently
deleting a story entry. The deletion process should show
the "processing animation" as well as "Deleting
story entry..." in the infoline footer. Upon deletion,
the module should reset to the upload state. The admin clicking
the "Save" button shall save the update to the
story entry.
Note:
If the admin deletes a story from the system, this should
not affect the data of a student who has read the story
in the past, and taken the story's quiz. Each time a student
takes a quiz, aspects such as the student's "Reading
Level" "Progression Score" "Knowledge
Coins" "Avatar Ownership" and "Question
Answer Record" are changed (possible more), depending
on how a student answers the quiz questions. Story deletion
cannot affect said data. Data fidelity must be maintained.
Also, the admin uploading a replacement story package for
a story should not be taken by the system to indicate the
story was deleted. It may be best that each upload of a
story by the same title (either replacement or deletion)
is simply a new "version" of the story, and the
system should be coded to show the most recent version of
the story to new readers, while retaining all prior versions
in the system. Of course, if this method is contemplated,
you'll have to consider what happens when a student reads/takes
the quiz of one version of the story, the story is updated
to a new version, and then the student tries mastering the
story again later on.
Story
Package
The
actual story package that is uploaded will consist of 5
text files (avatars.txt, colors.txt, questions.txt, settings.txt,
story.txt) an "images" folder, and an "audio"
folder.
Styling
Checklist:
Images:
1.
Admin Stories Topline Menu Table Navigation: table_navigation.svg,
32 x 32
2.
Admin Stories Topline Menu Search: story_search.svg,
32 x 32
3.
Admin Stories Topline Menu New Story: create_story.svg,
32 x 32
4.
Admin Account Topline Menu Button: #FFFFFFBF
(DUPLICATE, ORIGINAL SHOWN IN "ADMIN DASHBOARD"
SPECS)
5.
Admin Account Topline Menu Button Hover: #FFFFFF80
(DUPLICATE, ORIGINAL SHOWN IN "ADMIN DASHBOARD"
SPECS)
6.
Admin Account Topline Menu Button OnClick: #FFFFFF40
(DUPLICATE, ORIGINAL SHOWN IN "ADMIN DASHBOARD"
SPECS)
7.
Admin Account Topline Menu Button Selected: #FFFFFF
(DUPLICATE, ORIGINAL SHOWN IN "ADMIN DASHBOARD"
SPECS)
-NOTE:
Colors 4 to 7 account for images 1 to 3, above.
8.
Admin Stories Table Icon: story_table.svg,
24 x 14, #DCE2EA
9.
Admin Subsection Close Button: close_button.svg,
24 x 24, #E2E8F7 (DUPLICATE, ORIGINAL
SHOWN IN "USERS" SPECS)
10.
Admin Subsection Close Button Hover: #E2E8F7BF
(DUPLICATE, ORIGINAL SHOWN IN "USERS" SPECS)
11.
Admin Subsection Close Button OnClick: #E2E8F780
(DUPLICATE, ORIGINAL SHOWN IN "USERS" SPECS)
12.
Admin Edit Button: edit.svg,
50 x 50, #FFFFFF
13.
Admin Edit Button Hover: #FFFFFFBF
14.
Admin Edit Button OnClick: #FFFFFF80
15.
Admin Section Subtitle Close Button: x_button_icon.svg,
12 x 12 #FFFFFF40
16.
Admin Section Subtitle Close Button Hover: #FFFFFF80
17.
Admin Section Subtitle Close Button OnClick: #FFFFFFBF
18.
Admin Delete File Icon: delete_file.svg,
14 x 14, #E2E8F7
19.
Admin Delete File Icon Hover: #E2E8F7BF
20.
Admin Delete File Icon OnClick: #E2E8F780
21.
Admin Subsection Processing Animation Component:
processing_dot_icon.svg, 12
x 12, #6F8AE2 (DUPLICATE, ORIGINAL
SHOWN IN "USERS" SPECS)
Text:
MOCKUP
1:
1.
Admin Account Section Title: 3.8
rem, #FFFFFF (DUPLICATE, ORIGINAL
SHOWN IN "ADMIN DASHBOARD" SPECS)
2.
Admin Account Section Subtitle: 2.0
rem, #FFFFFFB3 (DUPLICATE,
ORIGINAL SHOWN IN "ADMIN DASHBOARD" SPECS)
3.
Admin Stories Table Heading Text: 1.8
rem, #727C96
4.
Admin Stories Table Heading Hover: 1.8
rem, #727C96BF
5.
Admin Stories Table Heading OnClick: 1.8
rem, #727C9680
6.
Admin Stories Table Story Title: 1.6
rem, #40424C
7.
Admin Stories Table Story Title Hover: 1.6
rem, #6195FF
8.
Admin Stories Table Story Title OnClick: 1.6
rem, #6195FF80
9.
Admin Stories Table Story Title Disabled: 1.6
rem, #40424C4D - NOT SHOWN
10.
Admin Stories Table Genre: 1.6
rem, #456DB5
11.
Admin Stories Table Genre Disabled: 1.6
rem, #456DB54D - NOT SHOWN
12.
Admin Stories Table Grades: 1.6
rem, #456DB5
13.
Admin Table Grades Disabled: 1.6
rem, #456DB54D - NOT SHOWN
14.
Admin Stories Table Permission Toggle Link: 1.6
rem, #6195FF
15.
Admin Stories Table Permission Toggle Link Hover:
1.6 rem, #6195FFBF
16.
Admin Stories Table Permission Toggle Link OnClick:
1.6 rem, #6195FF80
17.
Admin Table Function Permission Toggle Disabled:
1.6 rem, #6195FF4D - NOT SHOWN
18.
Admin Profile Name: 2.4 rem,
#FFFFFF (DUPLICATE, ORIGINAL SHOWN
IN "ADMIN DASHBOARD " SPECS)
MOCKUP
3:
1.
Admin Story Entry Title: 2.8
rem, #343642
2.
Admin Story Entry Subtitle: 2.0
rem, #8DA3E0
3.
Admin Story Entry Synopsis: 1.6
rem, #97A6C6
4.
Admin Subsection Submit Button Text: 2.2
rem, #FFFFFF (DUPLICATE, ORIGINAL
SHOWN IN "USERS" SPECS)
5.
Admin Subsection Submit Button Text Hover: 2.2
rem, #FFFFFFBF (DUPLICATE,
ORIGINAL SHOWN IN "USERS" SPECS)
6.
Admin Subsection Submit Button Text OnClick: 2.2
rem, #FFFFFF80 (DUPLICATE,
ORIGINAL SHOWN IN "USERS" SPECS)
7.
Admin Subsection Submit Button Text Disabled: 2.2
rem, #FFFFFF80 (DUPLICATE,
ORIGINAL SHOWN IN "USERS" SPECS)
MOCKUP
4:
1.
Admin Subsection Title: 2.4
rem, #6F8AE2 (DUPLICATE, ORIGINAL
SHOWN IN "USERS" SPECS)
2.
Admin Subsection Subtitle: 2.0
rem, #B7C7F7 (DUPLICATE, ORIGINAL
SHOWN IN "USERS" SPECS)
3.
Admin Subsection Selection Button Text: 2.2
rem, #FFFFFF
4.
Admin Subsection Selection Button Text Hover: 2.2
rem, #FFFFFFBF
5.
Admin Subsection Selection Button Text OnClick:
2.2 rem, #FFFFFF80
6.
Admin Subsection Informational Text: 1.6
rem, #576082 (DUPLICATE, ORIGINAL
SHOWN IN "USERS" SPECS)
7.
Admin Subsection Infoline Footer Text: 1.6
rem, #BFC6DD (DUPLICATE, ORIGINAL
SHOWN IN "USERS" SPECS)
8.
Admin Subsection Infoline Footer Link: 1.6
rem, #BFC6DD
9.
Admin Subsection Infoline Footer Link Hover: 1.6
rem, #6C96FF
10.
Admin Subsection Infoline Footer Link OnClick:
1.6 rem, #6C96FF80
MOCKUP
5:
1.
Admin Subsection Selection Button Selected: 2.2
rem, #FFFFFF
NOT
SHOWN
1.
Admin Section Subtitle Search Results Text: 2.0
rem, #FFFFFFB3
2.
Admin Subsection Search Awaiting Input Notification:
2.0 rem, #DFE3EF
(DUPLICATE, ORIGINAL SHOWN IN "USERS" SPECS)
Objects:
1.
Admin Subsection Table Divider: 714
x 2, #E7EBF2 (DUPLICATE, ORIGINAL
SHOWN IN "USERS" SPECS)
2.
Admin Stories Table Row Background 1: 628
x 40, #E9F3FF
3.
Admin Stories Table Row Background 2: 628
x 40, #D3E5FF
4.
Admin Stories Table Row Background Hover: 628
x 40, #FFE884
5.
Admin Stories Table Row Background 1 Disabled:
628 x 40, #E9F3FF80
6.
Admin Stories Table Row Background 2 Disabled:
628 x 40, #D3E5FF80
7.
Admin Stories Table Row Background Hover Disabled:
628 x 40, #FFE88480
8.
Admin Story Entry Edit Button Background: 50
x 50, #E2E8F7
9.
Admin Story Entry Edit Button Background Hover:
50 x 50, #FF6C6C
10.
Admin Story Entry Edit Button Background OnClick:
50 x 50, #FF6C6C80
11.
Admin Subsection Selection Button Background: Variable
x 50,
#E2E8F7
12.
Admin Subsection Selection Button Background Hover:
Variable x 50,
#E2E8F7BF
13.
Admin Subsection Selection Button Background Onclick:
Variable x 50,
#E2E8F780
14.
Admin Subsection Selection Button Background Selected:
Variable x 50,
#94B8FF
15.
Admin Subsection Submit Button Background: Variable
x 50,
#6C96FF (DUPLICATE, ORIGINAL SHOWN
IN "USERS" SPECS)
16.
Admin Subsection Submit Button Background Hover:
Variable x 50,
#6C96FFBF (DUPLICATE, ORIGINAL SHOWN
IN "USERS" SPECS)
17.
Admin Subsection Submit Button Background OnClick:
Variable x 50,
#6C96FF80 (DUPLICATE, ORIGINAL SHOWN
IN "USERS" SPECS)
18.
Admin Subsection Submit Button Background Disabled:
Variable x 50,
#6C96FF80 (DUPLICATE, ORIGINAL SHOWN
IN "USERS" SPECS)
19.
Admin Story Reading Level Selection Button Background:
2.4 rem, #638DF7
20.
Admin Story Reading Level Selection Button Background
Hover: 2.4 rem, #638DF7BF
21.
Admin Story Reading Level Selection Button Background
OnClick: 2.4 rem, #638DF780
22.
Admin Story Reading Level Selection Button Background
Selected: 2.4 rem, #638DF780
23.
Admin Story Reading Level Selection Array Button
Background: 2.4 rem, #638DF7
24.
Admin Story Reading Level Selection Array Button
Background Hover: 2.4 rem,
#638DF7BF
25.
Admin Story Reading Level Selection Array Button
Background OnClick: 2.4 rem,
#638DF780
26.
Admin Story Reading Level Selection Array Button
Background Disabled: 2.4 rem,
#638DF780
|
