Transitopia 2.0 - Grade 9

Logging on to the platform for the first time

Joselyn McDonald

When you are logging into the platform for the first time (and don't know or haven't been given your password), you have two options: 

1. Use Google login (anyone can use, regardless of whether you have a Google email or not)

2. Use the password reset option. 

Both options are detailed below. 

Logging in with Google Authentication 

  1. Head to the top right and click on Log In
  2. Click on Log in with Google Authentication and you'll be brought to the Google Log in page
  3. Choose an account that is registered on our website. This should be your school email or whatever email you signed up to our site with. If you use an email that is not registered in our system, you will encounter an error.


STEP 1: In the top-right corner, click the word "login." 

STEP 2: When the black menu appears, enter your email address, and then enter the password provided


1 / 5

Getting Started

Any tab in which you have permissions to make a post, you will see the Create A Post Bar. Click inside this bar to start your post. 


Title

Every post must have a title to be published. Type your title in the Create a Post box. 


Slide Editor

The four icons below are tools for the Slide Editor. 

Media Tool

Camera Tool

Embed Tool

Editor Tool


Media Tool

Content uploaded from your computer. This content may be video files, image files, or gifs. When files are dropped or uploaded, a progress bar will appear and on finish, the photo(s) will appear in your post.


Camera Tool

The platform has the ability to connect to a camera that is permanently mounted in your studio or classroom. Some schools may not use this feature. Teachers and Administrators can contact support@nuvustudio.org if you would like to learn more or add this feature to your site.

Once selected, a menu will appear allowing you to scroll through and sort by date. Selecting an image will highlight it with a pink outline. After selecting your images, clicking insert will add them to your presentation


Embed Tool

Videos (Youtube, Vimeo) or links to interactive web-based content (Google Slides, etc.) can be added from this tab. This includes PDFs that are hosted elsewhere on the web or cloud. 

In order for files hosted on a cloud-based service (Google Drive, etc.) to be embedded on the Platform, set the viewing permissions of that file to be anyone with the link or public.

Paste the link to the content in the Gray Text box, and click Embed. The first slide of the linked document, or representative frame from the video, should appear in the Presentation. 


Slide Editor

Before entering the slide editor, you must set a title for your post. The slide editor is a powerful tool to take your presentation design to the next level. 

Introduction

The Slide Editor is a powerful presentation creation software with a variety of tools. This guide serves as an introduction to all the tools available. Hovering over a tool will highlight it and show its name.


Image

Selecting Image will bring up the image menu on the left side of the screen. Previously uploaded images will appear here. Click upload photos to add more pictures. Clicking an image will highlight it in pink. After selecting images, click the Insert Image button on the bottom of the screen to add your selected images. Multiple images can be inserted at the same time. The same is true for uploading images. For more information on all the options available in an image, see the Image Editor Options.

You can copy or drag Images to the slide page as well.


Camera

Select Camera to bring up the Camera menu on the left. Clicking on the option All in the top left will drop down a menu for sorting camera content. Choosing a date will refresh content. Clicking on an image will highlight it in pink. After selecting images, click the Insert Image button on the bottom of the screen to add your selected images. Multiple images can be inserted at the same time.


Video

Select Video to bring up the Video Menu on the left. Previously uploaded Videos will appear here. Click upload videos to add more videos. Clicking an image will highlight it in pink. After selecting videos, click the Insert Video button on the bottom of the screen to add your selected videos. Multiple videos can be inserted at the same time. The same is true for uploading videos.


Embed

Videos (Youtube, Vimeo) or links to interactive web-based content (Google Slides, etc.) can be added from this tab. This includes PDFs that are hosted elsewhere on the web or cloud. 

In order for files hosted on a cloud-based service (Google Drive, etc.) to be embedded on the Platform, set the viewing permissions of that file to be anyone with the link or public.

Paste the link to the content in the Gray box, and click Embed. If your link is valid, your embed will appear. If it is not valid, the editor will tell you in pink text below the Gray Box. 

Clicking on an embed will highlight it in pink. Clicking the insert item button will add the embed to the current slide. Multiple embeds may be added at the same time. 


Text

Clicking Text will add a new textbox to the current slide. For more information on all the options available in a textbox, see the Text Editor section. 


Shapes

Clicking Shapes will add a new shape object to the current slide. For more information on all the options available in a shape object, see the Shape Editor section.


Line

Clicking Line will create a new line object. Select either side (highlighted with a blue circle) to move the ends of the line. 

The Line tool has a few options, many of which are highlighted above in the Image, Shape and Text Editor tutorials. The unique options are as follows:

Start: Select the solid white line next to Start. Changing this value will change the look of one end of the line.

End: Select the solid white line next to End. Changing this value will change the look of the other end of the line.

Style: Select the solid white line next to Style. Changing this value will change the look in between each end of the line.

Thickness: Click on the number associated with px. Typing in a new value will update the thickness of the line.


Template

Select the Template button to show all available templates. Clicking on a template will open up all available slides in that template. Clicking on a slide in a template will highlight it in pink. Clicking Insert Template after selecting slide(s) will add those slides to the current presentation.

Tip: Creators of templates can select a gear in the top right corner of a template in the Gallery Templates view to delete templates

