Technical Issues
      Back to home
      1. Help Center
      2. Coding Resources
      3. Technical Issues

      Navigating Voyage

      This article explains how to navigate Voyage as a student.

      Last updated - July 25, 2024

      The Voyage Home Screen

      When you first log in to Voyage, you will see the blue home screen. Here, you have several options to choose from:

        • The "Code" button directs you to the Voyage courses and lessons.
        • The "Projects" button directs you to the project management page.
        • The "Assessments" button directs you to the assessment page. All unlocked assessments can be accessed here.
        • The "Help" button allows you to message your teacher.
        • All platforms that you have access to, including Type Station, Robotics, or Chat for Schools, will have navigation buttons here.

      voyage homepage 2


       

      The Navigation Bar

      At the top of the screen is the navigation bar. The navigation bar includes the following buttons:

        1. Start Tutorial - this button starts the Voyage tutorial.
        2. Glossary - this button takes you to the glossary. Here you can search through hundreds of terms to view definitions and examples.
        3. Color Picker - this button opens the color picker. Here you can select any color to get its RGB code or HEX code.
        4. Image Gallery - this button takes you to the image gallery. Here you can search for images and copy their URL to use in your code.
        5. Get Help - this button allows you to access the Knowledge Base and message your teacher.
        6. Settings - this button launches the settings menu.
        7. Skillmoji icon - this button allows you to update your Skillmoji and log out of your Skill Struck account.
          voyage navbar 1


      The Side Navigation Menu

      At the top left corner of the page, you will see a button with three horizontal lines. Click that button to expand the side navigation menu. In this menu, you will have access to the following buttons:

        1. Code & Learn - this button will take you to the course navigation page.
        2. My Projects - this button will take you to the project management page.
        3. Puzzle Builder - this button directs you to the Puzzle Builder project page.
        4. Blocks Pro Playground - this button directs you to the Blocks Pro Playground.
        5. Welcome Video - this is a quick video that welcomes you to Skill Struck.
        6. My Profile - this button allows you to edit your Skillmoji.
        7. Account Settings - this button takes you to your settings page.

        voyage sidebar 1

       

      The Textbook

      The left column of the page is the course navigation, instructions, and textbook. Once a lesson is selected, the textbook will be displayed in this column. When an activity is selected, the instructions will display in this column.

      voyage textbook 1

      The Code Editor

      The center column of this page is the code editor. Here is where you will input the code for your activities and projects. The gray button at the top of this column will show all of your available files.

      code edit window 1

      The Code Output

      The code output is where your your outputted code will display. Click "Run" to run your code and "Save" to save your code.

      code output 1