If You Widget It: They Might Use It

Building Library Widgets for your Online Learning Platforms

Amanda Lemon, OCCC & Toni Hoberecht, OU-Tulsa

Presentation webpage

From the presenters’ setup, it looked like it would be fun, even though we’d be talking about HTML some. 🙂

Presenters are at two different institutions; two different learning platforms.

Widgets are small boxes of code that can be embedded in websites.

Explanation of a widget using a bottle of wine, using a Prezi presentation & live props.

  • Bottle of wine–>decanter–>wine glass.
  • Bottle of wine–>winery aerator place in glass–>instantly funnels the wine into the glass. (This is a widget).

Widget::Wine analogy

  • Bottle of wine (rich): this is the resources, the OPAC, the databases
  • Decanter: URL/hyperlinks
  • Glass of Wine: Your End User

The aerator acts as the widget. They get the information direct where they want it in the glass. No separate container needed.

Discussion of More Than Two Hours of Daily TV, Video Game Time Can Cause Attention Problems and Hooked on Gadgets and Paying a Mental Price.

  • The end users aren’t going to just go to a different site.

The default Resources page in the OCCC Angel interface has built-in boxes for Wikipedia and Google. Where’s the library??? It wasn’t there.

They got a presence there first by having a widget built for the library catalog. Ongoing issues getting a database widget placed there.

The widget simplifies the search for the end user.

Creating the Widget

The widget parts:

  • title
  • description of what it does
  • a graphic
  • the search box
  • button;
  • link to the site

Don’t use Word to write the code. It adds “helpful” code. Use notepad, naming the file, “name.html” — using .html allows you to open the file in a web browser.

We’re making a little segmented area to put our widget onto an already existing information.

Div tag = container

At this point the presenters walked the audience through building a widget. Their presentation discussion thread works through some of this process. A couple of notes

  1. Finding the unique searching URL can be complex.
  2. LibraryWebchic.net/mashups can help out.
  3. Presenters suggested to look at others pages & source code to start get possible ideas.

The steps in summary:

  1. Make Widget in Notepad.
  2. Save as HTML file.
  3. Email file to LMS admin.
  4. Admin does the rest.

I really enjoyed this session. Even though I’ve been doing HTML coding for years, off and on, part of being self-taught means you do miss out on certain things. It was good to fill in some of the gaps in my knowledge. Also, watching someone else teach this was quite helpful for seeing other methods to teach the same times of hardcore techie skills to people who aren’t hardcore techies. I definitely learned some strategies. Analogies (like the wine bottle) are the key. The biggest thing that techies need to remember is to watch the terminology and if you’re told that people don’t understand, step back and think of an analogy of the techie skill you’re teaching that your audience can relate to. For non-techies, the biggest thing to remember is to ask for clarification if you’re confused.

A New Look at COIL: Customizing Online Information Literacy

Went to this session; honestly, I don’t like being critical of session, but I’d hoped it had been a lot more than it turned out to be. Presenter focused on using a hardcoded tutorial and talked a lot about code. More fruitful discussion was when she started talking about direct contact with students. Point mentioned that younger faculty thinks students can use everything online (Not true) and don’t send students to the library as much. She hands out her business card so students can contact her directly more and more.

Notes from this session are below.

Presenter: Elizabeth (Beth) Jones (OCU)

Modules:

Modules use quizzes to show what students are learning and retaining the information. Grade doesn’t matter. Stickiness is the point. The quiz is designed to hold the answers if students need to click on the information areas of the tutorials to review the answers.

Uses:

  • research instruction sessions
  • graded assignments
  • distance learning

Design considerations

  • first set should be generic or for lower level English courses
  • What types of info will be standard across the disciplines?
  • What areas will be different?
  • Keep it short.

Tools

  • Using Desktop software: Adobe Dreamweaver; FTP Commander; HTML; Javascript; Visual Basic
  • Another suggested tool to use it working with a CMS?
  • Access Database reading — Visual Basic.

Customization

  • What is different about this area/discipline?
  • Change all examples or excerpts to discipline specific ones.
  • Change all citations to the approved style for the discipline.

Coding

  • Uses spry method within Dreamweaver

Questions

Pre-test/post-test used to compare progress? Hasn’t been implemented yet?

Right now correct/incorrect displays; eventually go back and put in more information for why choice was wrong.

Jquery mentioned as an alternative to straight Javascript.

unCOILED workshop Keynote panel

The keynote panel is comprised of the presenters of the different sessions today. Interesting idea. A way for everyone to hear at a least a bit from each of the sessions:

  • Elizabeth Jones, OCU
  • David Oberhelman, Hui-Fen Chang, and Helen Clements, OSU
  • Dennis Miles, SOSU
  • Amanda Lemon, OCCC and Toni Hoberecht, OU-Tulsa
  • Kathryn Plunkett, SOSU
  • Casey Ashe, TCC

