Web Annotation With Hypothes.is In Canvas Training Session

This post is being used to document and distribute materials associated with a training I'm giving at the University of Oklahoma, which covers collaborative web annotation as a tool for engaging students.

“Writing in the margins” of books and journal articles (or any other texts) in collaboration with others is one way instructors seek to enhance learning experiences. Using collaborative web annotations, faculty on our campus are seeding their course discussions and engaging students in collaborative scholarship. Here’s an example of course that is using collaborative web annotations:

Website using hypothes.is to annotate Byron Readings

Tool Showcase

We’re going to dive deeper into collaborative web annotation as it’s one technology that’s being used across many disciplines. Here are several pieces of literature that are being annotated collaboratively by students:

If you’d like to create a Hypothes.is account and start collaboratively annotating the web, signup here.

Here’s a student blog post you can practice annotating now.

Additionally, here is what Hypothes.is looks like integrated into Canvas:

Canvas Course displaying hypothes.is content.

Discussion

  1. Why use collaborative web annotation in the classroom?
  2. What documents might be annotated by students?
  3. What does an assignment look like using web annotation? (Current ones)
  4. What other assignments could benefit from web annotation?
  5. How does feedback to student change with web annotation assignments?
  6. Why engage students in annotating materials publicly?
  7. Any other thoughts/ideas?

Resources

Perspective

Instructor Blog Post: Using Hypothes.is in the College Classroom

Technical

(Technical resources from here.)

The featured image is provided CC0 by Anastasia Zhenina via Unsplash.

Changing Domain For A WordPress Website in 3 Steps

Today, John and I moved the eXperiencePlay website from xp.keeganslw.com to experienceplay.education. I was worried this process would be cumbersome but I was pleasantly surprise when we succeeded after a few minutes of research and work.

Prerequisites

Before initiating the domain change process, I registered experienceplay.education on Namecheap, pointed the Name Servers at my Reclaim Hosting (OU Create) account, and used the “Addon Domains” section of the Reclaim Hosting cPanel to add the experienceplay.education domain and directory to my account. Let me know if you need some guidance with these preliminary steps.

Step 1 – Change the WordPress Address & Site Address

Screenshot of General Settings highlighting WordPress Address and Site Address fields

Under the Settings>General tab of your WordPress website are the WordPress Address (URL) and Site Address (URL) fields. You will need to change those fields from your old domain to your new domain. From our research, we referenced the “Via WordPress Dashboard” section from this website and the “Method II” section from this website.

Step 2 – Move All WordPress Site Files On Server

Folder view of my web server showing the eXperience Play Website files.

Next we moved all of the folders and files located in the xp.keeganslw.com directory over to the experienceplay.education directory including all of the .php files.

Notably, we didn’t have to alter the WordPress MySQL database. In fact, we never touched the database! 🙂

Step 3 – Disconnect & Reconnect Jetpack (& Other Cleanup)

eXperience Play website with new experienceplay.education domain.

To finalize our site transfer, we followed Jeremy Herve’s recommendation from this forum, allowing us to transfer our Jetpack site statistics from xp.keeganslw.com to experienceplay.education. Otherwise, the only remaining cleanup required was updating a few URLs to point to experienceplay.education and establish a redirect from the old domain to the new domain.

To upload additional images to your website, you’ll need to change the Media directory under Settings>Media. The field is titled “Store uploads in this folder” and needs to be replaced with file path for your new domain and directory. Here’s what that setting should look like:

Screenshot of Media Settings highlighting the directory where uploaded files go on a WordPress website.

Final Thoughts

This process was much simpler than I anticipated and I’m excited to maintain the eXperience Play website visitor statistics. Originally, we set out on this process to separate my domain from the eXperience Play program in preparation for OLCInnovate and to encourage other individuals to use our curriculum (similar to GOBLIN). Now, I’m trilled to have learned how effortless it is to change a WordPress website domain!

The featured image is provided CC0 by Денис Евстратов via Unsplash


Edit: Another paragraph and screenshot were added to step 3 to describe changing the media directory before you can upload additional photos to the website. This issue was discovered after this post was originally published.

Hacking My Apple TV

Sometimes I have way too much fun. I recently acquired a 1st gen. Apple TV and wanted to breath some new life into it. So, I decided to remove its extremely outdated operating system (version 3.0.2) and replace it with something that actually allows media streaming. I decided to start with OSMC and followed this excellent video guide:

The installation process was smooth for the most part—I only had one snag during setup. The most updated version of OSMC from November was not installing properly, so I repeated the steps outlined in the video using the October build of OSMC and succeed. (I tried to update the October version to the November one later, but that update failed so I’ll stick with the older version for now.)

