26

Vive Video Tip

We’ve been dabbling in the VR world with Vive and video captured via the Ricoh Theta S. The Ricoh video resolution isn’t great but for loaning out to faculty it’s simple and won’t end the world if it’s blown over by the wind on a moor in Ireland.1 Step one got us the example above (directions here). Our next move was to get it into something that would take advantage of the Vive headset for movement. There’s a nice app called, appropriately, Vive Video. The built in examples work exactly like you’d expect but using our own videos wasn’t all that intuitive to me initially. The steps are easy enough once you know them. Get your video on the computer where you’re running Vive Video Login to Vive Video and navigate to the video – I had some issues with the pointer not working well at various times but restarting the app seemed to fix it each time Once you’ve go the video showing up . . . initial attempts to play it will show you the ‘unwrapped’ version. You might keep loading different versions and trying other videos to figure out why it isn’t behaving like 360 video. After a number of attempts . . . you’ll move the next step below. You notice an eye icon on the […]

20

Weekly Web Harvest for 2017-08-13

Huge Blobs of Fat and Trash Are Filling the World’s Sewers In China, fat from sewers and traps is illicitly scooped, cleaned up—though not well—and sold on the black market as “gutter oil.” In cheap restaurants and street stalls, your dinner might even be cooked in gutter oil. 3DHOP – Home 3DHOP (3D Heritage Online Presenter) is an open-source software package for the creation of interactive Web presentations of high-resolution 3D models, oriented to the Cultural Heritage field. 3DHOP target audience goes from the museum curators with some IT experience to the experienced Web designers who want to embed 3D contents in their creations, from students in the CH field to small companies developing web applications for museum and CH institutions. h/t captain.primate (dh slack)

13

Weekly Web Harvest for 2017-08-06

Three dinosaurs beheaded ‘with angle grinder’ at Australian museum “We went out to check it out and three of our dinosaurs here have been decapitated,” museum staffer Mitchell Seymour told the Australian Broadcasting Corporation. A Web Diet: Converting WordPress Sites Over to Static Sites | Adam Croom for future archiving considerations “Adversarial perturbations” reliably trick AIs about what kind of road-sign they’re seeing / Boing Boing An “adversarial perturbation” is a change to a physical object that is deliberately designed to fool a machine-learning system into mistaking it for something else. White House Says Russia’s Hackers Are Too Good to Be Caught but NSA Partner Called Them “Morons” Put more bluntly, the Russian attacks CSE observed were “designed by geniuses” but “implemented by morons,” BBC – Future – The ghostly radio station that no one claims to run Twenty-four hours a day, seven days a week, for the last three-and-a-half decades, it’s been broadcasting a dull, monotonous tone. Every few seconds it’s joined by a second sound, like some ghostly ship sounding its foghorn. Then the drone continues. Once or twice a week, a man or woman will read out some words in Russian, such as “dinghy” or “farming specialist”. h/t katexic

website screenshot indicating blue div blocking access to central portion of embedded website

reveal js tweak for iframe backgrounds

*********UPDATE********* The stuff below sort of works, but since there’s only one parent element for all sections it won’t let you click on links later on. That’s no good. It’s also kind of weird to go from interacting with the iframe page to get back into the slideshow navigation (partially because I hid the navigation buttons). So . . . I went this route instead. The following code toggles the slide overlay. I set it up as a button at the top of my slides. It’s full width and black so not obtrusive. Click it lets me fully interact with the iframe page and clicking it again reactivates keyboard navigation for the slide deck. *********END UPDATE********* I’m a fan of reveal.js and have been using it to build all of my recent presentations. It feels like it fits what I do really well. The fact that it’s just a website that behaves a certain way means I can do all kinds of fun things that blend both the web-based examples and my ability to annotate and manipulate the web itself.1 There’s also quite a bit of beauty in tools that continue to offer more opportunities to grow as you learn. Anyway . . . One common action in my presentations is to embed a live website as a full size […]

Archiving Slack Channels

Since we’re making channels in Slack via our project creation, it made sense to archive them when the project was completed. In projects (this particular post type) we have a custom field for the start date of the project and one for the end date of the project. Step one is to check on updates whether the post has the end-date field filled out. In my case, this is one of the legacy ACF fields that survived my great metadata purge. So checking it is done like so . . . The Slack archive API piece looks like this. And finally we run this function when projects are updated like so. We’re still experimenting with this workflow and archiving is a decent start. You can easily reactivate it and results still turn up in searches. It’s likely we’ll also rename it from p-whatever to z-whatever to get it out of the way.

