Image Map
Showing posts with label teacher tool. Show all posts
Showing posts with label teacher tool. Show all posts

Thursday, January 21, 2016

Chrome Extensions: Browser Tabaholics Unite

I'm a big fan of browser tabs because they allow me to run multiple websites simultaneously without having to click back and forth between windows. 

What's a Browser Tab?
This picture shows two tabs I have open {my Twitter page and this blog}:







How to Open a New Tab
Make sure you're in a web browser {I prefer Chrome}. Up by where you type in a web address, find and click the small square on the very right, as shown below:

You'll see "New Tab" to the right, like this:


From there, you can type in any web address or go to any bookmarked link you'd like. It's just like having multiple windows open, but it's easier to click back and forth between multiple pages now. 

How to Deal with Multiple Tabs
Once you know the trick for creating multiple browser tabs, you'll probably use it all the time. And then you'll become a tabaholic like I am, and your web browser will look like this on a normal day: 


Having that many tabs open at a time is bound to slow your computer down a bit, but there are a couple tricks you can use to help. 

This thing is awesome. After you install it, you'll see a funnel-like icon appear with the rest of your extensions:
Whenever you find yourself with too many tabs open, just click the OneTab funnel icon. Every tab you have open will be condensed into one, like this:


Click any of the titles of the webpages to open them again, or click "restore all" at the top of the page to open them all back up again. Rename the collection of tabs for convenience; you can see that I named the one above "Winter Blog Post" because it was a collection of resources for this post

Notice there is a menu under the time stamp. One of the options in that menu is the ability to share share all the links in a collection as a web page -- this is really handy for sharing several links with students if you didn't want to use, say, Symbaloo for that. Clicking "share as web page" generates a QR code that anyone can scan from a mobile device. Try it:
In that menu of options is the word "more." Click on it to reveal...well, more options. :) 


I can name the tab group this way {this is how I titled mine "Winter Blog Post"}, lock or star the tab group, and get to the OneTab help section this way. The help section goes into more detail about what each of these options does, but here's a synopsis:
  • Naming a tab group helps with organization and productivity -- it also allows you to send specific open tabs directly to that group without collecting all open links at once. 
  • Locking a collection helps eliminate the possibility to accidentally deleting it. It also allows you to restore any link and still keep the link in your tab group. 
  • Starring a tab group makes that collection always appear at the top of your list {similar to pinning a tweet on Twitter}. 

Maybe you're the type that opens articles or blog posts with the intention of reviewing them...and then you get caught up in other things and delay browsing those pages for a few days. If so, you can at least suspend those pages -- i.e. let your computer run faster -- until you get a chance to deal with them. 

After you install the extension, you should see a tab like this:


You don't have to do anything else, but I like to customize the extension just a bit. Click here {after you install the extension} to customize. Here's a peek at the options and what I use:


Once a tab suspends, it looks like this:


All you have to do to see the actual page content is click anywhere in the blue portion of the screen. {You can also whitelist that particular website by clicking the link at the very top of the screen, which means that it will no longer suspend automatically.} 

While not mandatory, extensions like these can help make your computer run a little faster if you're addicted to browser tabs. 

Monday, January 18, 2016

Chrome Extension: Page Eraser

