World, Hello.

IMG_9591

When I worked at the University of Mary Washington, I always got a kick out of a new semester and hence new websites from a new group of students using WordPress. Whether it was UMWBlogs or a new Domain of One’s Own project site, “Hello World” posts would dominate the UMW landscape. As I continue my ed-tech work here at UNF, I am going deeper into the world of WordPress. It’s still somewhat intimidating as I think about projects I would like to accomplish, but don’t feel like my skills are “there” yet.

I’m attempting to expand my WordPress network, by attending my first full WordCamp here in Jacksonville this weekend (April 16-17). I attended a WordCampEd conference at George Mason University in 2008. Here’s a post from Tom Woodward about that event with that picture of me deep in thought. I also plan on attending the inaugural WPCampus event in Sarasota FL in July (15-16).

As I read some of the bios of folks who will be presenting at the WordCamp, I see lines like “I’ve been working with WordPress for 8 years…” and it got me thinking about how long I’ve been using it. Well, here it is. My “Hello World” post from June 21, 2005 – almost 11 years ago.

Hello world!

By no means am I claiming any expertise, especially in the coding arena. I am a hacker-wanna-be-coder. I get WordPress sites to do what I want by brute, ugly, force. And sometimes I can’t get WordPress to do what I want. That’s where the great WordPress community comes in. It’s something I want to tap into more here in the land of sunshine and palm trees.

WordPress and Its Amazing Longevity

Las cadenas se cortan por el eslabón mas débil / Chains break by the weakest link

I’m realizing now that I could write several posts that start with the title, “WordPress and Its Amazing …” However, this post tells a funny story about broken web links. I use a plugin on many WordPress sites, including this one, called Broken Link Checker. I get emails that notify me of any broken links on my site(s) and I am then able to modify the link or eliminate it altogether.

I did just that on this post from 2008. As I look at that post again, I see I need to do more updates on links for the colleagues mentioned. However, by updating the post, it sent out notifications to the folks mentioned in the form of pingbacks/trackbacks. One of those notifications was received by none other than Gardner Campbell – you know, that guy I worked with/for at UMW, and with whom I recently had a happy reunion.

How did I know? Well, because Gardner re-read that post from 2008, and decided to comment on my last post about WordPress. Ironically, the post from 2008 was some smack-talking about how much my colleagues were (or were not) blogging. As Gardner said, it generated a number of comments. That post reminds us all that it is forever thus – that we all struggle with wanting to blog, but don’t for all kinds of reasons – except for Jim Groom, he is always blogging.

So my excuse for this blog post is two-fold. First, is that Broken Link Checker is a handy little plugin that helps with the maintenance of your site and making sure links go somewhere. Second is that this Broken Link Checker “process” literally allowed me to reconnect with people on the web. For as long as I have been doing this blogging (since 2004), tweeting (2007), facebooking (whenever) thing, I have been amazed at the connectedness thing. Through those technologies I can know what people are thinking. I can visualize the nostalgia for days gone by. I can see the constant struggles that we work through in the present. It’s mostly at a distance, but it isn’t any less real. So thank you Broken Link Checker, and thank you Gardner Campbell, for keeping these links alive!

flickr photo by Hernan Piñera shared under a Creative Commons (BY-SA) license

WordPress and Its Amazing Openness

Several years ago, I got tagged as the “media guy” while I was working at the University of Mary Washington, which meant I was the resource for all things video and audio in DTLT (UMW’s Teaching and Learning Division). We all at one time were wildly experimenting in WordPress and sharing out what we were doing often. However, while Jim Groom was heavily evangelizing WordPress, and Martha Burtis was getting deep into the code, I was diving into digital media, and would defer to their expertise. Now, I will probably always defer to their expertise, but in my new role as Coordinator of Online Course Media Development at UNF, I get to more generally combine my knowledge of digital media and online publishing. In 2016, and beyond, digital publishing has to feature WordPress. Why? Openness.

What is amazing about the timeline of WordPress and its feature set is how it continues to improve in terms of functionality and in terms of style – what a WordPress expert would call “theming”. One of the most important aspects of WordPress and its open source ecosystem is that it opens up the code to add extensibility. You can begin with a basic theme and extend its functionality because you have access to the code. Best practices encourages the idea of doing “child themes“, but what other system allows anything like it? For those who don’t know, a child theme in WordPress uses smaller bits of code outside to modify a “parent” theme. That way when a theme gets updated (functional or security updates), the code changes you make don’t get overwritten by the update.

Plugins are another way WordPress extends functionality. What’s astounding to me is that there are some incredible plugins that provide functions that I couldn’t even have imagined back in the wild DTLT experimentation days. That’s the advantage of open. People build off of each other’s ideas, and if there is a feature that you have thought of that you might like, there’s a good chance a coder has thought of it too. And if they haven’t, you’ve got great opportunities to suggest a feature in some open forums, and they might add it. If they don’t, you might even be able to build it yourself. You may not have those kinds of skills, but there’s nothing about the system preventing you from doing it yourself.

As I begin to experiment with WordPress again, I hope to communicate some of my favorite themes and plugins. One that I’ve already talked about will produce “featured images” from YouTube thumbnails, for example.

“If you will it, dude, it is no dream.”

Variation on Narrated Slides

IMG_1214

The Center for Instruction & Research Technology (CIRT) recently held its Open House for UNF faculty. One of the popular stops on the tour was the video studio. With the help from one of the CIRT Techs, Veronica, we talked to faculty about what a studio with a green screen (wall, actually) can do. I’ve talked about green screen production before, but how you think about something changes with the context. That context is now online courses at UNF.

One of the requests we get is to create Narrated PowerPoint (slide) presentations, especially for online courses. That typically consists of getting a faculty member some space to record – either their office, or another space – where they can record with a USB headset that they borrow from us. Then they have at it with the standard record narration feature of PowerPoint.

A step up from those presentations is using a screencasting program such as Camtasia (PC and Mac) or ScreenFlow (Mac only, but my favorite). With these programs, recording is similar to the standard narration feature, but you have the ability to directly publish to a site like YouTube. You can then embed the YouTube videos on web pages or in your LMS software.

Now there are several options for publishing narrated PowerPoint slides, and there are many screencasting options (besides Camtasia and ScreenFlow). However, the purpose of this post is to simply show you the setup and result of a relatively dynamic version of a narrated slide presentation. I use the word “slide” because the program I use is Keynote on the Mac, so I’m speaking of the generic term slides. You can use Keynote, PowerPoint, or Google Slides if you’d like.

The following video was created in the green screen studio using ScreenFlow to record the screen AND video. I then use the Chromakey feature to transparently layer myself onto the presented slides.

This serves as a quick example of a how-to for creating narrated slides with video overlay. The setup to record the slides and video is relatively simple. Stand in front of the green screen in the studio. Use ScreenFlow for recording the computer screen and use a Logitech USB webcam for the video recording. The USB webcam is used because it’s easily integrated into the recording process within ScreenFlow. Then the green is “keyed” out to produce the resulting video with myself in front of the slides.

The audio setup is a bit more complex, but that’s just because I want good quality audio, and not the audio from the webcam, which is only so-so and gives that hollow room sound. It is fairly easy to accomplish with a USB interface like a PreSonus AudioBox, or in my case a Zoom H4 using the built-in USB interface feature. We use the Sennheiser MKE600 shotgun microphone connected to the Zoom on a boom stand.

So what does the setup look like? Well the webcam can be mounted on a tripod, the laptop with ScreenFlow can be placed on a stand or table next to the webcam, as well as the recorder. ScreenFlow’s recording setup screen allows you to choose the video and audio inputs. In the picture below is the webcam on the tripod on the left, the laptop in the middle, and the recorder on the (lower) right.

IMG_1212

More detailed photos of the setup:

Let the experimentation continue.

 

YouTube Thumbnails for Featured Images

dmc screenshot thumbnails

In my new job, I am getting deep into the inner workings of WordPress again. More about that in a future post (promises, promises). However, I will say that WordPress continues to progress towards a wonderful environment of beauty and extensibility. I know, that sounds like a Deepak Chopra quote. In other words, because WordPress has been “open” for so many years (I started working with it in 2004-05), it is increasingly easy to make a website look good and function well.

Because of the great WordPress community, there are many great themes to work with, and with just a short investment of time you can build a brand new site, or revitalize one, in no time at all. The one that I am working on right now is the Digital Media Cookbook site. I started this exactly 7 years and one day ago. It is again in need of revitalizing. The concept, I think, is a strong one. Present “recipes” for digital media tasks in a format that appeals to those who like to watch video demonstrations of how to do something, but also provide step-by-step text instructions. I know that I have often searched the web for how to do something and preferred the greater context that a video can provide, while at other times I just needed that one step in the process to refresh my memory on how to do something. In one recipe, you hopefully get both.

So for those of you thinking about the title of this post, when will I get to the point? Well, the new theme I am using for the site, called Gazette, has, like many modern WordPress themes out there, something called featured images. Depending on the theme (and that is the beauty of WordPress is it’s flexibility), featured images get presented as thumbnail images in different ways on a site. For example, the Gazette theme not only uses them as “preview” images for the posts on the main page, but it uses them as a nice header image for the post itself. It will also use the thumbnails for a featured post header on the site (as I write this I have not specified “featured posts” yet). In my opinion the implementation of thumbnails look great, and are perfect for a site that features different categories of posts.

So what image would I want to use for the featured image of a recipe? Well, I could get cute, break out Photoshop, and dream up some fantastical image that suits the subject matter, but in this context, and to simplify things, I just want a static thumbnail of the YouTube (or Vimeo) screencast video that accompanies the recipe post. How to get them efficiently is the question. The concept is plain if you’ve ever uploaded video to YouTube. You even have a choice of what thumbnail you can use when you publish your video, but is there an easy way to grab that image to use as the featured image in WordPress? Well, you can right click on the small thumbnails on the YouTube site in the “Info and Settings” tab, but they’re tiny. How can I make available bigger versions?

As is so often the answer, Google “thumbnail generator youtube” and get your answer – Vidthumb. Now I’ll confess I wanted to have YouTube thumbnails as well as Vimeo ones, and I started by using the Boing, Boing YouTube thumbnail grabber, and the Get the Vimeo-Thumbnail! sites respectively. Any of them will give you a suitable version to use as the featured image, the sizes and formats will vary.

The next step is to determine the image that you want to use and right-click on it in the browser and choose “Save Image As…”, save it to your hard drive and then upload it to your WordPress site as the Featured Image. The process of uploading all those images is repetitive, but the process of grabbing the thumbnail is certainly simple.

Simple? You might think that’s the end of the story. No, no, and no my friend, for the quest for automation never ceases. What I really wanted, and I should have Googled this from the start is “thumbnail generator youtube wordpress featured image plugin“. What you get is the Automatic Featured Images from Videos plugin, which basically searches your post for a Youtube or Vimeo link in the first 1000 characters and automatically grabs the thumbnail and saves it as the Featured Image. Jiminy! It couldn’t be easier. It doesn’t seem to work retroactively, so you’ll have to go back in and edit posts with YouTube or Vimeo links and hit the update button. It also doesn’t seem to find the video in the old embed code that you might have used. However, you should be using oEmbed anyway – the process by which WordPress takes the URL for the given media (like YouTube, Vimeo, Flickr, etc.) and automatically embeds it for proper display/playback in the post. The plugin hasn’t been updated in a while, but their support forum is currently active so hopefully we’re good for the near future. WordPress extensibility continues to amaze, and I think I know what recipe I’ll be writing next.

 

 