November built of OSMC failing to install properly on Gen 1 Apple TV displays a white sad face on blue background
OSMC Installation Failing 1st Time
OSMC linux operating system installing on Gen 1 Apple TV
OSMC Installation Succeeding 2nd Time

At this point, most people stop with an awesome Kodi enabled Apple TV but I wanted much more from this Debian 8.6 Linux computer! In accordance with the recommendations from the aforementioned video guide, I installed LXDE as the desktop interface. It was at this point that I started dreaming of all the things I could do with my new linux computer!

Apple TV As A Computer

First, I installed a web browser. Learning to use the “apt-get” command from forums, I installed Firefox ESR and explored my first text-based web browser, Lynx. It was a spectacular experience to see what the web looks like when images, videos, and advertisements are stripped away and words are all that remain.

OU Create loaded in Lynx text-based web browser shows only words of the website
OU Create in the Lynx text-based web browser

Next, I built a Twine game from my Apple TV and used the notes from eXperience Play to add some style to my simple game. Once it was built I decided to upload and host the HTML game on my OU Create domain.

ATV game built in Twine and hosted at atv.keeganslw.com
Twine game made on Apple TV now available at atv.keeganslw.com

Eventually, I decided to load office software onto my Apple TV to create some documents. To install LibreOffice, I had to learn how to setup backports by creating text files in the command line using:

nano /etc/apt/sources.list.d/filename.list

But after some tinkering and patience, I was able to install LibreOffice onto the Apple TV. With this software, I composed my first document from the Apple TV.

LibreOffice running on Apple TV.
LibreOffice running on my Apple TV

After playing around with Debian Linux for a few hours, I started to push my goals even further. I wanted to see what it would take to turn my Apple TV into a web server. 🙂

Apple TV As A Web Server

There was a phenomenal guide on setting up a LAMP environment in Debian that I followed to transform my Apple TV into a server. However, I had trouble getting MariaDB MySQL to install properly. Since I wasn’t determined to install any web apps that used MySQL, I didn’t sweat this problem and turned my attention towards the more crucial Apache2 and PHP5 and started getting more ambitious.

First, I discovered I could host the Apple TV-made Twine game on the Apple TV itself by placing the HTML file in the web root directory that Apache had generated (in my case /var/www/html). THIS WORKED PERFECTLY. In other words, files located in the computer folder “html” (that is located in the folder “www” that is located in the folder “var”) on the Apple TV were now accessible to other computers on my home network. This meant I was able to navigate to the IP address of my Apple TV using my iPad to access the Twine game.

ATV game built in Twine and hosted on the Apple TV
Same Twine game now hosted on the Apple TV

In fact, any device on my home network can navigate to http://10.0.1.30/twine.html and access the html file that was being hosted by my new LAP (Linux, Apache, PHP) server. Yet this game was only simple HTML and I wanted to take the Apple TV even further.

So, I started exploring web apps since some flat-file CMS like Grav don’t require MySQL to operate, I started exploring what it would take to run a Grav website from my Apple TV. I spent a while reading and researching the requirements like editing the apache2.conf file to allow .htaccess to function and installing different PHP components. However, after I looked at my watch and saw 8 hours had past since I started this adventure, I decided it was time to take a break… 🙂

What’s Next For The Apple TV?

I want to finish getting Grav running on my new web server, but I’ll need to do a bit more research before another Apple TV journey. Also, I’m exploring a firewall exception and mapping port 80 in my router to grant users access to my Apple TV web server outside of my home.

Finally, I’m considering installing node.js and trying to get a copy of Ghost running. This may be feasible as opposed to running something like Sandstorm.io or Gitlab, with the measly 256MB of RAM on an Apple TV.

WHY? Why Not?

If you played the Twine game I keep referencing, you’ve already witnessed me questioning my intentions. Why the heck did I spend all day turning a media player into a computer and then into a server? I may sarcastically reply with “why not?” but the real reason is for the fun of learning. Today, I taught myself loads of awesome stuff! From heavy usage of the Debian command line to Apache2 as a web server to how the web works at a file and IP address level—these days of experimentation, building, and re-building help me understand technology and its role in our lives. For me this was more than an exercise in learning, this was an opportunity to discover how and why I’d bring the web into my own classroom.

The featured image is provided CC0 by Ilya Pavlov via Unsplash.

Chromebook: Manual for Mac User – 2016

I’ve been exploring the current state of Chromebooks this past week and I wanted to document all of the analogous softwares and workflows I use to be productive on a Chromebook if you are coming from a Mac. From word processing to photo editing, here is my list of recommended software alternatives if you are switching from a Mac to a Chromebook:

Mail

Chromebook: CloudMagic

Mac: Mail

