Technology for Educators

December 14, 2010

Bit.ly Bundles: Bundle Your Links

Filed under: Social Bookmarking — Sue Frantz @ 6:51 pm

Last month I wrote about BridgeURL, a service that lets you bundle links together into one URL. Controls appear on either side of your browser window that allow you to cycle through the links. Here’s an example of a BridgeURL link. For those of you who are fans of bit.ly, the URL shortener service, they’ve recently added the ability to bundle URLs together.

Log in to your bit.ly account. Check the boxes next to the links you’d like to bundle together, and click ‘Bundle.’

Clicking ‘Bundle’ generates this page where you can add links to your newly created bundle. In this screenshot, you only see the first link. The other two are below it. You can revisit this bundle at any time to add links.

I’m going to change the title and give a description of the bundle.

This is what it now looks like.

When I click the ‘Share’ button, I get the screen below. If I click ‘Copy,’ the URL for my bundle is copied to my clipboard, and I can paste it anywhere I’d like. If I click customize, I can name the link anything that isn’t already taken. For instance, I customized this bundle to this: http://bit.ly/Correlations. If you’re giving links to students in paper form, customizing is the way to go. It’s easier for students to type in that URL than to type in random letters.

Once your bundle’s created, you can add links, remove links, and rearrange links. Go back into your bit.ly account, and click on the bundle. Or just follow the link that you created.

To add links, copy and paste your link into the box and click ‘Add to bundle.’ To edit your title or description, click on the title to change the title; click on the description to change the description. To delete or rearrange links, click the box directly above the ‘Add to bundle’ button. That will collapse all of your links so you’ll only see the titles. Click the garbage can to delete a link. To rearrange the links, mouse over a link, grab it with the hand that appears, and drag it to where you want it to go. That’s it. It’s automatically saved, and your previous customized URL will still work.

If you send your students out to the web to visit a number of sites, bundling makes it easier on you and your students. By editing your bundle, you can easily change an assignment without changing the URL you give to your students.

And for those of you have become QR code aficionados, point your smartphone here to go to this bit.ly bundle.

November 13, 2010

BridgeURL: One Web Address for Multiple URLs

Filed under: Social Bookmarking — Sue Frantz @ 12:59 pm

BridgeURL lets you save multiple web addresses in one web address. Send your students to one URL, and they can flip through them in a slideshow. BridgeURL is a brand new tool, and they are continuing to add features.

To create a BridgeURL, visit the BridgeURL website, create a title for your link, then enter your web addresses.

Click “Create Link.”

Here’s the link I created: http://bridgeurl.com/Sue-s-Favorite-Email-Tools. Follow this to see the links in ‘slideshow’ view. This is what it looks like in my browser. When I took this screenshot, I had my mouse hovering over the right side of the screen. Clicking ‘next’ will take you to the second URL I entered. Mouse over the right side of the screen to go to the previous URL, in this case it would be the fifth URL I had entered.

 

 

 

 

 

 

 

 

Quirks:

It uses your title to create the URL. If that title is already in use, BridgeURL won’t generate a new URL, but it also won’t give you an error message. The page just sits there, staring at you blankly.

