Tell Then and Now Image Stories with JuxtaposeJS

I’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

PD Should Model What You Want To See in the Classroom

It’s August and that’s back to school time. All across America teachers are sitting is staff development workshops. Some sessions are valuable, others will leave teachers wishing they could be setting up their classrooms.

Recently I had the chance to work with Marta Turner / NWRESD to design and administer a staff development grant from the Library of Congress and the TPS Western Region. The goal of the project was to give participating teachers skills in designing historical thinking skills lessons utilizing primary source documents from the Library of Congress’ vast online collection.

I saw it as a chance to demonstrate my first law of staff development
PD should model what you want to see in the classroom. 

So in addition to mastering historical thinking skills utilizing LOC.gov, this workshop became a demonstration of the following:

How to flip your class:
Orientation to the LOC site was something better done on participants’ own time than in whole group. We utilized Versal (a free and stylish LMS) to offload that task to a flipped pre-course. Teachers arrived at the workshop with a working knowledge of LOC online resources , strategies for teaching historical thinking skills and ideas (and LOC documents) for their demonstration lesson.

Thanks for shepherding us through the process – a motivating demonstration of what’s possible with kids ~ Paul Monheimer, participant

Leveraging tech tools for design and collaboration:
Teachers collaborated in the pre-course using Google docs to design and curate examples of historical sourcing. I created YouTube tutorials to use throughout the pre-course and workshop session to blend the learning.

Teachers collected historical documents from the LOC into shared Google slides. This facilitated easy peer review and also served as an archive for materials in preparation for transfer to iBooks Author.

We used Google Hangouts to explore “how historians think” with Dr. Adam Franklin-Lyons – associate professor of history at Marlboro College.

Motivate with project-based learning:
Teachers were pleased that the workshop would produce lessons they could use. But right from the start they knew that they were not simply getting together to learn some strategies and create some lessons. They had an iBook to create and we only had two days onsite to do so. As educators, we talk about value of the authentic audience for our students but it applies to our teacher PD as well. (I held myself accountable to the same standard, since the major elements of the workshop were shared on my blog and via the Versal pre-course.)

Our participant teachers left the 2-day workshop energized knowing that their work was documented for our grant funders to replicate in other projects and proud that their lessons would be available as an iBook on iTunes in 51 countries around the world. Note: Time did not allow me to teach iBooks Author to the teachers, so I designed and edited the iBook later. For more on how I teach iBooks Author, see this iBA workflow post.

We are proud to share our iBook The Student As Historian ~ Teaching with Primary Sources from the Library of Congress. This ebook contains both the training materials and fourteen teacher-designed document-based questions for grades 4 through high school.

The lessons draw from a fascinating collection of text and multimedia content – documents, posters, photographs, audio, video, letter and other ephemera. “Stop-and-think” prompts based on CCSS skills guide students through analysis of the primary sources. Essential questions foster critical thinking. All documents include links back to the original source material so readers can remix the content into their own curated collections.

Download free at iTunes here. It’s viewable on Mac, iPad and iPhone 5 or newer. If those options don’t work for you, you can download it as a PDF The Student as Historian-PDF version 14 MB.  (Interactive widgets will not function in pdf version)

Note: This is not an official publication of the Library of Congress and does not represent official Library of Congress communications.

Image credit: stokpic / Pixabay
Creative Commons CC0 Source

Flip PD with Versal and Create More Collaboration Time

Deconstructing Currier and Ives Deconstructing Currier and Ives

Last week Marta Turner (NWRESD) and I had the privilege to work with a team of Oregon teachers in a workshop “The Student as Historian.” The session was jointly sponsored by the Library of Congress, the TPS Western RegionNWRESD.

We preceded the onsite workshop with some “flipped” learning using Versal (a free and stylish LMS) and leveraged our on-site workshop time to design lessons using primary sources from the Library of Congress digital resources for teachers.  

Versal provides for easy import of a variety of other web tools with a simple drag and drop. I used it embed a number of Disqus forums, YouTube videos and collaborative Google Docs. Before we even met, participating teachers were able to use Versal to get to know each other, use tutorials from the Library of Congress website, study historical thinking skills, pose and respond to historical sourcing scenarios and post research proposals. During our onsite workshop I continued to use Versal as our LMS to host our live Google Hangout and collaboratively design research projects via an embedded Google Slide show. For more on what Versal can do click here.

Here’s our Versal pre-course below. For a direct link click here
Scroll to bottom of embed – use the 3 bars in lower left to navigate the lessons. Or click “next lesson” in lower right.

Classroom Tech: When Less is More

I recently was a guest on the UP Tech Talk Podcast produced by University of Portland’s Academic Technology Services and hosted by Maria Erb (Instructional Designer) and Sam Williams (Dir of Academic Tech Services). Kudos for the great ATS podcast studio!

We had a lively 18 minute discussion about my UP social studies methods class and technology’s role in instructional design – it opened like this …

What’s the least amount of technology you could use to get the job done?

