8 User Manual

8.1 Teacher Login

Link: http://www.cognodojo.com:3456/loginform.html
Screenshot: Appendix A.1 & A.2
Description: This page allows you to login as a returning user or create a new teacher
account.
To login to an existing account, enter your username and the password in the boxes labeled
username and password.
To create a new account:
1. Click Create an account under the login button
2. A new form will appear
3. Enter first name, last name, username, and password
4. Click Create
Please write down this username and password for future use.

8.2 Student Login

Link: http://www.cognodojo.com:3456/studentLogin.html
Screenshot: Appendix A.3
Description: This page allows you to choose to use the program as a specific student or
access the teacher contents.
To continue towards the student content as a specific student:
1. Find the choice box with the students name
2. Click on the image above the corresponding students name
To navigate to the teacher homepage:
1. Scroll to the bottom of the page
2. Click the Or continue as a teacher option

8.3 Student Home

Link: http://www.cognodojo.com:3456/student_Home.html
Screenshot: Appendix A.4
Description: This page allows you to choose which broad category of activities the students will
engage in, and then continue toward the desired Activity Menu Page to choose specific activities
within that category.
To navigate to Songboard Menu: Hover over the Songs button in the center of the page and
click.
To navigate to Video Menu: Hover over the Videos button in the center of the page and click.
To navigate to Story Menu: Hover over the Stories button in the center of the page and click.
To use the sidebar, refer to Sidebar Menu.
 8.4 Logout Button
Description: The logout button is available on the Student Homepage, Songboard Menu, Song
Menu, Video Menu, and Story Menus, and all the teacher pages. This is used to end the entire
session for a specific teacher.
To logout of CognoDojo:
1. Go to the top right corner of the page
2. Find the white Logout button
3. Click the button
4. This directs you to the Teacher Login Page

8.5 Sidebar Menu

Description: The sidebar is available on the Student Homepage, Songboard Menu, Song
Menu, Video Menu and Story Menu pages.
The sidebar allows navigation to:
- Student Homepage (Home)
- Songboard Menu (Music)
- Video Menu (Videos)
- Story Menu (Stories)
- Student Login Page (Student Login)
To access the sidebar menu:
1. Go to the header at the top of the page
2. Find and click the three horizontal white bars symbol in the top left corner
3. The sidebar menu is displayed
4. Hover over the desired choice and click
5. This directs you to the desired Menu Page

8.6 Songboard Menu

Link: http://www.cognodojo.com:3456/songboardMenu.html
Screenshot: Appendix A.5
Description: The Songboard Menu allows you to view all the songboards saved. Clicking on a
specific songboard directs you to its Song Menu Page. All songboard options are displayed in a
choice box in the middle of the page. Each songboard has an image and a corresponding
name.
To access a specific songboard on the Songboard Menu Page:
1. Find the choice box with the title of the specific songboard
2. Click on the image above the title
3. This will bring you to its associated Song Menu page
 If there are no songboards displayed, refer to the Manage Songboard Instructions. On the
Songboard Menu, the Sidebar Menu can be accessed from the top left corner.

8.7 Song Menu

Link: http://www.cognodojo.com:3456/songMenu.html
Screenshot: Appendix A.6
Description: The Song Menu allows you to choose a specific song from the songs in a
particular songboard.
To choose a specific song on the Song Menu page:
1. Find the choice box with the title of the specific song
2. Click on the image above the title
3. This will bring you to its associated Interaction Page, where the chosen song will play
On the Song Menu Page, the Sidebar Menu can be accessed from the top left corner.

8.8 Video Menu

Link: http://www.cognodojo.com:3456/videoMenu.html
Screenshot: Appendix A.7
Description: The Video Menu allows you to choose a video to view.
Follow the same instructions for Song Menu Page to access specific videos.

8.9 Story Menu

Link: http://www.cognodojo.com:3456/storyMenu.html
Screenshot: Appendix A.8
Description: The Story Menu allows you to choose a story to view.
Follow the same instructions for Song Menu Page to access specific stories.

8.10 Interaction Pages

Links: http://www.cognodojo.com:3456/songInteraction.html,
http://www.cognodojo.com:3456/videoInteraction.html,
http://www.cognodojo.com:3456/storyInteraction.html
Screenshot: Appendix A.9
Description: This page plays the chosen song, video, or story.
To play the content:
1. Find the video screen in the center of the page. Above the video screen, the title of the activity
can be found.
2. Click anywhere on the video screen to start the activity.
3. To go back to the previous menu page, press the Back button on the top left side of the page at
anytime. This will take you back to the appropriate Song Menu, Video Menu, or Story Menu
page.
4. To replay the current content, press the Replay button on the top right side of the page at
anytime.

8.11 Teacher Homepage

Link: http://www.cognodojo.com:3456/tManageStudent.html
Screenshot: Appendix A.10 & A.11
Description: This page allows the teacher to manage the classes and students in a class.
There are two tabs: Manage Students Tab and Add Classes/Students Tab.
This page can be reached from the Student Login Page by clicking the link at the bottom of the
screen. To navigate to other teacher pages to manage different content, use the navigation
menu on the left side of the page.
Manage Students Tab:
Under this tab, there are three lists: Class List, Student List, and All Students.
- The Class List displays all classes taught by the teacher.
- Upon clicking on a specific class, the adjacent Student List displays all students who are
currently in that highlighted class.
- The All Students list displays all students from all classes.
- To delete a class, select the class in Class List, then click the Delete Class button below the
Class List.
- To delete a student from a class, select the student in Student List, then click the Delete
Student button under the Student List.
- To delete a student completely from the database, select the student in the All Students List,
then click the Delete Student button under the All Students list. (Deleting a student from the All
Students list will also delete that student from the classes they are in.)
To add an existing student to an existing class:
1. Select a class in the Class List
2. Select a student in the All Students list
3. Click the Add to Class button under the All Students list.
4. The Student List will update to show that the selected student has been added to the class
Add Classes/Students Tab:
Under this tab, the teacher can add a new class or new student.
To add a new class:
1. Find the Add New Class form
2. Enter the name of the class
3. Click the Submit button.
4. A popup with the message Class added successfully will appear
5. The new class will now be shown in the Class List in the Manage Students tab.
To add a new student:
1. Find the Add a New Student form
2. Enter the first name and last name of the student
3. Find an image for the student to login with
4. Put the image URL in the box for Student Image URL
5. Click the Submit button
6. The new student will be shown in the All Students list in the Manage Students tab.
7. To add the new student to a class, refer to the Manage Students tab.

