Announcements
- We’ll travel next week to the Sarnoff Museum, where we’ll explore works from previous classes and discuss Augmented Reality
- Studio of the Week – Local Projects
- TTS & the Humanity of Everyday Things
- Guest Speaker – John Kuiphoff on the IoT
Open Content Review
APIs
Most web applications are built in a three-tiered architecture:
- presentation layer ( html, css, javascript, etc )
- application logic (php, ruby, python, javascript, etc)
- database (dbms, file, spreadsheet, etc)
APIs are basically three-tiered web applications without the presentation layer. You access the data using a URL over HTTP, like a web page, but all you get back is data.
Why is this important? Because you can create different & separate presentation layers for different devices and situations. It also allows you to mashup data from different sources and wrap it in entirely new interfaces.
example:
Open Applications
One of the great things about Timeline.js is that it’s both a content visualization app (application + presentation layer) and a content database (data layer). As such it gives us a complete content management solution that relatively non-technical people can use to update the presentation layer without having to know how to code.
Exercise
- Break up into teams of 3 or so – one to edit the Google spreadsheet, one to organize the timeline info and find additional content, and one to create the web page
- Take a look at this History of the New Jersey State Museum one-sheet from the NJSM
- Go to Timeline JS3 and click on the green “Make a Timeline” button
- As a team, work through the document and create a timeline of the history of the New Jersey State Museum – include images, videos or maps in your timeline record entries
- Here’s a Github Gist starter web page if you need it for your Timeline
Design Notebooks
Let’s take a few minutes to catch up on some of your Design Notebooks
Internet of Things
According to Wikipedia:
“The Internet of Things (IoT) refers to uniquely identifiable objects and their virtual representations in an internet-like structure.”
The idea is that objects can be directly connected to the internet, transmitting or receiving data, or be tagged in such a way to have digital representations of the objects be accessible over the internet. And, increasingly, much of that IoT traffic is M2M.
http://www.youtube.com/watch?v=LVlT4sX6uVs
History – http://postscapes.com/internet-of-things-history
More info on IoT – http://postscapes.com/internet-of-things-resources/
How do we connect everyday objects to the internet?
- QRCodes
- RFIDs
- iBeacons (Bluetooth/Bluetooth LE)
- MicroControllers
examples:
The Internet of Things is about sensors, accuators, and networks
The Internet is the global network of networks
examples:
Exercise
- Divide into groups of 3 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?
Assignment
Object Interpretation
- Last week at the NJSM, Beth Cooper told us:
Every object has multiple stories:
1) Who made it
2) Who used it
3) Why is it important
4) How did it get to the museum, etc
Finding the most compelling angle and narrowing down the story is the key
- Read Imagining the Possibilities
- Create a new slide in your Design Notebook and title it “Interesting Objects”
- Identify an object or objects in the A Much Moved People, Cultures in Competition, and/or New Jersey’s Original People collections that you find particularly interesting. Identify the object attributes for each object and describe some story concepts you might want to develop
Augmented Reality/Virtual Reality (AR/VR)
- Read Virtual Reality in the 2016 NMC Horizon Report, pp. 42-43
- Read Me/We/Here/There: Museums and the Matrix of Place-based Augmented Devices in the 2016 Trendswatch, pp. 23-29
- Create a new slide in your Design Notebook and title it “Augmented & Virtual Reality”
- From the reading, which examples of Augmented and/or Virtual Reality particularly appealed to you and why?
- Do some Google searches to find other examples of AR- or VR-enhanced museum exhibits? List them and include a brief description of each
Submitting Your Work
This week’s homework assignment is due next week before class. When you’ve completed them, post the link to your design notebook on canvas & post a comment on this page (Internet of Things), also including the link to your Design Notebook.
https://docs.google.com/presentation/d/1_OSRXTWMV0jypnV2TdsXO9UCzSsZvTUMgCFFJE1H3eU/edit#slide=id.g173b9d4c37_0_5
Forgive me; I put a link into my last post that I’m not sure was shareable. Here’s one you should definitely be able to view:
https://docs.google.com/a/tcnj.edu/presentation/d/1_OSRXTWMV0jypnV2TdsXO9UCzSsZvTUMgCFFJE1H3eU/edit?usp=sharing
https://docs.google.com/presentation/d/1eBNSbzhCheunazx7iGy-4kz02iKUeuarVVhoqBcrmGE/edit?usp=sharing
https://docs.google.com/a/tcnj.edu/presentation/d/14G4Cq6FpkSPllQ1_QErGoDcjX7ezy-SVlerE1kEP-rc/edit?usp=sharing
https://docs.google.com/presentation/d/1Ouws0sCHaadsHXXvqfprEkOfddesjehKieRuHI53YKo/edit?usp=sharing
https://docs.google.com/presentation/d/1aMmbTkxBYaGdJIEazFvxJRFeFJeuP9OMYhRgiPMF0qk/edit#slide=id.g136e63365d_0_6