Tell Then and Now Image Stories with JuxtaposeJS

» 19 September 2016 » In Ed Tech, History / DBQ's, How To » No Comments

Featured-Static-screen-shot--JuxtaposeI'm excited about JuxtaposeJS - a new free web-based "storytelling" tool from the Knight Lab at Northwestern University. As they describe it: "JuxtaposeJS helps storytellers compare two pieces of similar media, including photos, and GIFs. It’s ideal for highlighting then/now stories that explain slow changes over time (growth of a city skyline, regrowth of a forest, etc.) or before/after stories that show the impact of single dramatic events (natural disasters, protests, wars, etc.)."

I think it's a great tool for students and teachers who want to explore themes of continuity and change. While it could be used to compare and contrast in subjects across the curriculum, I've created a few examples using historical content.

I selected pairs of historical and contemporary images with elements that are consistent and aspects that change. But the challenge is to size and crop the images so that the consistencies align. To accomplish that, I used another free tool - Google Slides - to position and crop each pair of images and export as JPGs before importing into JuxtaposeJS. (Scroll to the bottom of this post for my workflow video that illustrates each step of the process.)

Created with two archival photographs
Tom Torlino - a student at Carlisle Indian School, 1882 and 1885.
More about Tom at my post on Medium.
Pro tip: get the eyes aligned


Timeline sliderCreated with archival photograph paired with a screenshot I took from Google Street View.
Portland Ore Engine No 2 - 510 NW 3rd Ave.
Pro tip: choose a historic image that is shot from an angle similar to Street View. Street View is made up of a series of still images. You may need to navigate slightly on the street to get a shot that matches. Street View has been shooting for years. Use the drop down timeline (highlighted here) in upper left of Street View that has the angle and lighting that works best for your Juxtapose

Archival photograph of paired with photograph I took in the same location.
Taylor Hotel entrance Circa 1920
Pro tip: bring along a print out of historic photo to line up you new shot. Maybe you'll get lucky (like I did) and find a SUV parked in the right spot. 

Here's a video that details my workflow for this project
You'll see how I used the transparency feature in Google Slides to create two well-aligned images that I imported into JuxtaposeJS via Dropbox. JuxtaposeJS supports both vertical and horizontal sliders. Pick the orientation that does a better job of concealing or revealing the continuity and change. Once the images are "published" at JuxtaposeJS they can be imported into your web via an iFrame embed as I have done in this post.

Image credits:
Tom Torlino 
Portland Ore Engine No 2 
Taylor Hotel Entrance. 347 SW 3rd Ave Portland Oregon Courtesy of Oregon Nikkei Legacy Center ONLC 533

Tags: , , , , , , ,

PD Should Model What You Want To See in the Classroom

» 05 August 2015 » In Ed Tech, History / DBQ's, How To, PD, Projects, Publishing, Teachers » 1 Comment

Student-as-historian-featured

Here’s how a Library of Congress-funded PD session incorporated flipped/ blended learning, PBL, collaborative Google tools. Free iBook and PDF for download with all course content and showcase iBook “The Student As Historian ~ Teaching with Primary Sources from the Library of Congress”

Tags: , , , , , , , , , , , , , , ,

Flip PD with Versal and Create More Collaboration Time

» 01 July 2015 » In Ed Tech, History / DBQ's, How To, Teachers, Web 2.0 » No Comments

deconstruct-currier-featured

Here’s how I used Versal (a free LMS) to flip a portion of my Library of Congress-funded summer teachers’ workshop.

Tags: , , , , , , , , , , , , ,

Classroom Tech: When Less is More

» 21 January 2015 » In Ed Tech, Publishing, Social Web, Students, Web 2.0 » No Comments

up-tech-talk-featured

In this 18 minute podcast I share idea for fusing technology into instructional design. You think about the instructional goals that you want to achieve, and then from there, you say, okay, so what kind of tools are out there. The big question is what’s the least amount of technology you could use to get the job done?

Tags: , , , , , , , , , , , , ,

Thinking Like A Historian: Student-Designed Lessons

» 02 October 2014 » In Ed Tech, History / DBQ's, How To, Students » No Comments

-History-of-Springfield-featured

Over the last few weeks my University of Portland EdMethods students have been designing lessons in historical thinking skills based on the work of Sam Wineburg and the Stanford History Education Group (SHEG). They focussed on three key skills – Sourcing, Contextualizing and Corroborating.

Tags: , , , , , , , , , , , , , , , , , , , , ,

#PDX Flipped Classroom Workshop Series

» 04 September 2014 » In Ed Tech, PD, Strategies, Students » No Comments

Flipped-lesson-featured

Join us at NWRESD Hillsboro OR. (Portland) Feb 2015 (dates TBA) for 2 and a half days of engaging hands-on workshops that will give you the ideas, tools and support to flip your class. Open to K-12 teachers and administrators (All tech and flip experience levels welcome) / Cascade Technology Alliance

Tags: , , , , , , , , , , ,

#edcampPDX Back2School Edition: Twitter Archive

» 16 August 2014 » In Events, PD, Social Web, Teachers » No Comments

edcampPDX8-16-featured

We just completed our 10th edcampPDX – a chance to get pumped up for the new school year, network and share new ideas with our colleagues. Here’s our Twitter Storify archive. Check back for updates as attendees have time to reflect and tweet on the awesomeness we shared. We have lots of great resources.

Tags: , , , , , , ,

How To Use Social Media to Network Your PLN

» 23 July 2014 » In Ed Tech, How To, PD, Social Web » 1 Comment

Vocational-training-featured

Here’s ideas I’ll be using for training my university students on how to use social media for networking and professional growth. As a proof of concept, I crowdsourced via social media for some ideas that I might incorporate into my grad / undergrad social studies methods course. I used Storify to collect all the great suggestions that came in.

Tags: , , , , ,

Calling PNW educators: edcampPDX Aug 16 – Portland Ore

» 20 July 2014 » In Events, PD, Teachers » No Comments

edcampPDX8-16-featured

Calling all educators from the Pacific NW. Join us in Portland on August 16th for edcampPDX – free, democratic, participant-driven professional development. It’s an unconference built on collaboration and dialogue, not keynotes. As one participant from last August’s edcamp tweeted “#EdcampPDX what an incredible day! I’m ready for September.”

Tags: , , , , ,

Get a iPhone 5s Or Switch to Android?

» 06 September 2013 » In Commentary » 7 Comments

ios-android-war-featured

With my iPhone 4s about to go off contract, I’m wondering should I go iPhone 5s / iOS 7 or Android? I pick up a Nexus 7 to test how I’ll move my content from iCloud to Google and stay in sync with my Mac desktop. And I offer some comparisons of programs running on both platforms.

Tags: , , , , , , , , , , , , , , , , , , , , , ,