8.12 Manage Songboards

Link: http://www.cognodojo.com:3456/tManageSongboard.html
Screenshot: Appendix A.12 - A.14
Description: This page allows the teacher to manage the songboards and songs that are
shown in the Songboard Menu and Song Menu pages. There are three tabs: Manage
Songboard Tab, Add Songboard Tab, and Upload Music Tab.
To navigate to other teacher pages, use the navigation menu on the top left of the page.
Manage Songboards Tab:
Under this tab, there are three lists: Songboard list, Songs in Current Songboards list, and All
Songs list.
- The Songboards list displays all songboards
- Upon clicking on a specific songboard, the adjacent Songs in Current Songboard list will
displays all songs currently in that songboard
- The All Songs list displays all songs from all songboards
- To delete a songboard, select the songboard in the Songboards list, then click the Delete
Songboard button below the Songboards list.
- To delete a song from a songboard, select the song in the Songs in Current Songboard list,
then click the Delete Songs button under the Songs in Current Songboard list.
- To delete a song completely from the database, select the song in the All Songs List, then
click the Delete Selected Songs button under the All Songs list. (Deleting a song from the
database will also delete that song from any songboard it is currently in.)
To add an existing song to an existing songboard:
1. Select a songboard in the Songboards list
2. Select a song in the Songs in Current Songboard list
3. Click the Add to Songboard button under the All Songs list.
4. The Songs in Current Songboard list will update to show that the selected song has been
added to the songboard.
Add Songboard Tab:
Under this tab, the teacher can add a new songboard.
 To add a new songboard:
1. Enter the name of the songboard in the box for Name
2. Find an image on the internet for the songboard
3. Put the image URL in the box for Image URL
4. Click the Submit button
5. A popup saying Songboard added successfully will appear
6. The new songboard will be shown in the Songboards list in the Manage Songboards tab.
7. To add a new song to the songboard, refer to the Manage Songboards tab.
Upload Music Tab:
Under this tab, the teacher can add a new song. To upload new songs to the website, refer to
the Adding New Songs/Videos/Stories from Youtube section.

8.13 Manage Videos

Link: http://www.cognodojo.com:3456/tManageVideo.html
Screenshot: Appendix A.15 & A.16
Description: This page allows the teacher to manage the videos that are shown in the Video
Menu page. There are two tabs: Manage Video Tab and Upload Video Tab.
To navigate to other teacher pages to manage different content, use the navigation menu on the
left side of the top left of the page.
Manage Video Tab:
Under this tab, the teacher can choose which videos are hidden or displayed on the Video Menu
page. There are two lists on this tab: the Displayed Videos list, and the Hidden Videos list.
To display an existing video to students:
1. Select the video in the Hidden Videos list
2. Click the Show Video button under the Hidden Videos list
To hide an existing video from student view:
1. Select the video in the Displayed Videos list
2. Click the Hide Video button under the Displayed Videos list
To delete an existing video:
1. Select the video in either the Hidden Videos or Displayed Videos lists
2. Click the Delete Video button under list where the video is found.
Upload Video Tab:
Under this tab, the teacher can add a new video. All videos added will by default be in the
Hidden Videos list. To upload new videos to the website, refer to the Adding New
Songs/Videos/Stories from Youtube section.

8.14 Manage Stories

Link: http://www.cognodojo.com:3456/tManageStories.html
 Screenshot: Appendix A.17 & A.18
Description: This page allows the teacher to manage the stories that are shown in the Story
Menu page. There are two tabs: Manage Story Tab and Upload Story Tab.
To navigate to other teacher pages to manage different content, use the navigation menu on the
left side of the page.
Manage Story Tab:
Under this tab, the teacher can choose which stories are hidden or displayed on the Story Menu
page. There are two lists on this tab: the Displayed Stories list, and the Hidden Stories list.
To display an existing story to students:
1. Select the story in the Hidden Stories list
2. Click the Show Story button under the Hidden Stories list
To hide an existing story from student view:
1. Select the story in the Displayed Stories list
2. Click the Hide Story button under the Displayed Stories list
To delete an existing story:
1. Select the story in either the Hidden Stories or Displayed Stories lists
2. Click the Delete Story button under list where the story is found.
Upload Story Tab:
This tab allows a teacher to add a story from Youtube onto the website. All stories added will by
default be in the Hidden Stories list. To upload new stories to the website, refer to the Adding
New Songs/Videos/Stories from Youtube section (Section 8.15).

8.15 Adding New Songs/Videos/Stories from Youtube:

Go to the Upload tab for the appropriate category on CognoDojo.
1. Find the desired video on youtube and click the "Share" button under the Youtube
video
2. Go to the "Embed" Option
3. Within the code, find the line "iframe src="
4. Copy the Youtube url following that line, without the quotation mark (for example, you
would copy: https://www.youtube.com/embed/ih-8K1a_SsA?ecver=2)
5. Enter the video URL and the other required information, such as image URL, into the
form
7. Click Submit