Your browser is not able to view Flash content. Since the resource listed below uses Flash, you will likely have a less than optimal experience if you choose to view that site on this computer or mobile device.
StoryMap JS - Northwest University Knight Lab
Grades7 to 12
0 Favorites 0 Comments
Make your story-telling come to life in any content area with this free tool! Story Map uses a map or pictures to tell the story. The simple editor in this ...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Make your story-telling come to life in any content area with this free tool! Story Map uses a map or pictures to tell the story. The simple editor in this tool syncs to Google Drive editor to create a storymap. The created storymap is a sequence of slides for a map location or image that includes a heading, text, and even images and embedded video. The map or image and included information appear side by side. You can click between the slides connecting one location to another (or portions of an image to another). Your story is now interactive! To use: Follow the prompts to connect your Google Drive to the tool. Choose the type of story to create, Map or Gigapixel (image). Don't worry about the map image showing on the first page. When building a map, the front page will include the portion of the World Map based on map points throughout the project (ex. USA or Europe). Add a headline and detail to the appropriate areas. Include links and change font to bold and italic if desired. Add images to any page by uploading from your computer (through Google Drive) or by entering a link to an image. Enter the URL of the Vimeo or YouTube video you wish to use. Need help? Click on the Gigapixel tab along the top for help in uploading images and videos. The Media box not only has an area for the URL, but also an area to enter a caption and credit for the image. Add additional pages by clicking "Add Slide" in the left-hand menu. Add points to your map, one per slide, by typing the building, street, city, and country. Use the zoom bar in the top left to find the location. Customize the map style, background color, and font using the Options buttons. Click Share to send through social media or to use an embed code. The embed code can be used in any site, adjusting its width for different sites. If using Gigapixel, use a large image (as the image will literally be the "map" and your points move around the image). Save your image to Google Drive and copy the URL of the image as you will need it in the first step.
In the ClassroomBe sure to stress Fair Use and Copyright with students when using online images and crediting sources. Find great resources and information on TeachersFirst. Of course, if possible use your own images. In Science, use this tool to upload a picture of a science experiment from class and retell the story of the "experiment" by connecting with each of the individual parts of the image. In a Technology class, use this tool to create a project of anything that could be considered "mappable." Some examples include a timeline tour of an event, tour routes of a favorite band, the movement of a character in a movie or novel, or various events in a War. Find various shapes in nature and buildings for a Geometry class, showing their locations in a map. This tool would be wonderful for gifted students to showcase an interest or extend learning from a concept learned in class. Use this tool to trace the history of various recipes or ingredients in a Family and Consumer Science class. Trace the history of people, religions, and events. In Science, create a tour of various animals found in specific areas of a given biome or locations of various types of rocks and their information around the world.
Products can be embedded
Products can be shared by URL
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Add your comments below (available only to members) | Become a Member
Close comment form