Tag Archives: multimedia


StoryMap JS Tutorial

  1. Getting Started
  2. How to Add a Slide and Image
  3. How to Add Title, Caption, and Credit



1. Getting Started:

  • Go to the StoryMap JS website. For this website, you need to have a Google account.
  • Click on “Make a StoryMap Now” (at the top of the homepage).
  • Sign into your Google account.
  • To create a new project, click on “New.”
  • StoryMap will give you the option to choose whether your StoryMap will be either “Map” or “gigapixel.” For now, choose “Map.”


2. How to Add a Slide and Image

  • To add a slide, go to the slide bar located at the left side of your project.
  • Next, click on “Add Slide.”
  • To rearrange the order of your slide, select a slide, click and hold the slide to then move it in any order you please.
  • To add an image, go to the media section of the project located on the bottom-left of the page.
  • You can insert an image by inserting an “Image URL” at the url bar under”media. However, your image must be a JPEG file– otherwise, the image will not be presented.
  • Another way of inserting image to a slide is by clicking on “Upload an Image”. Again, this image must be a JPEG file. You are also able to insert a video from a video hosting (i.e. YouTube, Vimeo etc).

To use a JPEG image online:

  • Right-click on the image and select “Copy Image URL.
  • Return to your project and select “Slide Options.”
  • Paste your image url into “Background Image.” You may also set your uploaded images as a background image.
  • To add color for the backgroun, go to “Background Color.”



3. How to Add Title, Caption, and Credit

  • To add a title in each slide, you must go to “Headline.” If you want to type a sub-headline, then you can insert your text under “Headline” in the text-square above “Slide Options.”
  • To add a caption for images, go to “Caption.”
  • If you want to add credit for inserting any image/video, go to the “Credit” section.


Timeline JS Tutorial

  1. Getting Started
  2. Starting a Timeline
  3. Adding More Dates to Your Timeline
  4. Finalizing


1. Getting Started

Timeline runs on Google templates. In order to use Timeline, you must log onto Google.  If you already have a Google account, just make sure to log in or create a Google account. Google also lets you log in using your own email.


2. Starting a Timeline

Once you have logged onto Google, you can now get started on your Timeline. Each date you wish to include in your Timeline will appear in this horizontal row. You create these dates in these rows. The more rows you create, the longer you make your timeline.

  • On the homepage, scroll down to “Make a Timeline.” Click on “Google Spreadsheet Template” to get started.
  • Once you reached the “Timeline Template” page, click on the “Use this Template” tab on the top left.
  • You are now at your TimelineJS Template. There are examples on each section to guide you on how to use this.
  • Click on the “START DATE” box to type a date for the row. Click on “END DATE” to finalize it.
  • Click on the “HEADLINE” box to give your row a title.
  • Click on the “TEXT” box to give your row a description.
  • You can insert media in the “MEDIA” box. Paste the link to the box. You can enter almost any social media link, picture or video.
  • You have the option of citing the media you insert by clicking on the “MEDIA CREDIT” and “MEDIA CAPTION.”


3. Adding More Dates To Your Timeline

  • To add more rows, click the “ADD” tab on the bottom left. Next to it, you can enter how many rows you wish to add.


4. Finalizing 

  • Once you completed all the information you wish to have on your timeline, you can then complete it by clicking “FILE” and then select “PUBLISH TO THE WEB.”
  • The Publish to the Web screen will appear. Click on the “START PUBLISHING” tab.
  • Once you do that, a link will appear at the bottom, copy the link. Then click on “CLOSE” on the bottom right.
  • You will then need to visit the embed generator site at http://bit.ly/embedGenerator. Or you could just go back to the TimelineJS website.
  • Locate the Google spreadsheet URL section towards the bottom of the homepage. Paste your timeline URL in here.
  • Once you’ve completed that, you can then see how your timeline will look like by clicking on “PREVIEW.” If you like the outcome of your timeline, go to the embed code box. You can find it the box at the end of the STEP 3 column. Copy the embed code and paste it wherever you want. Your timeline will live in that embed code.



