Teachers can now have their quizzes set up in their own classrooms. The quiz step is a standalone content that can be added with or without a project or course in a classroom. To know how to create a quiz step, here’s a guide to follow:

Step 1: Toggle “Teaching” to unlock the classroom.

After clicking, you now see “Editing”

Step 2: Click the “+” sign to see the available contents

Step 3: Select “Custom” and click Quiz

Step 4: Put a title on your quiz

Step 5: Put the questions and choices of answers. Click which choice is the correct answer.

By default, you see below the disabled “Shuffle quiz questions” and enabled “Display student score”

Optional: If you want to add the context of the question like images and hyperlinks, click “Add context”

Sample quiz:

5a: To add more questions to your quiz, click the add a question button.

Step 6: After you finish putting all the questions in your quiz step, you need to save it. It will go at the bottom of your classroom content list. You can re-order it by dragging it to where you wish to place it.

Don’t forget to lock your classroom content by clicking the lock icon again. There you go! Your quiz is now all set and ready for your students to answer.

To show the result of the quiz, simply click the quiz and you will find the number of students who completed, who haven’t started the quiz, success percentage per student, and if they got a wrong answer the box that corresponds to the question order highlights as yellow.

If there’s any concern you might require assistance from our support team, please send us a message through chat support or email us at support@bsd.education.

The Glossary is a set of interactive cards which explain HTML, CSS and JavaScript codes, how they work and how to write them. They can be found in all guided projects and within sandboxes on BSD Online. These Glossaries are strategically placed on steps where the code or function will be used. Glossaries will give you an idea and a better understanding of the codes that you are going to use. There are 2 ways to access the glossary cards. Here is the first one:

1. Click on the icon below Required Syntax, like the one below:

2. Or you can use the new feature, the “Glossary search” by clicking the button below:

After clicking on the Glossary search button, a search box will appear. You have the option to type in the code, or use the scroll bar to search for the code you want to know more about.

Once you have selected the code, it will give you a preview of the glossary. To view the full glossary, click on the “Open glossary card” button.

When you click on a Glossary or open a glossary card, a window will pop up and it always starts with the “What is it?”

Tip: There are 2 ways to navigate the glossary. You can either use the mouse and click on the next glossary card to view it or you can use the keyboard’s left and right arrow keys to switch from cards to cards.

“Syntax” gives us the code’s description, uses, and function.

“See it in action” will show us how to use the code together with values.

Tip: Hovering on the code snippet will give you an option to “Copy to Clipboard” enabling you to paste it straight to your work.

“See it in action” gives you an idea of what the end result will be. The top panel has an edit feature, letting you type in your code and get a real-time result on the output panel below it. It also has a “Copy to Clipboard” and a “Reset” option to return to the original example after code customization.

Glossaries are color-coded based on the coding language. Red for HTML, Blue for CSS and Yellow for JavaScript. This will help students easily identify which language they are working on.

If you have questions or concerns, let’s talk! Feel free to send an email to support@bsd.education or “start a conversation” through chat support!

BSD continues to develop new features for you teachers and your students. With our new and more friendly user interface, you can view all available courses and content of your organization in one place. Now you can browse projects and add activities directly to your classrooms with the new “Your library” section.

Here’s a quick step that will guide you on how to use “Your library”.

1. On your home page, you will see the main menu section on the left side panel, click “Your library”. And after that, the courses and activities available in your organization will appear.

2. The new design shows courses laid out in a grid view. Course images are now front and center and new information such as the course level and course duration are also displayed. This feature also introduces the concept of activity courses which are an unordered collection of projects. TechConnected courses have been assigned as activity courses. At this point, you can choose the course you want to add to your classroom.

3. This is what a course within “Your library” looks like. In the upper right, you will see the “add to classroom” icon, click it.

4. After that, a popup box will appear giving you the choice of which classroom you want to add this course to. Or you can create a new classroom to place the course of your choice by clicking on the “new classroom” button.

5. Lastly, it will redirect you to the classroom you selected, click the “add course” icon. And you can see in the last picture, it is already inside your classroom.

We hope you find this new feature helpful! If you have any questions or feedback, please feel free to send in a message through our intercom chat or email us at support@bsd.education.

There are instances where you might want to change the owner of the classroom so another teacher can teach your lesson.

Changing the owner of the classroom is possible, to do so, follow these steps:

1. Log into BSD online. On your home page, click on “Your classrooms”. You will be able to see all of your teaching classrooms as well as the classrooms in which you are added as a student. Then select the classroom you want to change the owner.

2. Hover your cursor over the “+” icon in the upper left corner of your classroom at this point to see the option to add a teacher. The teacher you want to be the owner can then be added.

3. A box will appear. You can either type in the name of the teacher you wish to be the owner of your classroom or choose from the drop-down menus below the search bar.