Maria: Peter, so glad to have you on the podcast. We just had a great conversation … you managed to rattle off probably half a dozen Web 2.0 tools that you’re using just like you were a fish swimming in water; it just seems so easy and natural for you. I’m just wondering, how do you go about choosing which tools you’re going to use for these great projects that you’re working on? What piques your interest?

Peter: I think it really begins with seeing yourself as a designer of a learning experience. You work with the tools you have and with the setting you have. You’ve got X number of students; you’re meeting once a week; you’ve got three hours with them. 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. For example, there was a situation where I wanted them to collaborate and design some lessons. I wanted them to be able to share their work with one another and be able to comment on it. I also think it’s important that there always be a public product, because I think we find our students producing content for their instructor as opposed to … which is kind of a ritualized thing as opposed to real-world content.

And ended with this exchange …

Sam: Are there any words of wisdom around it’s not about the technology that you could leave us at the end of this podcast?

Peter: I would say the big question is what’s the least amount of technology you could use to get the job done. Taking something and making it prettier by putting it on a white board when you could have written it up on the chalk board really doesn’t get you anywhere. I think that the transformative part of technology is getting it in the hands of the students so that they can research and create and produce in ways you couldn’t do without it. For me, those are the essential elements that I’m looking at, not simply just something that’s a bright shiny object.

Text transcript (word file) | Show notes and links | Podcast at iTunes: #12

The University of Portland uses the SmartEval system to gather student feedback on courses and faculty. Here’s a few comments from my UP students that are relevant to this podcast:

  • Peter challenged us to think and be designers of curriculum, instead of just lecturers. We learned how to get students working and thinking critically in the classroom.
  • I liked that the focus of the class was on making a product.
  • He also showed us how to move from the lecture mode to engaging students as architects in their own learning process.
  • Very well connected with other educators on Twitter. He has promoted every student in the class using his connections to help us build professional connections and build a professional online presence.

Thinking Like A Historian: Student-Designed Lessons

History of SpringfieldOver 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.

The lessons were designed in a shared Google presentation. Below you will find the project workflow and links to each lesson as an individual blog post.

Flip the introduction:

I used TEDEd’s video curation tool to turn an existing YouTube and into a flipped lesson introducing historical thinking skills. Students also read Thinking Like a Historian by Sam Wineburg.

Deconstruct the model:

With that background, students spent a portion of our next class deconstructing a few of the assessments found in SHEG’s Beyond the Bubble. They were asked to find three questions that focus on any of these skills: Sourcing, Contextualizing and Corroborating. With their team they explored how the assessments are designed:

  • How many historic sources, what types?
  • What additional information are students given?
  • How many prompts?
  • What are students asked to do?
  • How is the assessment designed to support the skills?
  • Be prepared to share your finding with the whole class.

Design your own lesson:

Students were then assigned to design their own historical thinking lesson based on the Beyond the Bubble assessment model. They used a shared Google presentation to host their lesson. Since not all students were familiar with Google tools, I used SnagIt to create a YouTube playlist: Working with Google Presentation

Guidelines for the lesson included:

  • Title slide for your mini-lesson. Make it catchy!
  • Your name as author of the mini-lesson on your lesson title
  • Target students – by grade level
  • Indication of one (or more) of the historic skills to be studied – Sourcing, Contextualization, Corroborating
  • One or more historic documents. Text, image and videos can be inserted into the slide. Longer documents can be linked to via URL or saved in Google drive with link to it.
  • Source URLs for all documents used
  • Guiding questions for students to use with document(s)
  • Brief description of how the document(s) and question(s) should reinforce the targeted historic skill(s)

Peer Review /  Reflection / Blog post

At our next class, students did some peer editing of each other’s lesson using Google doc’s comment feature. They used the peer feedback to do a final version of their lesson. Students were then asked to write a brief reflection on the process – it could include their take on historic thinking, the specific lesson model borrowed from SHEG, working with a shared Google presentation, peer review process, etc. They then used the content from their lesson (plus their reflection) to write an authored post for our class blog.

Ceci Brunning - March 5, 1770: “Massacre” or “Incident?”
Jenna Bunnell - Arriving in the Land of Plenty
Scott Deal - My Big Symbolic Colonial Wedding
Samuel Kimerling - American Adobo: The Fight for the Philippines
Kristi Anne McKenzie - Dr. Seuss on Domestic Security
Michelle Murphy – We Found a Lot of Naked People
Erik Nelson - Damming the Nation
Andy Saxton - Implications of the First Amendment: “To Bigotry No Sanction, To Persecution No Assistance”
Emily Strocher - The Only Thing We Have to Fear is Not Being Able to Correctly Identify These Speeches (and Fear Itself)
Christy Thomas - Who are we? A Mini-Lesson on Assimilation through Education
Kari VanKommer - Words From War: Two Soldier’s Accounts of War in Europe
 

Image source: Image from page 126 of “The history of Springfield in Massachusetts, for the young; being also in some part the history of other towns and cities in the county of Hampden” (1921)

Posts navigation

1 2 3 4 8 9 10