CloudMagic offers similar functionality in terms of adding multiple accounts and sorting emails to their respective inboxes and folders as the Mac Mail client. On my Chromebook I added Gmail, Yahoo Mail, iCloud, and Office 365 emails to the CloudMagic app in a couple minutes. So far, I’ve been really pleased with the performance of CloudMagic, not to mention it is a nice looking app to use for reading and writing email.

Calendar

Chromebook: Sunrise Calendar

Mac: Calendar

I needed a way to access my iCloud calendars, Google calendars, and work Exchange calendars from one app on my Chromebook and Sunrise Calendar allows me to easily do this. However, first you need to sync your calendars from another device, and if you need to use iCloud calendars, you have to install the Sunrise Calendar app to an iPhone, iPad or an Android device first (this will not work from the Mac version of Sunrise Calendar). Once, you overcome this syncing hurdle, Sunrise Calendar works well and looks great for organizing meetings and events. Unfortunately, this solution may not be viable in the future as the team behind Sunrise Calendar is now working for Microsoft and does not plan to provide updates to their Sunrise Calendar product in the foreseeable future. For now, it is my recommendation, but be aware it may not be a permanent calendar client solution for Chomebooks.

Office Suite

Chromebook: Google Docs Suite –> Google Docs, Google Sheets, Google Slides

Mac: iWork –> Pages, Numbers, & Keynote

My go to office software on my Mac is Pages, Numbers, & Keynote. Although you can use iCloud.com to access these apps, the Google Docs suite loads much faster for me on Chromebook. If you prefer using Microsoft Office, you are also able to use office.com on a Chromebook if you have an Office 365 subsription. However, the Google Docs suite still loads faster for me and benefits from the Google Drive integration that is part of the Chrome operating system. All that to say, you can always export documents, spreadsheets or presentation slides to their most universal formats (.doc, .ppt, .xls) with any of these aforementioned office suites on a Chromebook.

Music

Chromebook: Google Play Music

Mac: iTunes

If you are not already using Spotify (or another music service), I recommend Google Play Music on Chromebook. Before you move from your Mac, use the Google Play Music Manager app to upload all of your iTunes music into Google Play Music. Once complete, you are able to stream all of your music to your Chromebook from music.google.com. As an added benefit, from this point, you will be able to stream your Google Play Music to your Android phone, iPhone, or any computer that can access music.google.com.

Photo Storage

Chromebook: Google Photos

Mac: Photos

Since Chromebooks have very limited amounts of internal storage my suggestion for storing photos is Google Photos. Similar to the process of uploading your music to Google Play Music, there is a way to upload all of your pictures from your Mac before you move to a Chromebook. Use the Google Photos Uploader software to store all of your pictures in Google Photos for free. Once your images are uploaded, you will be able to access them from your Chromebook (or any other computer) using photos.google.com. In fact, this is a great solution to combine your library of photos from all of your computers and mobile devices into one place!

Photo Editor (Simple)

Chromebook: Canva

Mac: Preview

For basic editing beyond what Mac Photos and Google Photos offer, Canva is my recommendation. Canva can be used to alter the pixel dimensions of a photo and is robust enough to be used as an alternative to Photoshop for basic photo editing. Not to mention, Canva is way easier to use than a traditional photo editor. Just be aware Canva requires signing up for an account before you start creating memes and other graphics from your Chromebook!

Slack

Chromebook: Slacky

Mac: Slack

I use Slack at work to instant message my coworkers from my phone or laptop. It is a great alternative or supplement to email when having online conversations. I prefer the Slacky app to the regular Slack app in the Chrome Web store because Slacky displays Slack within its own window. This makes it is easier to separate Slack messages from other work I am doing on my Chromebook since I can minimize Slacky.

Twitter

Chromebook: Tweetdeck

Mac: Twitter & Tweetdeck

Simply add the Tweetdeck app from the Web App store to your Chromebook and you will have similar access to Twitter as you would on your Mac. The only difference is that Tweetdeck on Chromebook is used through the web browser versus its own window like the app that is available on Mac.

Trello

Chromebook: Trello External Window

Mac: Trello Website

Trello has been my main app for tracking of projects and to-do lists for the last year. I recommend using the Trello External Window app on Chromebook for the same reasons I prefer Slacky to the regular Slack app, it has an external window interface. This makes it easier to separate Trello content from other web browser work.

Feedly

Chromebook: Feedly

Mac: Feedly Website

To access RSS news feeds, I have used Feedly for a long time. It keeps me up-to-date with education blogs and technology news outlets I follow. Like with Tweetdeck, add this app to your Chromebook and you are ready to access news the same way you would have on your Mac.

Ending

This list of 10 Chromebook recommendations covers many of my major productivity needs and workflows that I am accustomed to on my Mac. I hope it has been helpful to you! Also, I am happy to continue this list if you are interested in more suggestions, just let me know.

The featured image is provided CC0 by Tran Mau Tri Tam via Unsplash.