Have you ever wanted to show your class a cool picture or article on a web page, but you couldn't because there was something else on that page that you didn't necessarily want them to see? {We could be talking about inappropriate sidebar ads, or we could just be talking about how you want to show the top part of an article before you show the bottom -- this doesn't just have to be ad-related.} There's a handy {and free} Chrome extension that might help solve that problem! 

Install the Extension
1. Make sure you have a Google account. {If you have a Gmail, YouTube, or Blogger account, you have a Google account. It's possible to connect an existing e-mail -- like your school e-mail -- to a Google account; ask me about that if you're interested in learning more! I definitely recommend separating personal from professional, so if you only have a personal Google account, I'd make another one specifically for school.}

2. Launch Google Chrome {download it here if you don't already have it}.

3. Sign in to your Google account on Chrome. {Click the small silhouette of a person in the top, right corner to sign in for the first time.}

4. Click here to view the PageEraser extension page. To install it, click the blue "add to Chrome" button in the top, right corner of the pop-up box.

To Use
1. Go to the web page of your choice. For the purposes of this demonstration, I'll use this CNN article about pizza wars. :) When I first visit it, the page looks like this:


2. Let's say that I don't want students to see the title because I want them to create their own title for this piece. I need to click on the PageEraser icon, which typically appears in the top, right of the browser and looks like this:
After I click the PageEraser icon, there's a green "on" button that appears on top of the icon so I know it's ready to use. I can click the title(s) of the article to make them disappear and then click the PageEraser icon to turn the eraser off so I can function normally on the page again. My new page looks like this:


The eraser doesn't work on videos, but it does work on text, pictures, and links. Here's what the page looks like after I erased the sidebars:



The most recent update of this extension allows it to remember what you erased, even when you refresh the page or restart your browser, which means you can plan ahead by erasing unwanted parts of the page before the day of your lesson.

To Restore a Page
To get rid of "erasings" {is that a word? I'm making it a word.} right-click on the Page Eraser icon and click "options." Select the check mark next to the page you just erased, and click "remove selected erasers," as shown below:


Then just go back to the original link and refresh the page.

Other Options
There are a couple of other options you can customize in Page Eraser. To get to them, right-click on the Page Eraser icon and click "options." Customize these features how you wish:


and click "save settings."

Ideas for Use
  • Hide unwanted ads or flash banners that AdBlockPlus doesn't catch.
  • Erase titles for an article so students can create their own title.
  • Hide captions of a photograph so students can create their own caption.
  • Erase photos in an article so students can tell you what they visualize as they read the article.
  • Find an online activity that isn't quite perfect for your students? Hide the parts you need students to skip. 
  • Don't want students to skip ahead in a web activity? Only show the first couple of steps. 
  • Want to show a photo or video from a popular Facebook page, but don't like all the commentary? Hide it! 
  • Want to show a YouTube clip but the top comment is inappropriate? Erase it! 

Tweet this tech tip

Thursday, January 7, 2016

Chrome Extension: Tab Scissors and Tab Glue

Have you ever been working on the Internet and needed to view two pages simultaneously? {The most obvious teacher situation that comes to mind would be when you have students submit work via a paperless channel such as SeesawGoogle Drive, or Dropbox, and then you need to transfer their grades over to the digital grade book, but there are lots of other instances where this might come in handy!} It can be annoying to keep clicking back and forth! You could open a new window and spend precious time trying to size them exactly right... or you could let free Chrome extensions {Tab Scissors and Tab Glue} do the work for you.

Install the Extensions
1. Make sure you have a Google account. {If you have a Gmail, YouTube, or Blogger account, you have a Google account. It's possible to connect an existing e-mail -- like your school e-mail -- to a Google account; ask me about that if you're interested in learning more! I definitely recommend separating personal from professional, so if you only have a personal Google account, I'd make another one specifically for school.}

2. Launch Google Chrome {download it here if you don't already have it}.

3. Sign in to your Google account on Chrome. {Click the small silhouette of a person in the top, right corner to sign in for the first time.}

4. Click here to view the Tab Scissors extension page. To install it, click the blue "add to Chrome" button in the top, right corner of the pop-up box.

5. Important: you must add the Glue extension, too! Click here to view the Tab Glue extension page. Install it the same way you installed the Tab Scissors extension.

To Use
1. You can have more, but you must have at least two tabs open in Chrome, as shown below:


{One tab is automatically opened when you launch your Chrome browser. To open a new tab right next to it, click the small square on the very right, as shown below.}

2. Click any tab except the first one. In the screenshots above, I knew that my second tab was selected because it a) was lighter than the other tab, b) appeared in front of the other tab, and c) I could see this technology blog on the screen. :)

3. Click the Tab Scissors to make a "cut" between the tabs:
{Your scissors and glue icons should appear somewhere in the top, right of your Chrome browser.}

4. The screen will split automatically, like this:


By default, it will split your screen right down the middle. If you want to change the size of either window, just hover in the middle until you get a double-sized arrow pointer. Then click and drag the window size to whatever you need.

If I'd had more than 2 tabs open, the split would occur right before the tab I had selected. For instance, let's say I had my Twitter page, technology blog, and Pinterest page all open in different tabs. If my technology blog was selected and showing on the screen when I clicked the Tab Scissors, my screen would be split with my Twitter page on the left and my tech blog and Pinterest page on the right.

5. When you're ready to go back to multiple tabs in one screen again, click the Tab Glue to paste them back together:


Saturday, June 6, 2015

Interactive Images on ThingLink

Happy summer break! I'm always torn at this time of year -- do I take a break or use this time "off" to start exploring ideas for next year?

For those of you on board with the latter idea, here's a tool you might want to play with over the summer: ThingLink

logo via the ThingLink website

I've known about ThingLink for a couple years now but didn't start using it until this year....and I wish I had started sooner. :) It's such a unique tool with so many possibilities!

What is ThingLink?

ThingLink describes themselves as a way to create interactive images. Basically, you upload a picture and then add "tags" to it. Adding a tag creates a bubble that pops up when moused over; this bubble can provide a link and/or text. 

via the ThingLink website

Free Features
  • Access via the web, iOS app, or Android app 
  • Create 1 group of up to 100 students by registering the students under your account (so kids don't need an e-mail address in order to log in) OR students can log themselves in with their existing Google account
  • Tag images and videos with text and links
  • Create slideshows with your ThingLinks
  • Students who are logged in can only see other students' and teachers' ThingLinks

Premium Features -- $35/year for the teacher (my fav capabilities are italicized)
  • Advanced tagging tools (like these rich media tag options)
  • Create up to 30 groups with up to 1,000 students
  • Students who are logged into their student account (under your name) have the same abilities as you do (except they can't tag videos)
  • Ability to present your ThingLink full-screen 
  • Replace the image on your ThingLink without losing any of your tags or other information
  • Access to wider variety of tag icons (100+ options)
  • Ability to make icons always appear (so that people don't have to mouse over the image in order to see the tags)
  • Upload custom tag icons
  • Use the rich-text editor on tags (include bold/italicized text)
  • Make images private
  • Customize the bubble and text color of your tags
  • Add multiple interactive images to create one slideshow (unlimited images can be added to a show)
  • Google Drive links work directly within the image (see the feedback form embedded into the bottom, right corner of this presentation ThingLink)
  • Remove the ThingLink logo at the bottom, right of your slides or replace with your own image

Gettin' Fancy

You can upload any picture to create a ThingLink, but I like to upload images I've created on my own. Click here for an example of a ThingLink where I created the image.

You can create your own image in basically any photo-editing site or app, but I actually just use Microsoft PowerPoint to create my images. This post reviews how to edit and save pictures in PPT. I just use a colored shape for the background, import the pictures I need, group it all together, and save as a picture. This post has a video tutorial that shows how I use PowerPoint and digital scrapbooking elements to create an image


Ideas for Use
  • Teachers (for students): give your students a paperless or flipped lesson (like this, this, and this) -- works really well if you're incorporating a lot of media (like a Blendspace + EDpuzzle or YouTube video + Prezi + Socrative quiz, etc.) 
  • Teachers (for other teachers): create a professional development session/workshop in ThingLink (like this)
  • Students (any subject): ask students to create a ThingLink as part of a culminating project to show their learning
  • Students (any subject): create a mini-research project 
  • Students (back to school): tag a personal image to create a "getting to know me" ThingLink at the beginning of the year
  • Students (ELA): upload a student-made illustration, and then place tags that tell a story all around the illustration (Ooh...could you do a "choose your own adventure" story with this?! My wheels are turning...)
  • Students (ELA): tag the image of a book cover to give reviews on the book, favorite quotes, descriptions of characters, and/or examples of literary elements
  • Students (geography): tag a collage of land forms with a student voice recording explaining what each land form is/looks like and can be found
  • Students (geography): tag the capitals on a map 
  • Students (history): tag a map where each battle in a war took place (describing each battle and telling who won)
  • Students (history/social studies): tag an image of a person as a mini-biography (this would be particularly handy if students were using lots of different tools to display facts about the person -- like a video or audio recording of the person from YouTube, a mock Facebook page for the person, a Voki depicting what that person might have said about issue, an iMovie with photos from the person's life, etc)
  • Students (science): tag a collage of the steps or results of an experiment with a student voice recording explaining what's happening in each picture, a website or video explaining why the results occurred, etc.
  • Students (science): tag a diagram -- say, of a cell or a flower -- with labels, and explain each part's function