Websites that don’t allow the use of IFrames (like Facebook) won’t display in the slideshow view. BridgeURL has an ‘all’ option. Just add “all” to the end of your BridgeURL to get this view (for example, http://bridgeurl.com/Sue-s-Favorite-Email-Tools/all ). Click on the URLs individually, or if you click “open all links at once,” all of the links will open in your browser, each one opening in a new tab.

Bonus tip:

If you want your students to visit several websites, such as NY Times articles, this is a terrific way to package them all together. Use this service in combination with MarkUp.io, WebNotes, or Eyejot. Add your annotations to a website using one of those services, then take those created URLs and add them to BridgeURL to create one URL. Keep in mind that students will be viewing the websites in whatever order you choose.

[Thanks to Mashable for posting information about this resource! http://mashable.com/2010/11/09/bridgeurl]

November 11, 2010

Eyejot: Video Record Your Email

Filed under: Email,Social Bookmarking,Video — Sue Frantz @ 3:53 pm

For those who worry about being misunderstood in email, how about video recording your message instead? The cleverly named Eyejot provides an easy web-based user interface for recording and emailing video. They also provide a bookmarklet, a small program that runs inside your web browser, for attaching your own video commentary to web pages. Their bookmarklet is called “Eyejot This!” You just drag the bookmark to your browser’s bookmarks toolbar. Surf to any website, click the “Eyejot This!” bookmark. This window will appear – with your face on the screen, if your webcam is working. Hopefully you won’t see my face on your screen. That would just be creepy.

Click the red record button. Say what you’d like to say. Hit the square black stop button. Type in the email address of who you’d like to send it to. Send a copy to yourself if you’d like the URL. Eyejot keeps your old videos in your online Eyejot account; you can forward or delete previously recorded videos.

I used the Eyejot bookmarklet to record a video. I then emailed it to myself using Eyejot‘s interface. This is what the email looks like:

The text of the email reads “click on the image below or here to watch video.” When you click the link, this is where you’re sent. Check it out.

Of course you don’t have to tie your video recording to a website. You can record a stand-alone video. When I log in to Eyejot, this is what I see:

My inbox holds Eyejot videos others have sent to me. As you can see that’s empty. The sent tab shows my recordings. The deleted tab is more like the recycling bin. When I delete a video, it goes to that tab until I go in there and REALLY delete it. To record a new message, click “compose new message.” That turns on my webcam and launches this popup window:

When I’m done recording, I type in an appropriate subject line, the email addresses of my recipients, add any written commentary I’d like to add, and include an attachment if I’d like. Click “send eyejot,” and that’s it. To cancel a message, click the X in the top right corner of the video recording screen.

Before the beginning of a new term, I email my students with a link to my course website. Next term, I think I’ll add a little video commentary for a more personal touch. Eyejot is free for users who are fine limiting their recordings to one minute. If you’re on the wordy side, $29.95/year gets you five minutes of camera time.

October 30, 2010

MarkUp: Write on Web Pages

Filed under: Collaboration,Social Bookmarking — Sue Frantz @ 8:55 am

I have an assignment where I ask students to read a NY Times article on what constitutes good study habits. I ask students to identify the recommendations in the article and then evaluate their own study habits, noting any changes they intend to make. Since this is for an intro psych course, I also ask students to identify the independent variable and dependent variable in one of the studies described in the article. Right now I just let students pick from the few studies that are reported. If I wanted students to identify the variables in a particular study, I would have to describe the study in the instructions for the assignment.

Enter Markup.io. Here I drew a box around the description of the study, then I added some text and an arrow.

There’s no service to sign up for. There’s nothing to download. You just mark up a webpage, click the publish button, and Markup generates a new web address. You can visit the webpage I marked up here: http://markup.io/v/fc6jmvrcft14.

Here’s how it works. Visit Markup.io. In the bottom right corner of that page, there’s a black box with white lettering that reads “drag to bookmarks bar.” Do that. Click there and drag it to your bookmarks toolbar in your web browser. This is what it looks like in my browser:

[At this point, I strongly encourage you to visit Markup.io, add the bookmark to your toolbar and follow along as I describe how Markup works. It’s much easier than I am able to convey in this post.]

Visit any webpage that you like. I’ll visit the study habits article. Click on Markup in your bookmarks toolbar. In the top right corner of your webpage, Markup will load this toolbar:

The first icon is a pencil. See the little tiny triangle at the bottom right of that icon? That tells you that that icon has other tools available. Clicking the pencil icon generates this dropdown menu.

The pencil lets you draw freeform. The arrow, square, circle, and line tools provide a more constrained image. They’re just like working with shapes in MS Word.

The Tt icon is for text. Click that icon, then click anywhere on the webpage where you would like to add text. While you can’t see a text box, it is like working with text boxes in MS Word.

Click the red box icon to see the color palette. Click a different color to change colors.

The next icon is a line-thickness control. Want a thicker line? Grab the gray arrow and slide it to the right.

 

Tips.

When you’re working with a particular image on the screen, say a box that you’ve just created, the box will sort of glow. It’s a subtle difference.

Box deselected.

 

Box selected

 

 

Click on a box to select it. It will glow to confirm that you did indeed select it. Now you can grab and move it. You can delete it, by just hitting the delete key on your keyboard. You can change the width of the lines with the slider tool, and you can change the color by using the color palette. You cannot resize it, though. If you need it to be a different size, just delete it and draw a new one.

After you’ve added some text with the Tt icon, click on the drawing (pencil) icon. Now when you mouse over the text, you can see the box around the text, and you can grab and move it wherever you’d like. As long as the text box is highlighted, you can change the font size by using the slider (move the slide to the right to increase the size of the font) and the font color by using the color palette.

 

Ready to publish.

You’ve finished marking up the page and are ready to make it publicly available to your students. Click the i icon.

That will generate this pop-up window.

Grab the green arrow and drag it to the right. If you’re not ready to publish, click the x in the top left corner to cancel.

 

Sliding to publish will generate this pop-up.

Highlight the URL, and copy it. (To copy, CTRL-C, or right click on it and select copy.) Click the x in the top left corner to close the pop-up.

 

 

 

Sharing the URL.

Give your students the Markup URL that was generated for your marked up page. When they visit the page, Markup loads a toolbar in the top right corner of the page.

Clicking “respond” will let visitors to the page add their own comments and drawings. It generates this pop-up window.

“Keep Marks” lets visitors add to your mark up. “Start Fresh,” unsurprisingly, erases your marks. In either case, visitors to your page then get the original Markup toolbar that you used to create your marks. When they publish, they’ll get a new URL. Your original URL will still take people to your marked up page.

Important note. Markup works by taking a screenshot of the webpage. That means that the hyperlinks no longer work. Clicking I in either the original or the respond toolbars will give the option to return to the original webpage.

As always, if you try it out, let me know how it works for you!

April 18, 2009

Share Your Bookmarks: Mmmm…. Delicious!

Filed under: Social Bookmarking — Sue Frantz @ 8:44 am
Tags: , ,

You’re sitting at home, and you come across an amazing website that you think is perfect for your students.  How do you get it out to them?

  1. I wait and tell them in class.
  2. I email them.
  3. I add an announcement to my course management system.
  4. I add a link to my website.
  5. I just bookmark it and let Delicious do the rest.

I mentioned in an earlier post that cloud computing is taking content off your computer and moving it up into the internet ‘cloud.’ You can take your bookmarks out of your browser and move them to where you can access them from any computer. (You’re already thinking how great it would be to have the same bookmarks on your home and office computer, aren’t you?) You can also decide which of those bookmarks you would like your students to have access to, and you can automatically post those bookmark updates to your website or your course management system.

And, yes, you can designate whether you’d like a particular bookmark to be public or private. Just because you can share doesn’t mean you have to!

Viewing bookmarks.

If you visit my Delicious bookmarks, where my online moniker is ripley32, this is pretty much what you would see. Because these are my bookmarks, I have the option to do things like edit and delete bookmarks that obviously visitors don’t have.

Here you can see my bookmarks, organized by date with the most recent at the top. The numbers in the blue boxes tell me how many other Delicious users have bookmarked that site. Three of these links have descriptions; I added those when I bookmarked them. Each also has ‘tags’ that I typed in on my own at the time I made the bookmark. On the far right you can see my tags. Tags just make for easy searching.


Let’s say that you were only interested in seeing the videos that I have bookmarked. Clicking the ‘video’ tag gives you just the 46 bookmarks that I tagged ‘video.’

Now I see just those ‘video’ bookmarks, and on the right I now get ‘related’ tags. I can see that 5 bookmarks that carry the video tag also carry the cognition tag. Clicking on ‘cognition’ will give me just those 5 videos that I said relate to cognition. If you did that, we’d go down one more level where you’d see that of the videos that are tagged video and cognition, there are 2 that are tagged ‘language.’ Clicking that tag would just give you those 2.


If you didn’t share your bookmarks with another soul, Delicious is incredibly valuable for organizing the dozens and dozens of bookmarks you have. Now is probably a good time to mention that Delicious makes it easy to move your bookmarks off your computer and into your Delicious account. After logging in, go to ‘Settings,’ and then upload your bookmarks. You can also download your bookmarks to your browser if you’re so inclined.


The social part of social bookmarking.

Do you have your RSS feed reader set up? (For more on RSS feed readers, see this blog post.) Let’s say that you’ve found my bookmarks so interesting that you want to know when I add something new. Scroll to the bottom of my bookmarks page and click ‘RSS feed for these bookmarks.’ Any bookmark I add will be sent to your RSS feed reader. If you’re only interested in hearing about new videos I bookmark, click on the ‘video’ tag, then scroll to the bottom of that page and click the RSS feed link. You’ll only hear about my new bookmarks that I’ve tagged ‘video.’ If you’re only interested in new video bookmarks that are cognition-related, click on ‘cognition’ under ‘related tags,’ then… you get the idea.

Saving new bookmarks.

Delicious makes it easy for you to save new bookmarks.


When you download the Delicious toolbar for Firefox or IE, two new icons are added to your navigation toolbar, just left of the URL. The blue one with the white stripe that looks like a bookmark takes you to your bookmarks. The other tag is for creating new bookmarks. Visit the page you want to bookmark, then click the ‘TAG’ button. A box pops up with the page URL and the page title pre-entered, the latter of which you are free to change. Add any notes you’d like to include, type in your tags, and click the ‘do not share’ box if you’d like to keep this bookmark private so only you can see it. Click ‘Save,’ and you’re done.

Posting bookmarks to your website or course management system.

This is a snapshot taken of my Intro to Psych main webpage. My Delicious bookmarks (not the ones designated as private) show up as a ‘link roll,’ the term used for ‘rolling links.’ Although you can only see 2 links here, there are 15 on the actual page. When I add a new bookmark to Delicious, the bookmark pops in at the top of the list and the bottom one rolls off. The descriptions for each bookmark are what I added in the ‘notes’ field when I created the tag; you can edit that whenever you’d like. If you visit the page, clicking on the title will take you to my Delicious bookmarks. Clicking a bookmark will take you to the bookmarked website.


You can also create link rolls based on tags. For instance, I post pages that contain my lecture outlines as well as other content my students might find helpful or interesting. On these pages I’ve added link rolls specifically related to that content. Here’s an example from my neuroscience page where the only links that appear are the ones I have tagged ‘brain.’


To create a link roll, go to ‘Settings.’


Scroll down to the bottom of the page and click on ‘Link Rolls.’ On that page, choose your ‘display options,’ such as title and the tags you want (if you choose video and cognition, it will just give you the bookmarks that have both tags). How the link roll will look is displayed on the right. Once it’s configured to your liking, scroll to the top of the page and copy the html code. Go to wherever you edit your webpage, put the cursor where you’d like the link roll to appear, switch to html view, and paste the html code.

Tag Rolls

Instead of posting the link titles, you can just post your tags as a ‘cloud.’ The tags with the most bookmarks are bigger. Visitors can click on a tag to see all of the bookmarks for that particular tag. You can add this to your website in the same way you added link rolls. Visit ‘Settings,’ scroll to the bottom, and click ‘Tag Rolls.’ Select the parameters you’d like, then copy the code. Edit the webpage where you would like to include the tag roll, switch to html view, and paste the code.


Mmmmm…. Delicious!



Blog at WordPress.com.

%d bloggers like this: