WESTERN WASHINGTON UNIVERSITY
CIIA > SHOWCASE INDEX > 2014
Center for Instructional
Innovation and Assessment

INNOVATIVE TEACHING SHOWCASE

2014
2015
Amber Sudduth Bone
Heather Davidson
Lysa Rivera
COLOPHON

2014-2015

Designers

The following staff of the Center for Instructional Innovation and Assessment contributed to the design, graphic creation, video production, and coding involved in the Showcase:

  • Graphic design: Hannah Johnson, Rebecca Freimuth
  • Video footage and production: Rebecca Freimuth, Hannah Johnson, Justina Brown
  • Animated video introductions: Rebecca Freimuth, Hannah Johnson
  • Scripting and CSS coding: Ben Greene
  • Web development: Ben Greene, Tallis Loy, Justina Brown

Design Elements

  • Typefaces: Montserrat (Headings/titles), Playfair Display(Sub-headings), Droid Sans(Text), Baskerville (videos)
    All fonts used are part of Google Fonts.
  • Colors: Purple (#7B6BC5), Blue (#219CFF), Orange (#4A7B10), Dark Blue (#1d2e52), Page Background (#DBE3EE)

Software Used

  • PhotoShop / Illustrator
  • Dreamweaver / Visual Studio
  • AfterEffects
  • Premiere


Coding

  • Embedded Videos - This Showcase utilizes YouTube to play movies on the "Videos" pages, which only require the Flash player. By embedding YouTube's proprietary code for each of our movies into the HTML of the player pages, the movies play seamlessly within the design of the website.
  • Javascript


Image Permissions

All of the graphical design elements for the Innovative Teaching Showcase are original creations generated via in-house photography and graphic design. Most images are either created in-house, provided by featured instructors, or obtained via Creative Commons licensed sources. Photos obtained from Fotolia or other stock image providers are used in accordance with their content license agreements; All other copyrighted material on the website is used with permission.

 

Home Page and Design Elements

  • Vector art - Hannah Johnson, WWU visual journalism major, 2015

 

Showcasee Pages & Videos

 

Heather Davidson

  • Portfolio
    • Images obtained and provided by Heather Davidson, 2015
  • Showcase Videos
    • Intro Segment:
      • Music -Rio Rivadavia, performed by Maria Pien, 2012
      • Made by Becca Freimuth with “Origami Broadcast Package” by VidnoaDesign/Envato
    • Movie 1 - Teaching Philosophy and Praxis:
      • Classroom Footage, Western Washington University, COMM 318:Professional┬áCommunication*
      • Group photo at ropes course**
      • Rope swing video footage**
      • Zipline photos**
      • Blind ropes course footage**
      • Word cloud- course evaluation, Fotolia, z_amir
      • Exam, Flickr, Alberto G (albertogp123), 2006
      • Ratemyprofessor.com screenshot***
      • Old hands of the elderly giving a red heart, Fotolia, weerapat1003
      • Try empathy, Flickr, Jenny (pearlsareanuisance), 2013
    • Movie 2 - Diversity as the Norm:
      • Classroom Footage, Western Washington University, COMM 318:Professional┬áCommunication*
      • What separates us graphic***
    • Movie 3 - Empathy in Class Activities:
      • Classroom Footage, Western Washington University, COMM 318:Professional┬áCommunication*
      • We are WWU event photos**
      • Group ropes course photo**
    • Movie 4 - Empathy in Action:
      • We are WWU photos**
      • Service-learning experience assignment screenshot***
    • Movie 5 - Walking the Walk:
      • We are WWU photos**
      • Twitter screenshots***
      • Earth, Flickr, Stephan Thomas (stef thomas), 2010
      • Fantasy seattle, Flickr, Chris Tarnawski (wildpianist), 2006
      • Bellingham Washington, Flickr, Jasperdo, 2011
      • We are WWU flashmob footage**
      • Social networking, Fotolia, pogonici
      • Loyalty, Fotolia, lassedesignen
      • Collaboration, Fotolia, tang90246
      • Classroom Footage, Western Washington University, COMM 318:Professional┬áCommunication*
      • Logo graphics
      • Birthroot Midwives and Birth Center
      • Center for Independence
      • The Sunnyland Stomp
      • Max Higbee Center
      • Dignity and Respect Campaign
      • Brigid Collins Family Support Center
      • Western Washington University Foundation

 

Lysa Rivera

  • Portfolio
    • Images obtained and provided by Lysa Rivera, 2015
    • Images of Lysa Rivera teaching and students obtained and provided by Justina Brown, 2015
  • Showcase Videos
    • Intro Segment:
      • Music - Por mi, que llueva, performed by Maria Pien, 2012
      • Made by Becca Freimuth with “Origami Broadcast Package” by VidnoaDesign/Envato
    • Movie 1 - Self Realization:
      • Downtown Santa Cruz, Wikipedia, uploaded by W Nowicki, 2004
      • Woman power logo, Wikipedia, uploaded by Nicetry, 2006
      • no-one, Flickr, Linzi (gaumphotos), 2010
      • A pile of books, Flickr, Janelle Ward (Janelle_Ward), 2012
      • Dr. Martin Luther King speaking against war in Vietnam, Flickr, Minnesota Historical Society, 2011
      • Narrative of the Life of Frederick Douglass an American Slave book cover, Wikipedia, uploaded by Quadell, created 1844
      • Passing book cover, Wikipedia, uploaded by Khazar2, 2013
      • Woman Hollering Creak and Other Stories book cover, Wikipedia, uploaded by Geometry guy, 2008
    • Movie 2 - Assignments and Assumptions:
      • Writing?Yeah, Flickr, Caleb Roenigk (crdotx), 2012
      • Book, Wikipedia, Nevit Dilmen, 2008
      • Glasses book and highlighter, Pixabay, Hans Braxmeier, 2014
      • Classroom Footage, Western Washington University, ENG 342:Studies in Literary Genres***
      • Fredrick Douglass portrait, Wikipedia, uploaded by Scewing, created circa 1860
      • Helena Maria Viramontes portrait, CSU Long Beach, 2015
      • Nella Larsen portrait, Wikipedia, uploaded by Urumi, 2007
      • Sandra Cisneros portrait, Wikipedia, uploaded by Fishal, 2009
      • Theories graphic***
      • Sigmund Freud portrait, Wikipedia, uploaded by Triggerhippie4, created 1922
      • Betty Friedan portrait, Wikipedia, uploaded by Davepaper, created 1959
      • William Edward Burghardt DuBois portrait, Wikipedia, uploaded by Martin H, created 1917
      • Gayatri Chakravorty Spivak portrait, Wikipedia, uploaded by Shihlun, 2007
      • Writing, Flickr, Rubin Starset, 2009
      • Cien anos de soledad (Glasses on book), Flickr, Rosy, 2008
      • Sherman Alexie portrait, APM
      • Reading, Flickr, Jean-Etienne Minh-Duy Poirrier (jepoirrier),2008
      • Sharpie highlighters, Flickr, GavinLi, 2010
      • Highlighted text books, Flickr, Morten Oddvik (mortsan)
    • Movie 3 - Writing Facilitates Thinking:
      • Man writing with computer next to him, Pexels, 2013
      • School, Flickr, CollegeDegree360, 2012
      • CityCamp idea board with sticky notes, Wikipedia, Tony Webster, 2010
      • Writing session, Wikipedia, uploaded by Verwinv, 2013
      • Group of people at computers, Shutterstock, Konstantin Chagin
      • Writing exams, Flickr, ccarlstead, 2007
      • Writing poetry, Wikipedia, Anthony Anaxagorou, 2010
      • I am a writer, Pixabay, Ramdlon, 2015
    •   Movie 4 - Rewards and Inspiration:
      • James Baldwin portrait, Wikipedia, Allan Warren, 1969
      • Langston Hughes portrait, Wikipedia, Carl Van Vechten, 1936
      • Toni Morrison, Wikipedia, Angela Radulescu, 2008
      • March on Washington, Wikipedia, United States Information Agency, 1963
      • Abernathy Children on front line leading the Selma to Montgomery march for the right to vote, Wikipedia, Abernathy Family Photos, 1965
      • Female fists on wooden table, Fotolia, LoloStock
      • Classroom Footage, Western Washington University, ENG 342:Studies in Literary Genres***
      • Poems on Various Subjects, Religious and Moral title page, Flickr, Boston Public Library, 2010
      • colorblind, Flickr, Leah Tihia, 2009
      • Obama-Mubarak, Flickr, Muhammah Ghafari, 2009
      • Domingo Ulloa painting, theautry.org, Domingo Ulloa, Braceros, 1960
      • Potter’s wheel, Pixabay, JamesDeMers, 2013
      • Clay sculpting, Pixabay, Unsplash, 2015
    • Movie 5 - Ideas for Wrestling with Race:
      • Classroom Footage, Western Washington University, ENG 342:Studies in Literary Genres***
      • Meaningful engagement venn diagram, teachkiwi.wordpress.com, 2014
      • University of Pittsburgh tablet, Wikipedia, author Piotrus uploaded by crazypaco, 2007
      • LT5, Flickr, University of Liverpool Faculty of Health and Life Science, 2013
      • Blockade at Sather Gate, Flickr, Quinn Dombrowski, 2015
      • Black Lives Matter rally and march on May Day, Flickr, Fibonacci Blue, 2015
      • Mashup assignment screenshot***
      • Mashup example**
      • Most of heroes still appear on stamp cover, Wikipedia, uploaded by Theo’s Little Bot
      • Fredrick Douglass quote, geniusquotes.net

 

Amber Sudduth Bone

  • Portfolio
    • Images obtained and provided by Amber Sudduth Bone, 2015
  • Showcase Videos
    • Intro Segment:
      • Music - Pasara, performed by Maria Pien, 2012
      • Made by Becca Freimuth with “Origami Broadcast Package” by VidnoaDesign/Envato
    • Movie 1 - Teaching Philosophy:
      • Hawaii: Ironman start and finish on Alii Drive in Kailua-Kona, Flickr, Scott Carpenter, 2009
      • Kaneohe Mrine Corps Air Station across Kaneohe Bay, Wikimedia, Joel Bradshaw, 2010
      • Konawaena High School, Wikimedia, Travis Thurston, 2009
      • Personal photos of Amber**
      • Classroom Footage, Western Washington University, MUS 466B: Applied Pedagogy Voice*
      • The Quad-UW, Wikipedia, uploaded by Punctured Bicycle-commonswiki, 2007
      • Meany Hall-concert hall, Wikipedia, uploaded by Cumulus Clouds, 2007
      • Suzzalla Library- Univeristy of Washington, Flickr, Curtis Cronn, 2010
      • Cherry Pink Pathway, Flickr, hjl, 2013
      • Action plan concetp, Fotolia, Nenov Brothers
      • Hope for balance, Flickr, Bob Miller, 2015
      • Study-book, Flickr, Moyan Brenn, 2015
    • Movie 2 - Inclusion in Music:
      • Sheet music, Pixabay, NGi
      • Piano, Pixabay, StillWorksImagery
      • Violin, Pixabay, niekverlaan
      • Vellum leaf from a liturgical music ms, Flickr, POP, 2011
      • Russian/French/German Music Book, Flickr, Andrew Malone, 2007
      • A Midsummer Night’s Dream, wikimedia, uploaded by Larry Yuma, 2006
      • Opening to ovreture to Der fliegende Hollander, wikipedia, uploaded by Durova, original created 1843
      • Act 3 scene 2 of Robert at the Paris Opera, wikipedia, uploaded by Robert.Allen, original created 1831
      • Various artist photos obtained from Wikipedia
      • The Carnival Audience 2012//Not Elfter Elfter, Flickr, Martin Terber, 2012
      • Audience-Alhondiga, Flickr, Igor Zalbidea, 2012
      • theConcert, Flickr, Walter Wazpatzkowski, 2012
      • fabrizio moro at stazione birra, Flickr, Luigi Orru, 2012
      • Applause, Flickr, Martin Thomas, 2010
      • Photos from Western Washington University’s rendition of A Midsummer Night’s Dream provided by Rachel Bayne Photography, 2014
      • Lisa Pratt in LA-singing, Flickr, U.S. Army, 2010
      • Sound studio recording, Pixabay, SplitShire
      • The eight musical modes, wikipedia, uploaded by Dbolton, unknown date
      • Table of modes and attributes, Wikipedia- Mode (music)
      • Classroom Footage, Western Washington University, MUS 466B: Applied Pedagogy Voice*
    • Movie 3 - Student Perspectives:
      • Homework, Flickr, Ektor, 2009
      • Writing Scathing Notes, Flickr, Jason Rogers, 2007
      • Wiki class examples***
      • Classroom Footage, Western Washington University, MUS 466B: Applied Pedagogy Voice*
      • Tagalog, Flickr, anetz
      • Philippine languages per region, Wikimedia, Howard the Duck, 2009
      • The Huge Lecture Theatre, Flickr, teddy-rised, 2008
      • Undercover texting, Flickr, Tom Woodward, 2009
      • Pure mathematics formula blackboard, Wikimedia, Wallpoper
      • Brain map, Early Childhood Education Zone
      • Engineering drawings, Wikipedia, uploaded by Benrobuck, 2011
    • Movie 4 - Teaching and Learning Benefits:
      • Classroom Footage, Western Washington University, MUS 466B: Applied Pedagogy Voice*
      • Howard Gardner’s spectrum of intelligence
      • Backward design graphic, quora.com
      • Addie Model of Design, Educational Technology, 2014
      • Footage from Western Washington University’s rendition of Goyescas
    • Movie 5 - Balancing the Vision:
      • Footage from Western Washington University’s rendition of Giannai Schicchi**
      • Footage from Western Washington University’s rendition of Goyescas
      • Photos from Western Washington University’s rendition of A Midsummer Night’s Dream provided by Rachel Bayne Photography, 2014

 

* Content obtained and provided by Becca Freimuth, 2015
** Content obtained and provided by (Showcasee), 2015
***Obtained and provided by Justina Brown, 2015