Week 13 - Interface Application & Programming

Interface Application and Programming #

For this week’s assignment, our task was to write an application that interfaces a user with an input or output device that we made. Given the my desire to continue working on my final project and given the progress I made on last week’s assignment (which inadvertedly involved an application), this page and last week’s page document overlapping efforts. This week, I honed the application on my microcontroller that will be available via WiFi and removed the JavaScript from my final project page as it will no longer be relevant. I designed the microcontroller application such that is accessed by using an accelerometer but only when the epaper screen is on a certain page.

The Interface Application and Programming Process

The Interface Application and Programming Process #

Building off of the work I did last week, I continued to refine my code such that I am now able to “scroll” through my epaper screen by tapping on my accelerometer. When I get to a certain page on my epaper screen, the WiFi is initiated and I’m able to then connect a local address to interact with my device. This interfaces conists of a page where people are able sumbit responses to a question and view other people’s response. While not finalized, it will also include a private page where I’m able to download these responses and clear the memory.

This wifi interface is built into the epaper interface that allows users to scroll through a “slides” with text and bitmap images. Below is the script I will be using for my final project:

StoryStone Script #

StoryStone User Interface

Page 1: Welcome to the MIT StoryStone! Tap to Explore

Page 2: Hello stranger! Thanks for your willingness to linger here for a moment and explore the object beneath your feet.

-Tap to Continue-

Page 3: This is a StoryStone.

A proof of concept for modular, solar powered public interest technology that centers the pedestrian.

-Tap to Continue-

Page 4: Street bricks and pavers are everywhere.

They are a form of modularity in the built environment that rarely invites curiosity or engagement.

But what if they could?

-Tap to Continue-

Page 5: What if a brick could be a landmark, a tool for navigating your environment, or a way to learn about the place you’re standing?

-Tap to Continue-

Page 6: What if it held directions or collected data or simply offered a moment of delight or discovery?

-Tap to Continue-

Page 7: Like an eddy in a river, the StoryStone is an attempt to slow you down,

to catch your attention, create meaningful engagement, then return you to the flow of your day.

-Tap to Continue-

Page 8: At a place like MIT…

Where might a StoryStone or a network of StoryStones belong? What should they say or show?

How might they best serve your pedestrian journey?

-Tap to Continue-

Page 9: A StoryStone could serve as a wayfinding tool - a point of orientation for hyper-local resources that are accessible by foot…

Page 10: Pedestrian Resources Example bitmap Resources

Page 11: It could sense you surroundings

  • air quality, temperature, sound - and provide real-time information about the environment…

Page 12: Environmental Health Dashboard example Dashboard

Page 13: It could ask simple questions and gather site-specific data from everyday pedestrian experiences…

Page 14: Pedestrian Survey example Survey

Page 15: Want to share your thoughts?

The next page opens the StoryStone portal.

-Tap to Continue-

Page 16: Open the WiFi settings on your phone and connect to the “StoryStone.”

Then scan the QR code on the next page. (It may take a few tries!)

-Tap to Continue-

Page 17: Scan QR or visit “http://192.168.4.1/”

[QR Code Image for above address]

Page 18: If you wish to collaborate on this project and improve the quality of your pedestrian experiences, please email storystone.project@gmail.com. Thanks for stopping by!

-Tap to Return to Homepage-

The Final Product: #

Final Product

Click Here to Download Firmware for Wifi and Epaper Interface

https://chatgpt.com/share/693af47d-af64-800b-93a9-7977d9222dbe https://chatgpt.com/share/693af4c2-4d84-800b-b8bd-7c0c35ab9c5c https://chatgpt.com/share/693af4d2-6dd8-800b-ba8b-bb40de868ba6 https://claude.ai/share/02682e85-e11c-47ec-81da-3f524bca865f