Month: October 2015

Pretty Big Things Trivia Hunt

Team

  • Ric
  • Kerrin
  • Meena

Initial Concept

Our initial presentation for the Pretty Big Things Trivia Hunt can be viewed here.

Vision Document

See our vision document here.

Content

See our questions, extra facts, and other content here.

Teacher’s Guide

See our handout for teachers here. This can be added to NJSM’s Resources for Teachers.

Site Map

Pretty-Big-Things-Site-Map-1

 Wireframes

See the initial wireframes here.

 Badges

UI Design

trivia-hunt-screens-all

trivia-hunt-stylesheet

Poster

This poster can be put up to let people know about the trivia hunt.

trivia-hunt-poster-2

Certificate

This is a sample certificate that will be sent via email to the user. This can act as a free digital souvenir from the museum. Teachers can also direct students to send them an email to track participation or extra credit points based on the badges they earn.

certificate

Prototype Demo Link

Our working prototype can be viewed here (Scale down window if viewing on web).

Final Presentation

Our protoype presentation for the Pretty Big Things Scavenger Hunt can be viewed here.

1st Field Trip – Princeton University Art Museum

Announcements

  • Princeton University Art Museum today
  • Study hours at the NJSM next week
  • Team pages need to go live today for NJSM partners to review
  • 1st exhibit critiques are due next week

Team Project Pages

Let’s take a few minutes to finish setting up your team pages.

  • In addition to the title for you page, which should be your project name, please create two sections to your page, using H2s for each section header.
  • Section 1 should be “Team” and list your team members including name and email address.
  • Section 2 should  be “Concept” and include a link to your concept Google Presentation from last week.

Princeton Art Museum

While at the museum, please complete one of the Self-guided tours.

Assignment

Questions Study Sessions at the NJSM

Before you arrive for your study session at the NJSM, prepare your list of questions you need to research during your visit.

1st Exhibition Critique

Please complete your first exhibit critique using this template as a guide. You may use the NJSM, the Princeton Art Museum, A Palette of Pixels or any other exhibition you have recently visited as your subject.

Links

 

Vision Documents

Announcements

Individual Vision Documents

Let’s go around the room and present our revised individual Vision Documents.

Group Vision Documents

Exercise

Let’s break up into our teams and create a unified Vision Document for each team.

Be sure to include:

  • A team member list, along with specific roles
  • A description of the general project concept
  • A description of your target audience(s) and how your concept will help overcome specific hurdles to accessing and understanding the exhibits you’re addressing; i.e. a timeline helps clarify the chronology of events and how different items relate to each other, an interactive map does the same in the spatial dimension, a gamified tour helps teachers motivate students to visit more exhibits and engage with them more deeply
  • Identify and justify your technology and architecture choices

Presentations

Teams present your unified project concepts to Emily Croll.

Assignment

Vison Documents

  • Together with your team, refine your Vision Document based on the feedback your received in class from Emily Croll, your classmates and me
  • Add a link to your Vision Document on your team’s project page

Projects

  • Begin developing your projects
  • Start by sketching out your user experience and identifying the content elements you’ll need to develop
  • Organize your team according to skill set and divide your workload accordingly

Games & Gamification

Announcements

Vision Documents

Let’s go around the room and review your Vision Documents.

Games & Gamification

What is Gamification?

Examples

Game Elements

Rock Paper Scissors – what are the game elements in Rock-Paper-Scissors?

  • Space: ?
  • Components: ?
  • Mechanics: ?
  • Rules: ?

Other Elements

(Which type of motivation do they leverage? Intrinsic or extrinsic?)

  • Points
  • Progress Bars
  • Leader Boards
  • Levels
  • Badges

Badges

Exercise

Let’s earn our first OpenBadges:

  • Head over to OpenBadges to set up your backpack
  • Now work through the OpenBadges Quickstart example
  • Now take a look at some of the other organizations using OpenBadges
  • Consider the NJSM map linked to above
  • On paper, come up with a structural gamification badging system that would motivate school kids to visit all the exhibition spaces over the course of a semester. Think about how you could use badges, levels and progress bars to motivate them.
Issuing OpenBadges

How to Issue OpenBadges

Progress Bars

Exercise

Let’s build a progress bar using Bootstrap, JQuery & HTML5 Local Storage:

Assignment

Vision Document

  • Refine your Vision Document based on today’s discussion
  • Come prepared to present your Vision Document in class next week

NJSM Study Time Signup

  • Head over to the signup doodle and sign up for one two hour block

Natural User Interfaces

Announcements

  • Project Vision Statements due in 2 weeks (Friday, Oct. 16)
  • Sign up sheets for working with the NJSM collection files will be posted next week
  • Connected Worlds
  • Dickie Cox guest speaking this week!

Design Notebooks

Let’s take a few minutes to review some of your Design Notebooks for this week.

Natural User Interfaces

According to Wikipedia

“…a user interface that is (1) effectively invisible, or becomes invisible with successive learned interactions, to its users, and (2) is based on nature or natural elements”

NUI in the news

Types of NUIs

NUIs (Natural User Interfaces) are generally divided into several categories:

  • Multi-touch interfaces
  • Gestural Interfaces
  • Speech interfaces
  • Physical Object interfaces

Multi-touch

Making a Multi-touch Screen

Gesture

Microsoft’s NUI Lab

Remotes & Smart Phones
Depth Cameras

Kinect = Microsoft software + PrimeSense Hardware

PrimeSense open sourced Interface and middleware libraries

Adafruit Bounty + Josh Blake’s OpenKinect

Alternative Depth Cameras

Kinect + Processing Demo

Speech

Physical Object Sensors

Micro-controllers
Examples
CONDUCTIVE MATERIALS
      • Thread
      • Paint
      • Fruits & Veggies
      • Water
      • Playdough

MakeyMakey Demo

Touchboard Demo

Hover Demo

Choosing your implementation options

– Who’s your audience?

  • Are you providing the interface (kiosk, installation, loaner device, etc)? Or are they providing their own (cell phone, tablet, desktop, etc)?
  • Diffusion of Innovation curve
  • Gartner Hype Cycle
  • Analytics (like Google Analytics, or tallies by security staff)

– What are the characteristics of the exhibition space?

  • Wifi
  • Interference
  • Lighting

– What’s easiest, least invasive, least effort for your users (how can you make the technology “disappear”)?

– What’s simplest to implement?

– What is most maintainable/durable?

– What fits in your budget

Exercise

  • Break up into 3 or 4 groups
  • Using Scratch or another program of your choice, create an interactive piece that maps the space bar, arrow keys and click events to navigating some content.
  • After you’ve created the content and mapped the keyboard events, create touch pads using tin foil or other conductive material for users to use to navigate your app
  • Hook up the MakeyMakey to test it out

Assignment

Vision Document

  • Begin thinking about your project concept in earnest
  • Review the Vision Document Template and start filling out the sections based on your interests at the NJSM and with the technology trends thus far in the class
  • Come prepared next week to share your project concept in more detail

Games and Gamification

  • Read “Games and Gamification” in the NMC Horizon Report: Museum Edition 2015 pp. 38-39
  • Create a new slide in your Design Notebook and title it “Games & Gamification”
  • Write a brief paragraph defining gamification in your own words, and then list your favorite examples of games and gamification from the reading

Submitting Your Work

This week’s homework assignment is due next week before class. When you’ve completed them, post a comment on this page (Augmented Reality), including a link to your Design Notebook.