Thanks, Tom Woodward

the majestic Tom Woodward

Photo by Serena Epstein

Thanks to Tom Woodward, I am doing some Thanksgiving WordPress blogging. He wrote this awesome, simple, WP plugin that makes an “Easy Button” for writing posts. It get’s placed in your Dashboard and beckons you to click the shiny button and BLOG! Just be sure to change the bit of code to reflect your website or else you’ll find yourself trying to blog at Tom’s Site.

Here’s the link to the GitHub site for the plugin.

Here’s a picture of MY button, available in my experimental “Testing” blog.

pressthisbutton

A Joyful Reunion

Gardner Campbell UNFIS

Photo by Mike Boyles

Hey, Gardner Campbell, I’d like to introduce you to my new friends.

Back on August 13th, I accepted a job to come to the University of North Florida to work at the Center for Instruction & Research Technology (CIRT). Exactly a month later, I posted my goodbye to UMW and Fredericksburg on Facebook (of all places). Among the well-wishes I received from that post was one from Gardner. He finished by saying, “Oh, and p.s.: see you in November!” I didn’t know at first what this meant, but I soon realized that he was referring to CIRT’s annual Innovation Symposium, UNFIS 2015. Gardner would be keynoting the symposium, and it would be my maiden voyage into helping host a conference at my new place of work.

Well, the conference has come and gone. I am now in video editing mode and will soon be posting all of the conference videos. It reminds me very much of the UMW Faculty Academies we did so long ago, including several with Gardner. True Fact: One of the first times I videotaped Gardner was a Faculty Academy in the Jepson Science Center doing a demo of Sound Forge on the PC. I believe that was in 1999 or 2000, well before anything known as DTLT or even Gardner being director of the talented “dream team”. We go back a ways.

Fast forward to 2015.

I do my best to actually pay attention to what people are saying during their presentations that I am taping, and not just adjusting knobs and dials and trying to get the recording perfect. I DID like what I was hearing from the UNF Faculty participants, and I was getting excited about working with them. Overall it was an impressive conference and well attended (the highest attendance so far). It started two years ago, when another upstart, Jim Groom gave a keynote talking about this crazy idea of a “Domain of One’s Own”.

Years earlier (at Open Ed 2009) there was a talk by Gardner that we will forever refer to as the Bags of Gold talk. Within the first 5 minutes of the video, Gardner expresses the frustration he has with some colleagues of living in what Clay Shirky calls “the largest increase in expressive capability in the history of the human race”. Here, watch:

“It’s a bag of gold, what part of that do you not understand.”

Now we have Dr. Campbell in 2015, thankfully seeing the fruition of his talks about “Personal Cyberinfrastructures” in the many “domains” projects at several universities, with Mr. Groom (succesful businessman), along with his partner, my friend and colleague Tim Owens, spearheading the Reclaim project. Paying attention 😉 to Gardner’s talk was one of the better experiences I have had recently as far as Edtech conferences go. It was a rush of emotion bringing the work that I and others have done over the many years and introducing it to a new, fertile campus.

So without further ado, here is Gardner’s UNFIS Keynote, complete with post-lunch opening statement, Jerome Bruner references, and a beautiful message at the end about how we can bond with our students. When he utters the line “I am SO not kidding”, a chill goes down my spine. Enjoy!

A Happy Ending/Beginning

appletv4

This brief story started on September 7, 2015 when the good (did I say good, I mean great!) folks at the University of Mary Washington gave me a going away party at one of DTLT’s favorite hangouts – Hard Times Cafe (I always have the Alamo Chicken – highly recommended). The present that they gave me was enough money on gift cards to get the new Apple TV when it came out. Well, today was finally that day when that gift was obtained.

One cool thing is that Jacksonville has its own Apple Store. It’s about 4 miles from the University of North Florida where I work.

