glogster: create virtual posters created by russell smith, technology facilitator, north edgecombe...

40
Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Upload: stewart-reed

Post on 13-Dec-2015

217 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster: Create Virtual Posters

Created by Russell Smith,

Technology Facilitator,

North Edgecombe High School

Page 2: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

What is Glogster?

Glogster is a website that allows the user to design and create a virtual poster that can be saved online and viewed in a variety of manners. The user is able to upload images, video clips and audio clips that can be inserted and accessed through their virtual poster.

Page 3: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster’s Opening ScreenThe website for Glogster is

http://www.glogster.com

You can register your newaccount or sign in here…

Page 4: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Registering a New Account

When registering for a new account in Glogster,you will need to choose a nickname and password,enter an e-mail address, and enter your first and last name, birthday, and gender.

Page 5: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster DashboardYou can begin the process of creating a new glog by

clicking on “Create New Glog”.

Page 6: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster: Glog TemplateThis is the default template for a new glog project.

All of the elements on the page can be deleted.

Page 7: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Click on an element on the screen and you will see a toolbar appear. This toolbar will allow you to bring an object to the front, place it behind another object, undo the previous action, or delete the item.

Page 8: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool

You will notice that there is a movable “toolbox”on the Glogster template called the “Magnet Tool”.This tool allows you to create and format your Glog.

Page 9: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool:Graphics Tab

The Graphics Tab on the Magnet Tool allows youto insert different types of graphics from a varietyof categories.

Page 10: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool:Text Tab

The Text Tab allows you to insert text in a word bubble, as a title, or as normal text. There are also a wide variety of styles that text can be inserted in.

Page 11: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool:Image Tab

The Image Tab allows you to upload your own images to use in yourglog, link to images located on a website, or grab images from a web camera (if connected).

Page 12: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool:Image Tab, continued

To upload an image from your computer into your glog, click the“Upload” button, browse to the folder where the image is located, select the image, and click “Open”.

Page 13: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool:Image Tab

When using the Image Tab on the Magnet Tool, you are able to utilize images from a webcamera, a video, and audio source, ora photo, if available.

Page 14: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool:Video Tab

The Video Tab allows you to upload a video file that you have saved onyour computer into your Glog. Browse to the location on your computer where the video is saved, select the desired video, and click“Open”.

You canalso link tovideos fromSchoolTube.

Page 15: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool:Video Tab, continued

The Video Tab also allows you to link to a particular internetURL address where a video is located. You can copy and pastethe URL address into the space located here.

Page 16: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool:Video Tab, continued

The Video Tab also allows you to “grab” video clips for yourGlog from a video source (such as a web camera), an audio file, or a photo, if available.

Page 17: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool:Sound TabThe Sound Tab allows you to upload an audio file (music, voiceover, etc.) into your Glog, link to an audiosource on the internet, or capture an original audio sourcefor future playback.

Page 18: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool:Data Tab

The Data Tab is only accessible in premium versions of Glogster.It allows you to save files in Glogster in the form of an attachment.Each viewer of the Glog is able to view and download these attachments.

Page 19: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool:Draw Tab

The Draw Tab is only accessible in premium versions of Glogster.It enables users to draw elements over any image or text within anedit field. The drawing is saved as an object and can be edited additionally and used repeatedly on all Glogs.

Page 20: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool:Wall Tab

The Wall Tab allows you to choose the background image for yourGlogster, from a variety of categories. You can also choose a solid color as your background, or you can upload your own images (such as pictures) as the background.

Page 21: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool:Wall Tab, continued

To upload your own images into Glogster to add as the background,click the “My Pictures” link and then click “Upload”.

Page 22: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool:Wall Tab, continued

The process of uploading an image file into the “My Pictures” paneon the Wall Tab is the same as uploading image files in the Image Tab.

Page 23: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool:Wall Tab, continued

To make the desired image as your background image in theGlog, click on the image and, while holding down the leftmouse button, drag the imageonto the background.

Once the image is placedonto the background of

the Glog, release the mouse button.

Page 24: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Glogster Magnet Tool:Wall Tab, continuedThe image is now the background for your Glog.

Page 25: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Placing Images into your GlogTo place images into your Glog, click on the “Image Tab” on the Magnet Tool.

Page 26: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Placing Images in your Glog, continued

Drag an image from the Image Tab onto the Glog.

Notice that you are ableto resize the picture byclicking on the small

arrows located in eachcorner of the image.

Page 27: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

This is what this sample glog looks like after adding

some more images.

Notice that you ableto rotate each image

by clicking the rotational arrow

located in the middleof each side of an

image.

Page 28: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Inserting Text into your GlogIn order to insert text into yourglog, click on the “Text” tab onthe Magnet Tool.

Create a word balloon,Title box, or text box bydragging it onto the glog.

Page 29: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Inserting Text into your Glog, continued

Notice that when the titlebox is created that a

formatting taskbar appears as well.

Click the “Edit” buttonon the taskbar in orderto enter and edit text.

Page 30: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Inserting Text into your Glog, continued

Highlight the default text in the text box in order to type it what you want, as well as format your text.

Page 31: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Inserting Text into your Glog, continued

You can choose the color of your text in the text boxby clicking the color swatch on the format taskbar.

You can also create a link to a website and add effects to the text using the format taskbar.

Page 32: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Inserting Text into your Glog, continued

I will create additional text for the glog in a similar manner.

Page 33: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Inserting Text into your Glog,continued

As I add additional text, I can rotate the direction of the textif I choose.

Page 34: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Here is what mysample glog lookslike when I have

added the imagesand text that I

want.

Page 35: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Previewing your GlogTo see how your Glog looks,

Click the “Preview” button at the top of the page.

Page 36: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Previewing your Glog, continued

Once you have previewed your Glog, click the“Back To Edit” button at the top of the page.

Page 37: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Saving and/or Publishing your Glog

When you are ready to save and/or publish your Glog,Click the button labeled “Save or Publish”.

Page 38: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Saving and/or Publishing your Glog, continued

You will be prompted to nameyour Glog, choose one or morecategories that the glog will fit

Into, and any tags that are appropriate.

Choose whether the Glog is finished or unfinished,

and click “Save & Publish”.

Page 39: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Once your Glog is Published…You will be able to sharethe URL address toyour glog with others!

The URL of the blog islocated here for you to

copy and paste…

Page 40: Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School

Your Glogster DashboardAll of the Glogs you are in the process of creating or havepublished are available for viewing on the dashboard.