4. After you’ve added the teacher, you’ll be able to change the owner by removing the last teacher in the classroom.

5. After that, a pop-up box will prompt if you want to remove the teacher from the classroom. Select “Remove” from the drop-down menu.

If you have more questions and other concerns, feel free to reach out to us through chat or send an email to support@bsd.education.

There are many ways how you can check on your students’ progress status. One way is by looking at their profile by clicking their avatar (profile picture) inside the classroom. Teachers can click on any student and select the “Login information” tab to see their latest activity, total number of logins, and last login date. You can also see your students’ customized sandboxes or portfolio by clicking the open portfolio button. Now, with the new classroom feature which is the “selective user profile”, you don’t need to close the button dialog to see every student’s information.

Here’s how it works:

**Step 1: On your home page, click on “Your classrooms”, under your “Teaching” classrooms you will see all the classrooms you have created. Click one of your classrooms.

Step 2: Inside the classroom, click on the classroom dashboard.

Step 3: Click on the student avatar.

Step 4: The window showing the profile of the student will appear.

Upon clicking the selective user profile, you will see the previous profile and the next profile of your students.

That’s how the selective user profile works! Next time, if you need to check on students’ profiles, go on and try this BSD classroom feature.

In case your student got stuck on a question or a step in a project, you can access the answers to any step using the following methods:

First Method: From the Project
If you enter the same project as your students using your teacher account and go to the same step as your student, you can hover your mouse over the checkmark icon beside the “Objectives” button to display the “Model answers” button. Clicking on the said button will fill the correct model answer.

Checkmark icon for filling model answers

Model answers button appears when you hover over the checkmark icon

Example of model answers after clicking the Checkmark icon

Second Method: From Classroom Mode
Here’s how you can check the model answers using the Manage classrooms under the Teacher Tools :

1. Go to your classroom.
2. Toggle the student list and click the title of the project which your student is working on.
3. The student progress viewer will pop up. Here’s a screenshot of the viewer:

4. The student progress viewer will show the step your student is currently working on. By default, you will see the student answer, so switch to Model answers to display the model answer for the current step. See the animation below:

5. After switching, you will then see the model answer. You can use this model answer to help your student by giving him or her a clue.

5. Screenshot of a model answer under the student’s progress view

If you have questions about this feature, please reach us through chat.

Our chat support is available to all teachers after logging and can be found on every page of BSD online. The chat support will allow every teacher to report an issue or start a new conversation. Whether you report an issue or start a new conversation you will be hearing back from a member of our support team.

“Send us a message”, means you are asking the support team general questions like “How can I manage my classroom?”, “My student cannot log in with my email, what could be the problem?”, etc.

While “Report an issue” is when you have experienced a problem/issue on BSD Online and want to communicate this to our support team. When reporting an issue, do remember to explain clearly what problem you are experiencing with details like the title of the project, the step number, etc.”

If you have more questions and other concerns, feel free to reach out to us through chat or send an email to support@bsd.education.

If you want to customize your project or add an image from your device to your sandbox, you can upload images to BSD Online.

Follow the steps below:

1. Inside the project or sandbox, every time you type an <img> tag and add the src attribute, a “Choose image” button will appear, click “Choose image” to display the Image Library.

Here’s what a resource manager looks like:

2. You can select from previously used images from the resource manager or if you want to use a new image, you can upload a new image file, click the “Upload” icon to upload an image from your computer. Make sure that the new image is highlighted before hitting the “Select” button. An image link will automatically be added as the src of the  tag you created.

Click the article to show you how it is done:

Student Resource Manager 14

Tip: Before uploading an image, make sure that you know where it is stored in your device so you can easily find them.

If you have more questions and other concerns, feel free to reach out to us through chat or send an email to support@bsd.education.

Your workspace is customizable and can be adjusted to your preference. To access the Settings, click on gear icon on the lower right hand side of the screen. See below:

This settings window is mainly for visual and performance preference changes. Let’s get into the items in detail.

1. Auto-refresh output panel

When the Auto-refresh output panel is enabled, the “Run code” button will automatically run and the changes will show on the output screen real-time. On the other hand, when it is disabled, you have to manually click on the “Run code” button to display the changes.

Run code button

2. Font size

This refers to the font size of the text in the Instructions and the Code box. Options are Small, Medium, Large and X-large. This is very helpful especially when presenting in front of your students using a projector.

3. Code folding

Code folding when enabled can make the code collapsible/expandable. This is another way of tidying and organizing your code.

4. Code indentation

This gives the code an indentation from the left. This will only take effect when you click on the “Tidy code” button. The images below show the difference between 1 and 6 indentation.

5. Color theme

You can choose between Light mode (default) and Dark mode to match your color theme preference.

6. Platform language

You can toggle between languages that are set up for your organization(if available).

If you have questions or concerns, let’s talk! Feel free to send an email to support@bsd.education or “start a conversation” through chat support!