WP API Posts Plugin

This is a little plugin I wrote while working with Jon Becker to build out the Ed Leadership Hub site. Essentially, we wanted students to be able to fill out a quick form and build out a profile page. As is my my wont, I went the Gravity Forms route. They could give a short bio, twitter account, and their portfolio URL. We’ll be tying in the the posts via Feed WordPress but it seemed like more hassle than it was worth to map the author id to this page. Pretty fun to be able to build out a solution on-the-fly and since all students were going to be in rampages I didn’t have to worry about WP not being upgraded or running from a non-HTTPS server. This chunk of the plugin builds out the HTML from the shortcode. You can see the data-url, data-num elements being populated. There’s a few other things in there I haven’t yet activated. Using data elements is the easiest way I’ve seen to pass variables to the javascript . . . the javascript looks for the altlab-getsposts id and then pulls the data elements from it. Once again, there’s some extra stuff in there for down the road that I haven’t implemented here.

06

Weekly Web Harvest for 2017-07-30

Mens Agitat Molem – Futility Closet In 2010 Jeremy Wood walked around the campus of the University of Warwick with a GPS device to “draw” a map at 1:1 scale. Altogether he covered 238 miles in 17 days. Web Maker – A blazing fast & offline web playground data warning’s a bit scary sounding but this is pretty much your own personal next-level codepen The Difference Between URLs and URIs Actually, that’s called a URI, not a URL… The response to this correction can range from quietly thinking this person needs to get out more, to agreeing indifferently via shoulder shrug, to removing the safety clasp on a Katana. This page hopes to serve as a simple, one page summary for navigating the subtleties of this debate. AMD shares are soaring: Ethereum miners are renting Boeing 747s to ship graphics cards to mines — Quartz “Time is critical, very critical,” in mining, Marco Streng, chief executive of Genesis Mining, a major ethereum miner, told Quartz. “For example, we are renting entire airplanes, Boeing 747s, to ship on time. Anything else, like shipping by sea, loses so much opportunity.” John Popper From Blues Traveler Will Not Stop Posting Aerial Pictures of My House That’s when a Blues Traveler fan threatened to send the Mexican mafia to Rutherford’s house. qrpike/Web-Font-Load: Install all […]

Event Calendar & Participation

One pretty common need I’m starting to see around community-engaged learning is a way for students/faculty to submit events to a central calendar and then indicate their participation in various events. That comes with various program requirements. People want specific reflection patterns per event and have different ideas around what an event counts for in their program. That comes with additional metadata requirements, dashboard views etc. We did something like this with cultural events when we made the RVArts.org site.1 I’ve got at least three programs interested in this process and some are pursuing products like Give Pulse. So I took advantage of the request from the da Vinci Center to look at how quickly we could make a functional prototype that would – create a calendar of upcoming approved events for students allow students to submit reflections on those events with a particular structure allow students to submit additional events for approval generate data visualization and reporting for student reflection and for program analysis purposes I took the more difficult route and assumed we’d have no user accounts just to see what that felt like. With user accounts this become easier. Even with this restriction I was able to build out a functional custom theme in around three hours. Next time, it’d be considerably faster. We could easily bring […]

04

Outboard Memory – Query Thumbnails & Crop Images CSS Trick

Two little tricks that came up this week . . . Random Posts Must Have Featured Image Set Sometimes you want to query a random set of posts but only return those with featured images . . . you can using ‘meta_key’ => ‘_thumbnail_id’ like so . . . Handy. At least for me. object-fit: cover; Now that I’ve got featured images, I usually have a variety of aspect ratios making uniform layouts a pain. Often I’d have set those images as background images to deal with different aspect ratios and do a cover. Something like this. I was never a big fan of this method as I don’t like creating inline css and that’s the only way I could think to do it with dynamically created content in php or javascript. If just felt awkward. Enter object-fit and if you already knew of it I don’t know why you didn’t tell me. You can see the difference it makes in the two examples embedded below. Not earth shattering but really handy for stuff I do all the time. See the Pen GvNdjv by Tom (@twwoodward) on CodePen.