Author: mdt
Prep for Final Presentations
Announcements
- Final next week THURSDAY, 12/15 from 11:00am – 1:50pm
- Creative Insights: Local Projects, Interactive Media Designers
2nd Exhibition Critiques
Let’s take a few minutes to go around the room to present your 2nd Exhibition Critiques.
Prep for Final Presentations
Let’s take a few minutes review each of your Project Vision Documents – these will be the basis of your final presentations.
- What problem are you solving?
- Who’s your audience?
- Why did you select the materials/technologies you did?
- What is your solution?
- What did you learn while developing your solution?
- Demo
For your final presentation, please prepare a Prezi or Google Presentation along with your functional prototype demonstration. I may record the presentations on video to share with Greg.
Assignment
Prep for final presentation!
Please prepare a Prezi or Google Presentation following the outline we discussed today in class:
- What problem are you solving?
- Who’s your audience?
- Why did you select the materials/technologies you did?
- What is your solution?
- What did you learn while developing your solution?
- Demo
Be sure to link your presentation, along with posters, screenshots and/or photos of your functional prototypes, to your project team page on this blog under the heading “Final Presentation”.
Open Discussion
Announcements
- This Week: Josh Fishburn guest presentation
- Next Week:2nd Exhibition Critiques due, prep for final presentations
- Brown Bag Lunch: Ken Perlin
- Alternative Final Exam Date/Time: December 15, 11:00-1:50pm
- Student Course Feedback is now open
Project Status Updates
Let’s go around the room and report on our projects.
Project Workshop
Let’s continue working on of final projects. Next week we’ll work on presentations.
Guest Speaker: Josh Fishburn
Josh will be joining us between 11:15 & 11:30 to discuss games, exhibits, and more.
Assignment
Continue working on functional prototypes, complete 2nd Exhibition Critiques.
Open Discussion & Old Barracks Museum
Announcements
- This week: Old Barrack Museum visit (departing at 10:00)
- Next week: Thanksgiving recess
- Two weeks: Guest speaker – Josh Fishburn
- Three weeks: Prep for final presentations
- Study Abroad Masters in Human Technology Webinar
Project Status Updates
Let’s go around the room and discuss your projects.
- What did you accomplish this week?
- What do you hope to accomplish next week?
- Are you blocked on anything?
Project Workshop
Let’s break up into our teams and continue working on our projects. If you have anything you’d like feedback on, feel free to demo to get feedback.
Old Barracks Visit
This week we are visiting the Old Barracks Museum. We’ll be visiting the gallery, followed by a taking a walking tour of the barracks. As you tour the museum, take notes on the exhibits, and consider how the stories the exhibition is trying to tell could benefit from interactive interpretations.
For example, consider the Splendor by the Hour exhibit at the Detroit Institute of Art:
Assignment
Please complete your second exhibit critique using this template as a guide. As before, you may use the Old Barracks Museum, the NJSM, the Princeton Art Museum, The Sarnoff Collection, or any other exhibition you have recently visited as your subject.
Open Discussion
Announcements
- Next week: Old Barracks Museum visit
- Two weeks: Thanksgiving
- Three weeks: Guest speaker – Josh Fishburn, IMM
- Google VR View
Project Status Updates
Let’s go around the room and discuss your projects.
- What did you accomplish this week?
- What do you hope to accomplish next week?
- Are you blocked on anything?
Project Workshop
Let’s break up into our teams and continue working on our projects. If you have anything you’d like feedback on, feel free to demo to get feedback.
Guest Speaker: Brad Baer, Blue Cadet
This week Brad Baer, Director of Strategy at Blue Cadet will speak to our class by video call.
Exercise
Let’s take a few minutes to review his bio and jot down three questions each in preparation for the call.
Assignment
Design Notebooks
- Continue working on your project individually or with your team if you have one
- Individually (in each of your own Design Notebooks), create a new page in your design notebook and title it with today’s date
- Write a brief paragraph outlining your team’s project goals for this week
- Come to class next week prepared to present your progress, what your goals were and whether or not you were able to achieve them
Submitting Your Work
This week’s homework assignment is due next week before class. When you’ve completed the assignment, post a link to your Design Notebook in canvas and as a comment on this page (Open Discussion).
1st Exhibition Critiques
Announcements
- This week – exhibition critiques & project workshop
- Next Fab visit this afternoon immediately following this class
- Next week – Guest Speaker: Brad Baer, Blue Cadet
- 2 weeks – 2nd field trip, The Old Barracks Museum
Exhibition Critiques
Let’s review your exhibition critiques! If you haven’t done so already, please post your 1st Exhibition Critique to Canvas.
Project Workshop
Today we’ll be breaking up into our groups and working on our projects.
Exercise
- Based on your learning this week, update your Vision Documents to accurately reflect the audience, message, technologies, budget and timeline for your project
- Update your team project page on the class blog with any new documentation, screen designs, prototypes or other materials you’ve developed over the week
- Continue researching and developing your content and technology infrastructure for your project
Assignment
Design Notebooks
- Continue working on your project individually or with your team if you have one
- Individually (in each of your own Design Notebooks), create a new page in your design notebook and title it with today’s date
- Write a brief paragraph outlining your team’s project goals for this week
- Come to class next week prepared to present your progress, what your goals were and whether or not you were able to achieve them
Submitting Your Work
This week’s homework assignment is due next week before class. When you’ve completed the assignment, post a link to your Design Notebook in canvas and as a comment on this page (1st Exhibition Critiques).
1st Museum Visit – Princeton Art Museum
Announcements
- Brown Bag Lunch Today, 12:30 in Mayo Hall
- 1st Exhibition Critique due next Friday
- Visiting the Princeton Art Museum today!
Project Status
Let’s take some time to go around the room and talk about your experiences at the NJSM this week and where you are with your projects.
Exercise
Together with your team mates, take a few minutes to update and refine your project page on this blog. Ensure that you have five sections to your page:
- Project Name
- Team members & roles
- Project Overview
- Project Vision Document (with a link to your vision document)
- Research (links to your notes, drawings, photos etc, that you took at the NJSM this week
Princeton Art Museum
Let’s prepare to head over to the Princeton Art Museum where we’ll complete one of their Artful Adventure Self-Guided tours.
Assignment
Please complete your first exhibit critique using this template as a guide. You may use the NJSM, the Princeton Art Museum, The Sarnoff Collection, or any other exhibition you have recently visited as your subject.
Project Vision Documents
Announcements
- Next week – 1st Field Trip, The Princeton Art Museum, we’ll meet in AIMM 222 first, then travel together to the museum, volunteers to drive?
- Guest Speaker: Barry Joseph joins us via Skype from the AMNH
- NJSM Study Time Sign Up Sheet
Vision Documents
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
Team Project Pages
Let’s create team pages on the blog for you to post your Vision Documents and project artifacts over the remainder of the semester.
Guest Speaker: Barry Joseph, AMNH
Barry is Skyping in from the American Museum of Natural History. Let’s give him a warm welcome and ask a lot of questions.
Exercise
- Read Barry’s recent blog post about his new position at the AMNH.
- Download and install MicroRangers AMNH AR
- Visit play.amnh.org
- And check out the Gutsy Card Game
Write out two questions for Barry.
Assignment
Vison Documents
- Together with your team, refine your Vision Document based on the feedback your received in class, 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
- Update your team project pages on the blog with your team member names & roles and add links to your UI sketches and content descriptions
Games & Gamification
Announcements
- Underground Sound
- Project Vision Documents due next week
- NJSM study session sign up doodle coming next week
Vision Documents
Let’s go around the room and review your Vision Documents.
Scavenger Hunts
Exercise
IMM WordPress QR Code Scavenger Hunt
- Divide into groups of 2 or so representing four tracks at IMM (e.g. music, games/programming, video/animation, and physical computing/digital fabrication)
- Log into the class blog using your team account and create a post for each room in AIMM that’s significant for your IMM track
- Create a category for your track and assign all your posts to that category
- Go to http://qrcode.kaywa.com/ and create QR Codes for each of your posts
- Print, cut out & place QRCodes around the AIMM building at your chosen track locations
- Fire up your QRCode Reader and take your creation for a test drive
- How could you tweak it to make it better?
Games & Gamification
What is Gamification?
- Basic Gamification – Content Gamification vs. Structural Gamification
- Extrinsic vs. Intrinsic Motivation
Examples
- NJSM Pretty Big Things Scavenger Hunt
- The NJSM Scramble Scavenger Hunt
- Princeton University Art Museum Self Guided Family Activities
- The Academy of Natural Sciences at Drexel ANS Explore! App
- Helen’s Treasures
- Edventure Builder
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
Progress Bars
EXERCISE
Let’s build a progress bar using Bootstrap, JQuery & HTML5 Local Storage:
- Head over to Github to download the code from the progressbar-demo repo
- See it in action here
Assignment
Vision Document
- Refine your Vision Document based on today’s discussion
- Post your Vision Document to Canvas and come prepared to present your Vision Document in class next week
Natural User Interfaces
Announcements
- Project Vision Statements due in 2 weeks (Friday, Oct. 21)
- Time slot sign up sheets for working with the NJSM collection will be posted next week
- Google Daydream
- Google Pixel
Augmented Reality Revisited
Aurasma Exercise
- Break up into teams of 2, 3 or 4
- Head over to the Aurasma website and signup
- Using Aurasma Studio, create a a new Aura
- The follow the instructions to create a demo AR app
- Use photos or images from the web to create your demos
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”
No-UI UI
The Best Interface is No Interface
NUI in the news
- In Wired Design: http://www.wired.com/design/2013/10/watch-a-computer-orchestra-you-conduct-by-waving-your-hands/
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
- Smart Phones
- Tablets
- Muti-touch Screens
MAKING A MULTI-TOUCH SCREEN
Gesture
REMOTES & SMART PHONES
DEPTH CAMERAS
Kinect = Microsoft software + PrimeSense Hardware
- Microsoft Kinect
- Microsoft SDK (Depth, Sound & Rotation)
PrimeSense open sourced Interface and middleware libraries
Adafruit Bounty + Josh Blake’s OpenKinect
- OpenKinect was killed by Apple two years ago after purchasing PrimeSense
- Shiffman’s Kinect Processing Library
ALTERNATIVE DEPTH CAMERAS
Kinect + Processing Demo
Speech
Physical Object Sensors
MICRO-CONTROLLERS
- Arduino
- Raspberry Pi
- MakeyMakey
- Touch Board
- Capacitive Sensing Library
- MPR121 Capacitive Touch Sensor
- Hover
EXAMPLES
CONDUCTIVE MATERIALS
- Thread
- Paint
- Fruits & Veggies
- Water
- Playdough
MakeyMakey Demo
Touchboard Demo
Projection Mapping
The Electric Rise and Fall of Nikola Tesla
Projection Mapping Tools
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.