Tip: See the Template Guide to learn more about creating templates and other features. 


Present

Click Present to enter the presentation view directly from the editor.


Comments

Clicking comment brings up the comment menu. On the right hand side, a list of all comments in the current presentation will be displayed. Clicking anywhere on the slide editor will add a comment in that spot. Type your comment, then click post and it will be added to the slide and the comment menu. In the comment menu, you can reply to and delete comments.


Share

Click Share to bring up the Collaborator menu. From this panel, users can add and remove collaborators on a presentation. This allows you to add fellow students and teachers are co-editors on presentations from inside the editor. 


Zoom Menu

Clicking on the Zoom value in the top right corner of the editor will bring up the Zoom Menu Panel. Typing in the input box, or using the menu of buttons will change the zoom of the editor. 


New Slide

Select New Slide to add a new slide to the presentation. Clicking this button will move your current slide to the new slide. 


Visibility

The visibility button will set the current slide to visible/invisible. This will hide the slide when the presentation view is entered. 


Slide View Options

The last two buttons will change the view layout of the slides. The three rectangle button is the default view, with slide previews being on the bottom of the slide editor. Selecting the button below it will expand the slide preview view, occupying the entire screen, allowing you to quickly move between a presentation with many slides. Select the previously mentioned button again to change the view back.




Creating your First Post

In this video, we will be talking about creating your very first post. This video talks about basic movement around the website, navigation to a studio and creating content on the website. After this post, consider checking out other videos such as Making the Most Out of Your Posts to get a more advanced look into the editor.

Creating your First Presentation

In this video, we will be talking about creating your very first presentation. We will go over basic navigation to a new presentation, creating new content and finally going over the tools available.  


Create new Presentation, give it a title, then click on the Editor button. This will open up the Slide Editor. There are 3 main sections to the Slide Editor. The Left, Top and Right menus. On the left, we have all of the info about slides and preview images for them. On the Top, there are a variety of content creating buttons and other menus we can bring up. On the Right, if we had any content selected or menu pulled up, we would have the info panel. We'll talk about that more later.


Let's start by adding some content. Let's add a piece of text. Head to the top bar and hover over the icons, eventually you'll see one called "Text". Click it to create some text. On the right side, we can now see the info panel appearing. Use this panel to change Alignment, Color, Font Size and much more. 

Introduction

When a post is ready to be published, there are some final settings to consider at the bottom of the Create A Post view.


Privacy

When you publish a post, you have options for who will see the post. The default setting is usually School.

Project: Students explicitly listed as members of that Project.

Studio: Any student enrolled in your Studio.

School: Any student enrolled in the School.

Public: Visible to anyone who visits the link, no login required.


Comments

You can allow or disallow Comments on your posts by clicking the radio button. Any students enrolled in your Studio, along with Faculty and Staff, will be able to comment on a post. The default setting is Allow.


Notify Participants

Checking this radio button sends an email alert to everyone in the Studio or everyone in the Project, depending on where the post is located. 


Publish

At the bottom of the Create a Post window, you have three options:


Cancel

Cancels your draft post. No work is saved or preserved.


Save

Saves your post as a Draft. This Draft is only visible to you. If you add a collaborator to a draft post, they will be able to see it as well.

Posts that have been Saved as drafts appear only as a black title - no body of the post will be visible. Saved posts may also appear as Untitled Post in grey, if you did not title the post before Saving. Click the gear icon next to the title to edit this post or Publish.


Publish 

Publishes your post to the site. Post is visible to the user group defined under the Privacy setting. 

Refer to our Video Tutorials to learn more

1 / 6

Different types of Slide Editor Content

There are 6 main types of content in the Slide Editor. They are: Shapes, Images/Videos, Text, Embeds, Lines and Grids. Each of these are highlighted in a picture above. All of the content shares some basic properties such as: Top, Left, Width and other dimensional data. This controls where the item is placed on the canvas and how big it is. 

For each item, explore the unique settings they contain. You can link items to images, change the background color of Grids, even alter the styling of lines all from the item panel. Check it out in the editor for the best experience.

Introduction

While it is much more convenient to create content inside the NuVu Slide Editor, sometimes work from other websites (such as Google slides) needs to be shown. Using the embed feature, we can easily add content from these websites.


Preparing your Content (Google Slides)

If you're working out of google slides, follow these steps.

  1. Head to google slides, open up the presentation you'd like to embed
  2. Click on Share in the top right of your presentation
  3. Click on Get Link and change the share settings to Anyone with the link can view
  4. Click Copy Link and head back to the NuVu Website
  5. Congrats! From here we will head to the next section which covers embedding in depth


Embedding
Once we have prepped our content in the section above, we need to actually embed it. Follow the steps below to finish the embedding process.
  1. After clicking "Create a Post", find the button labeled Embed. This will open up a new text box to enter a url 
  2. Take your public Google Slides link from earlier and paste it into the newly appeared text box
  3. Click Embed, if done successfully, your presentation will now appear. Otherwise, you will be given a "Invalid Url" error. Try to follow the steps in the Preparing Your Content section again, not setting your presentation to public is the most common problem when following this process