JAX Apple Store

So my lunch hour was a quick trip to the store to pick up the new Apple TV 4th Generation that I ordered online in the morning. As it turns out it was the quickest method to get it, as opposed to pre-ordering online and having it delivered.

There were several people who, like me, ordered online to pick up at the store. As you might know, the Apple Store is a bit different from other stores in that you are greeted at the door for triage. I’m not sure the system is any better, but it is different. I gave them my name and eventually they came back with an all black box (with another all black box inside it). I signed the iPhone device that the gentleman handed me to verify my pick-up and that was it. Tonight, I will bring to home and begin to play with it.

So it’s kind of bittersweet because the Apple TV will remind of the great people at my former workplace, whom I miss, but now I get to talk to my remote and have my TV do my bidding – “Siri, show me all of the films directed by Stanley Kubrick.”

So thank you to all those who made this day possible – Jim, Tim, Martha, Jerry, Shannon, Jeff, Mark, Steve, Leah, Debra, Cartland, Jess, John, and Betsy (and Lisa and Mary who couldn’t be there). Thank you all of UMW!

Why

I lost count how many times I saw this thumbnail in my Twitter stream yesterday:

sleeper thumb

I and other folks in DTLT have been following the work of Michael Wesch for years now. I have written a few posts about him as well. He is particularly inspiring to me because he is not only a professor of Anthropology, but a filmmaker.

He came to UMW in 2011 for our Faculty Academy and talked about students becoming “Knowledge-Able”

Part 1:

Part 2:

So what were folks tweeting about yesterday? It was Wesch’s new video “The Sleeper“, a brilliant little short that reminds us what students bring to class. It reminds us what the idea of education is – student centered. However, it also reminds faculty to think about who is out there in the vastness of the college (or high school, middle school, elementary school classrooms) lecture halls. It is the next generation of people that we are teaching. Those people have lives outside of class and they all have unique stories – and problems – and obstacles. They are the Why. If we allow students to bring their stories into their schooling, we might will make better connections.

So after briefly bemoaning that he wasn’t making a difference, or not a good teacher because this one student was sleeping or barely paying attention in class, Dr. Wesch did something simple. He asked the student to lunch. He had a conversation with his student. He found out more about someone in the sea of students in his class. I’ll let the video explain the rest, but there’s a particular part in the video, which Wesch animates himself, that reminds me of another great talk that Wesch gave at UC Irvine titled “Why We Need a Why?” . In it he gets up on the desk and “shakes his tailfeather”, in service of demonstrating an anthropological concept, of course.

wesch_tailfeathers

 

Here’s “The Sleeper”

Thank you, again, Dr. Wesch!

Wistia Presentation Syncing

 


Summertime is play time! One of the things I’ve been playing with lately is a new video hosting service called Wistia. For a relatively low monthly cost, we can store lots of videos at a site with more privacy controls than YouTube. It also has some pretty nice features regarding user engagement and analytics.

The folks at Wistia have some really good (if somewhat goofy) videos on some production basics as well as a ton of other resources in their library. Like all good companies, you also need a space to experiment, and that’s where Wistia Labs comes in.

The above example is an example of their Presentation Sync feature from the labs. There are two components. First, it takes advantage of a service called Speaker Deck and uses their API. You upload your slides in PDF format and they convert them to an embeddable slide presentation. The other component is a video you have already uploaded to Wistia. Then Wistia’s presentation sync takes care of matching the two together. It’s pretty easy to do, and then the whole synchronized presentation can be embedded in a WordPress post (like this one). This isn’t a new idea, but their code builder makes it pretty seemless.

Two last points unrelated to the Presentation Sync – Remember to check the equipment bag to see that all of the parts are there – and no, I don’t always wear the same shirt when I do my videos.

« Older posts

© 2016 And He Blogs

Theme by Anders NorenUp ↑

css.php