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

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

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

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: #

Click Here to Download Firmware for Wifi and Epaper Interface
AI Conversation Link: #
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