Describe the project you will be talking about today, and the biggest roadblock you overcame on the way to implementing it.

  • IM chat: not just supply the answer and but teach those at the other end how to find the answer; had to learn from others
  • Widgets: Will be able to build a widget after this session; had to learn to code
  • LibGuides — faculty embedding these in their courses online. Just getting started. What it is and what it can do to help reach out to distance learners.
  • For-credit IL class online: Difficulties teaching in an online environment; switching from F2F to online environment; challenges were working with administration getting the course set up.
  • new look at COIL: customizing IL for different subject areas and designing it to fit the different professors’ need.
  • Second Life: facilitate teaching within it; challenges: takes a year to get used  to the environment (not like WoW)

Is it easier or harder to provide library instruction for DL than F2F students? Why?

  • Toni: Distance ed lacks the human component. Hard to compensate for that in teaching. We’re going to have to make it work but it’s hard. (Comment: How can this challenge be overcome? Live video cameras? Live voice? Blogging? What types of interaction? Has research been done on what the students think?)
  • Helen: Agrees; students said being f2f did make a difference, even if it’s just once.
  • Casey: engaging them in the different parts of the process is difficult.
  • Kathryn: it’s hard now bc it’s new, but it’s the future. It’s forcing us to be really relook at our teaching. Have to look at different ways of learning to reach different learners. Creativity & flexibility.
  • David: competition from online universities; humans interact better f2f. Find ways to bridge that gap online. How to bring in the in-person interaction experience?

How can libraries most effectively connect with Distance Learners?

  • Casey: much more important now to connect with the faculty in this environment; collaboration with the faculty much more significant
  • Toni: Proximity is everything. Try to insert your access to students when they need you. Predict when the assignment begins; cooperation with faculty.
  • Kathryn: chat is perfect example of this; students were there first and then we adopted it. They are already comfortable with this platform.
  • Beth: marketing is important; make sure students know how to contact us. Make the library’s name prominent and easy to find.
  • Amanda: online option to ask questions is important. Majority of her libraries’ reference qs come online. Students are so appreciative of the online interface to ask questions because they don’t like the phone.
  • Text message reference experimentation: OCCC uses (not marketed much); it’s what’s next.
  • Google Voice # for text chat and then shows up in the chat interface. Google Voice can be used for receiving texts in a chat <– will have to look into this.
  • AIM hack through Meebo text chat is a free way. (but doesn’t work well)

What Web 2.0 technology do you think is the most overrated for distance library services or libraries in general, and why?

  • Twitter (many on the panel don’t like it; don’t get it; Amanda sees both sides of Twitter’s uses)
  • Facebook
  • Library tutorial videos; Amanda spends a lot of time on them, but feels students don’t use them. Thinks they get used because professor sends link out. How to gauge their effectiveness? BYU video mentioned as a great video; many others are boring. Too long. 4 minutes; but that’s way too long, still. ASU library Minute videos are good. The length is the key. People show those in their instruction sessions. Atomic learning ones are really quick too. XKCD on library websites. In Plain English videos by Common Craft

What do you think Distance learning library instruction will look like in 5 years (at your institution and beyond?)

  • More of it for sure
  • Half f2f/half online in 5 years
  • 5-10 years will be doing much more on cell phones & touch screens (5 years?? sooner than that!!)
  • working from home.
  • Digital divide discussion. Rural vs. urban? How are you going to provide distance learning to those in the rural areas who don’t have decent Internet access at their homes, remotely? Even the public libraries where these students could go are struggling to keep up with technology (fund it; pay for internet access; have enough computers to meet all needs).

Open Discussion

  • Bring the legislators into the more rural areas and show them the reality of the broadband and cell phone situations. That’s a really really good point.
  • Instructional content packaged for textbooks. Rather than giving them a website to go to, give them packaged content in a DVD. (Comment: schools, blocking social networking sites (wikis, youtube, etc.), this isn’t a good idea; issue here is working with the schools to show them how these tools are good and why they need to be accessible)
  • Discussion on info lit teaching; missed some of the discussion.
  • Web camera usage: open class period to talk over the web chat. It’s coming. The exchange is so much richer. It’s available now. It’s just getting the camera to use. Someone has used Skype and Dim Dim with her students. “Ignorance is nice.” “How did you do that? I don’t know. I hit the button and it works.”

Session Four & Day Two of Summer Institute

I unfortunately had to leave the Summer Institute after the third session yesterday, and missed session four of Buffy’s talk on Tools for Transparency, Advocacy, and Instructional Leadership. Check out her LibGuide resources for Part Four to see what she covered. I will post a link to her slides here when they are posted online.

I left the Institute, because I went and picked up author and illustrator Mark Crilley from the airport. He was to speak today to the Summer Institute group about his books and his career as an author and illustrator. I had a great time visiting with him on the trip back to Emporia, and discovered along with his writing, he also has a YouTube channel where he demonstrates a lot of drawing tips. It’s worth checking out!

I also missed Mark’s talks today, along with Mickey Coalwell & Royce Kitts’ presentation on graphic novels, because I drove Buffy Hamilton back to the airport for her flight out. If I become aware of any online resources from either presentation, I will post it here.

Update: “The Cat” from the State Library of Kansas has a great summary post about day 2 of the institute up over on the State Library of Kansas news blog. The post includes links to the slides from Royce & Mickey’s presentations.

