Glogster Presentation - Adapted


Published on

introduction to using Glogster for students

Published in: Technology, Art & Photos
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Glogster Presentation - Adapted

  1. 1. Glog All! Presentation adapted by Ms. Hopkins Jan McGee, Technology Coordinator Library Coordinator Ouachita Parish School System [email_address] Glog One! Glog On! Glog On!
  2. 2. A Glog is like a poster . . . only better <ul><li>Glogs allow students to create an online poster using </li></ul><ul><ul><ul><li>photographs </li></ul></ul></ul><ul><ul><ul><li>images </li></ul></ul></ul><ul><ul><ul><li>graphics </li></ul></ul></ul><ul><ul><ul><li>video files </li></ul></ul></ul><ul><ul><ul><li>sound files </li></ul></ul></ul><ul><ul><ul><li>hyperlinks </li></ul></ul></ul>
  3. 3. Example: Book/Author Project <ul><li>Images </li></ul><ul><li>Video </li></ul><ul><li>Text </li></ul><ul><li>Hyperlinks </li></ul>
  4. 4. Create Glog <ul><li>A blank glog screen will appear. </li></ul>
  5. 5. To Remove Page Elements <ul><li>Remove page elements by selecting it, then clicking the red trash can that appears. </li></ul>
  6. 6. Magnet Toolbar <ul><li>Use the magnet toolbar to add page elements </li></ul><ul><li>Toolbar will slide up and down the page </li></ul><ul><li>Begin with the “Wall” tool to select a background </li></ul><ul><li>Once other page elements have been added, the wall cannot be changed </li></ul>
  7. 7. Naming Your Glog <ul><li>At the top of the glog screen, there will be a rectangular box labeled “ Glog name ” next to it. When you first open your glog, it is only identified with a glog number. Click in the box and give your glog a unique name. </li></ul>
  8. 8. Save and Publish <ul><li>Select a category. </li></ul><ul><li>Add some “tags” to make it more searchable </li></ul><ul><li>Mark as “ Public ” or “ Private .” </li></ul><ul><li>Click “Save & Publish” </li></ul>You will be taken back to your main blog screen with the option to “ View ” or “ Continue Editing .”
  9. 9. Glog Wall & Page Wall <ul><li>The Glog wall is the background for the main part of the glog. </li></ul><ul><li>The page wall is like an outside border or frame. </li></ul><ul><li>Select “Wall” from toolbar </li></ul><ul><li>Backgrounds are arranged by themes </li></ul><ul><li>Select a “Glog Wall” </li></ul><ul><li>Click “Use it” </li></ul><ul><li>Select a “Page Wall” </li></ul>
  10. 10. Text <ul><li>To add text, select “ TEXT ” from the toolbar </li></ul><ul><li>Choose a textbox (default), a title box, bubbles or stickers for your text </li></ul><ul><li>A wide variety of text box styles are available from each category </li></ul><ul><li>TIP: Text boxes are square. Titles are rectangular, as in a banner or heading </li></ul>
  11. 11. Add a Title <ul><li>Select “ Title ” </li></ul><ul><li>View the sample styles by clicking the numbers at the bottom of the screen or by clicking the list of styles on the left-hand side of the screen. </li></ul><ul><li>Basic title creates a title without a frame. </li></ul>
  12. 12. Titles <ul><li>Select the style you want and click “ USE IT .” </li></ul><ul><li>The textbox will appear at the bottom of your glog screen. </li></ul>
  13. 13. Title Fonts <ul><li>The title appears as “ poster yourself ” </li></ul><ul><li>Click the “EDIT” button to change/ add text </li></ul><ul><li>Click “ Ab1 ” to change to font style, color, size or justification </li></ul>
  14. 14. Title Effects <ul><li>Click the “fx” button to create special effects such as title shadows </li></ul><ul><li>Change the shadow, use a blur effect, adjust the distance, angle, etc. </li></ul><ul><li>Click “APPLY” </li></ul><ul><li>Click “OK” </li></ul>
  15. 15. Adding a Hyperlink to a Title <ul><li>To hyperlink your title to a website, select the link button </li></ul><ul><li>An “Add URL” window will open </li></ul><ul><li>Paste the URL of the website into the “Link” box </li></ul><ul><li>Click “APPLY” </li></ul>
  16. 16. Creating Text Boxes <ul><li>To create a regular (square) textbox, select “TEXT” on the toolbar </li></ul><ul><li>Choose “Sticker” from the text menu list. </li></ul>
  17. 17. Text Box Styles <ul><li>“ Basic Text” creates a box without a frame. The other styles appear as a “sticker” in which text may be typed. </li></ul><ul><li>Select a style </li></ul><ul><li>Click “USE IT” </li></ul>
  18. 18. Text Effects <ul><li>Font styles, size, color and alignment are accessed from the same Menu icons used with Title effects. </li></ul><ul><li>Hyperlinks may also be added to text boxes and stickers. </li></ul>
  19. 19. Images <ul><li>Locate images from the Internet, digital camera, or other sources and save to a folder on computer </li></ul><ul><li>Click “IMAGE” on menu </li></ul><ul><li>Select “UPLOAD” button </li></ul>
  20. 20. Uploading Images <ul><li>Browse to folder </li></ul><ul><li>Select the image </li></ul><ul><li>Click “Open” </li></ul><ul><li>Image will upload to image collection. </li></ul>
  21. 21. Adding the Image <ul><li>Select image </li></ul><ul><li>Image will appear on the right </li></ul><ul><li>Click “USE IT” to add it to glog </li></ul><ul><li>OR </li></ul><ul><li>Add a frame by clicking “ADD A FRAME” button </li></ul>
  22. 22. Adding a Frame <ul><li>Use menu on left to view and select a frame around image </li></ul><ul><li>Click “USE IT” to add image and frame to glog </li></ul><ul><li>Remove a frame before adding to glog by choosing “Basic” frame </li></ul>
  23. 23. Image Adjustment <ul><li>Adjust size and placement of image using handles on side </li></ul><ul><li>Use menu bar above image to bring image forward, send to back for layering or duplicate image. </li></ul><ul><li>Choose trash can to delete image. </li></ul>Bring to front Send to back Clone image
  24. 24. Hyperlink to Image <ul><li>Select image </li></ul><ul><li>Click “EDIT” </li></ul><ul><li>Select link button on menu </li></ul><ul><li>Paste or type URL into link box </li></ul><ul><li>Click “APPLY” </li></ul>
  25. 25. Add Video File <ul><li>Select “Video” from Magnet Toolbar </li></ul><ul><li>Click “UPLOAD” to navigate to a downloaded video on your computer (such as a video from UnitedStreaming ) </li></ul><ul><li>OR </li></ul>
  26. 26. Link to Web-based Video <ul><li>Click “LINK” to add a web-based video from YouTube , TeacherTube or other online video resource </li></ul><ul><li>Paste or type the URL of the video </li></ul><ul><li>Click “ADD TO YOUR FILES” </li></ul>
  27. 27. Web-based Video <ul><li>Video will be added to library </li></ul><ul><li>Select video </li></ul><ul><li>Choose a player or frame by selecting “Add a Player” button </li></ul><ul><li>Click “USE IT” </li></ul>
  28. 28. Add an Audio File <ul><li>Audio files are added in the same manner as video files </li></ul><ul><li>Choose “SOUND” from the Magnet Toolbar </li></ul><ul><li>Select “UPLOAD” for downloaded sound file </li></ul><ul><li>OR </li></ul><ul><li>Select “LINK” to an audio file on the web </li></ul>
  29. 29. Audio File and Frame <ul><li>Choose a player frame from the themes menu </li></ul><ul><li>OR </li></ul><ul><li>Use “as is” </li></ul><ul><li>Click “USE IT” </li></ul>
  30. 30. Add Graphics <ul><li>Select “Graphics” from Magnet Tools </li></ul><ul><li>Choose a graphic from any of the themes on menu </li></ul><ul><li>Select “USE IT” </li></ul><ul><li>NOTE: Some graphics are animated </li></ul>
  31. 31. Save and Publish <ul><li>Select “SAVE & PUBLISH” from top menu of glog </li></ul><ul><li>Edit name, category, or tags if needed </li></ul><ul><li>Optional: Change from “Private” to “Public” </li></ul><ul><li>Click “SAVE & PUBLISH” </li></ul>
  32. 32. Publishing and Sharing Glog <ul><li>Use this screen to view glog, email glog, or post to web </li></ul><ul><li>Use URL link to post a link on a website or wiki </li></ul><ul><li>Click “Email” to email link </li></ul><ul><li>Click “Copy” button to copy html code to embed </li></ul>URL Link Email Copy HTML
  33. 33. Miniature Copy of Glog <ul><li>Locate and click “+SHARE GLOG” at bottom right of screen </li></ul>
  34. 34. Miniature Version of Glog <ul><li>Click “COPY” button to copy HTML code </li></ul><ul><li>Paste code into website or wiki for a downsized, working version of wiki </li></ul>
  35. 35. A Glog is like a poster. . . . . . . . . Only BETTER
  36. 36. Glog ON!