TIMELINE JS: SHARING (Video tutorial)


What Is Creative Commons?

What is Creative Commons?

Creative Commons is a nonprofit organization that enables the sharing and use of creativity and knowledge through free legal tools. For more information, go to http://creativecommons.org/about

Creative commons allows you to utilize a wide variety of media such as photos, videos, music, and clip art from a wide variety of sources. You can use the creative commons search query by going to https://search.creativecommons.org.

Why use Creative Commons?

As a contributor to Creative Commons, you are able to create a license for other people to use your work. You may set certain restrictions to the capacity in which your work is used.

As a user of Creative Commons, you may utilize available media within the restrictions set by the creator. Please be aware of the restrictions or exceptions that apply to the media before you use it to make sure that you do not violate the Creative Commons license.

What is Copyright?

Copyright is the exclusive legal right, given to an originator or an assignee to print, publish, perform, film, or record literary, artistic, or musical material, and to authorize others to do the same.

Copyright licenses provide a simple, standardized way to give the public permission to share and use your creative work — on conditions of your choice. CC licenses let you easily change your copyright terms from the default of “all rights reserved” to “some rights reserved.”


What is Public Domain?

Public domain works is content that is not restricted by copyright which means that it is free to use by the public. There are three main categories that Public Domain work falls under:

  1.   Works that are automatically entered into the Public Domain because they are not able to be copyrighted
  2.   Works that creators have assigned to Public Domain
  3.   Works whose copyright have expired which include
  4.    Works published in the U.S. before 1923
  5.   Works published with a copyright notice from 1923 – 1963 without copyright renewal
  6.    Works published without a copyright notice from 1923 – 1977
  7.   Works published without a copyright notice from 1978 – March 1, 1989 and without subsequent registration within 5 years

For more specifics about Public Works, visit the following website


The following websites are places where you can find a wide variety of different Public Domain works:

WordPress Tutorial

  1. Create an Account
  2. Sign into Your Account
  3. Embed a Photo


1. Create an Account:

  • Click on the link above to go to WordPress.
  • If this is your first time using WordPress, click on the large, yellow “Get Started” button to create an account.
  • Create a username, password, and free WordPress blog address.
  • Scroll down and select the “Create Blog” option under the “Free” blog column.

2. Sign into Your Account:

  • If you are already a user, sign in using your email address or the username you created.
  • Enter your password and select the “Sign In” button.
  • At the top of your window, in the blue header, you will be in the “Reader” tab.
  • Click on “My Blogs” to be taken to an overview of all of your blogs. (If you have created only one blog, only one blog will be visible.)
  • Click on the blue “Dashboard” button located under the thumbnail of your blog. (The Dashboard of your blog tells you how many posts you have created, how many pages you have in your blog, and the theme you have selected.)

3. Embed a Photo into Your Post:

If you are embedding a photo into a brand new post:

  • Go to the left sidebar of your screen, and hover your cursor over “Posts.
  • Select “Add New.
  • Enter a title for your blog.
  • Enter the text into the textbox.

If you are embedding a photo into a post that you’ve already published:

  • Hover your cursor over “Posts,” and then click on “All Posts.
  • Click on the title of the post that you want to embed the photo into.


  • Hover your cursor over the title of the post, then click on “Edit.”
  • Select the spot in the textbox where you would like your photo to appear. To do this, take your cursor and click on the spot. (The ideal spots to embed a photo are at the beginning of your text, at the end, or right after a paragraph ends.)

After selecting the spot for your photo:

  • Click on the “Add Media” button located under the title of your post. Your “Media Library” will appear.
  • Select the “Upload Files” option to use a photo from your computer or thumbdrive.
  • Click on “Select Files” at the center of the screen.
  • Browse through the folders, select the photo of your choice, and select “Open.
  • The photo will appear at the designated spot you chose within the textbox.