I had a wonderful time visiting with Buffy on both trips to and from the airport. Such an amazing and inspiring librarian. If you haven’t checked out her own online resources, or her school library’s resources, you really must! It was really great to have her in Kansas. I hope all the school librarians who were able to be at the Summer Institute enjoyed her presentations and the discussion times & if you weren’t able to be there, that these blog posts were helpful to you in some way. Here’s several links to those resources (but I realize it’s not everything).

Session Three: Tools for Transliteracy

Couple more things on Session 2:

Important to share what we’re all doing, so we learn from each other and find new ideas. LibGuide for Session 3 Tools for Transliteracy (wishing the entire Libraries & Transliteracy crew could be here, including Bobbi Newman & Brian Hulsey) Transliteracy term. Been around 20 years, but last 6-9 months lots of conversation around it. Librarian circles, language educators, especially.

  • “help our students learn multiple ways of reading and writing today’s world by acting as sponsors of transliteracy”
  • Transliteracy is the ability to read, write and interact across a range of platforms, tool and media from signing and orality through handwriting, print, TV, radio and film, to digital social networks (not just technology).
  • “a sponsor of literacy includes any agent who enables, supports, teaches, and models, as well as recruits, regulates, suppresses, or withholds it” –Deborah Brandt, Literacy in American Lives, ethnography story about literacy. Libraries were rarely mentioned in this study, surprisingly; study from 10 years ago)
  • “Literacy is the energy supply of the information age” –Deborah Brandt
  • Bobbi Newman sees key literacy in next few months as the literacy of privacy issues (Facebook; Google; other sites)
  • Danah Boyd & Clay Shirky have been also writing a lot about literacy topics the past several months
  • “as new and powerful forms of literacy emerge, they diminish the reach and possibilities of receding ones” –Deborah Brandt
  • Doug Johnson, “Blue-Skunk Blog”, “Are we moving toward a post-literate society?”
  • Are we helping students learn these new literacies? Are we bridging the digital divide gap?
  • Henry Jenkins
  • “The idea that literacy is only print materials is about to disappear”
  • “We’re on the cusp of profound changes in what counts as “text” and literacy”
  • “Helping patrons and stakeholders understand the expanding definition of literacy is a muddy but playful endeavor”
  • “We have to make sure schools and libraries invite critical and active uses of media that strengthen our democratic potential.” –Deborah Brandt
  • Example of night school class researching and writing persuasive essays about the 2008 presidential election. Primary sources? Candidates YouTube channels, Twitter stream. Students suddenly engaged & interested. Also had side conversations about are these sources unbiased, accurate?
  • Knight Foundation recommendation 6: integrate digital and media literacy as critical elements for education at all levels through collaboration among federal, state, and local education officials.” (Link is to the full report)
  • As sponsors of transliteracy, libraries can close the participation gap; we may be in a better place of introducing these tools

What does transliteracy look like in a school library?

  • Privilege and support multiple containers and pathways to information; can’t just have books. Don’t throw away the books, but what are other alternative containers for info. Doug Johnson “It’s the content, not the container”
    • eReaders
    • fight the filter to give access to other sources of info like YouTube
  • Teach students multiple and dynamic ways of connecting with real world experts to help answer their questions
  • Teach students collaborate tools for creating and sharing knowledge
    • Voicethreads used in research projects
    • Skype
    • Blogging
    • Wikis
    • Social Bookmarking
    • Diigo
    • Evernote
    • Student created netvibes portal — definitely exhibits a multitude of these literacies
    • This doesn’t replace text literacy, necessarily. But if it enhances learning, and especially engages students, it’s worth it. Those that struggle with traditional text, might shine with alternative literacies and representing their work and resource.
    • Differentiating instruction and Howard Gardner’s Multiple Intelligencies
    • “Three Little Pigs” eBook iPhone app, written & illustrated by a 1st grader
    • Virginia and Her iPad (almost 100-year old woman reads again and publishes poems thanks to her iPad)
    • Using their phones to talk about books (Texting) — Wendy Stephens
    • Haiku poetry through Twitter (@AllieTweetTweet)
  • Instead of writing a reflection on a blog, record a vlog.
  • Tips for Writing an Email (and other things you assume students know)
  • Google has lots of pre-existing videos
  • Sue Thomas lecture on transliteracy video
  • Everyday Transliteracy video from Brian Hulsey
    • Blueberry smoothie recipe
    • Send info through email, share a link through Twitter, Facebook, write about experiencing the blueberry smoothie on a blog, call people about the recipe, telling someone in person, write it on a sticky note, print the recipe
    • Info was sent to multiple people through multiple tools.
  • Not saying we throw out traditional literacy, but there are multiple ways of interacting with information

Discussion comments

  • These new literacies, from touch devices to Facebook, it’s affecting all ages, from toddlers to the older folks
  • New research out on how the brain interacts with text
  • Chris Harris
  • Accessibility issues do come up. Assessment of using the tools.
  • Those who are reluctant learners might be more apt to read on a technology device (many tend to be gamers)
  • Gaming is becoming a new literacy “Libraries Got Game: Aligned Learning Through Modern Board Games” new book from Chris Harris and Brian Mayer