![](https://freight.cargo.site/t/original/i/dae6776a895250fb665a628cb14e1811700fe3b3be46f0d25f52de5c5889d6f6/IMG_2205-2.jpg)
gpTea (2024)
intergenerational storytelling through LLM tea makingCourse: Designing Intelligence, Spring 2024
Instructor: Marcelo Coelho
Project Duration: 4 Weeks
Project by: Kevin Tang, Kelly Fang
![](https://freight.cargo.site/t/original/i/93043a8c2b3cd84fa61d3a7475d085e68fb63feb626ab0149cc3a859ba073865/ezgif-7-a0fec9c292.gif)
![](https://freight.cargo.site/t/original/i/f6fde1a782a8bf350ba1b6a971f8320b7a6fcb29f01dc94bf810c7fbb960bc53/IMG_2433.jpg)
Introduction:
“gpTea” is a tea set that preserves and encourages the sharing of untold stories between separated friends and loved ones through generative AI. It enhances the ritual of tea drinking by turning each cup into a shared, interactive storytelling experience, encouraging a slower, more reflective form of communication.
![](https://freight.cargo.site/t/original/i/aa0b34bb6187ef3448cb8bfcb09a6cb283c142744455b62dd5ad2c12cf6c1f13/IMG_2160-2.jpg)
![](https://freight.cargo.site/t/original/i/17f297912f17bd93ee6ec2f461412581cd15b9b9d89fc6d53d475c9481b106b5/Screenshot-2024-05-21-231310.jpg)
![](https://freight.cargo.site/t/original/i/ce08f2afe3a7497a242cd4ccccfe8d32e19a8e6e6e0c707404194931c6b4e126/Screenshot-2024-05-21-231322.jpg)
Balancing Ritual with Technology
![](https://freight.cargo.site/t/original/i/0bef7077a2012f82a4aeb757d691425cbfb4e545abc09f271300bf6461857ce1/IMG_2106-2.jpg)
![](https://freight.cargo.site/t/original/i/71f4ed3d05d260cb205814e518c3c0dc366eeefedf6c134c21bf80b6bebeba29/IMG_2190-2.jpg)
![](https://freight.cargo.site/t/original/i/b0fa28b8e7e51edcbf558603536484e5e3ce4dc2a57cebe40b4dc197fead1123/IMG_2112-2.jpg)
Hardware
gpTea’s hardware consists of three parts, the cup, the tray, and the teapot. The cup features a 1.28 inch round display, ESP32 microcontroller, microphone, and 1 liPo battery. The body of the cup has a magnifying lens built into its geometry to blend the display into the liquid content once the cup is filled. The tray houses a speaker, a stepper motor that manipulates the teapot’s rotation via a timing belt, and a rotary encoder equipped with 2 haptic motors for user feedback and one hall effect sensor for detecting the presence of the cup. All the electronics housed in the tray are connected to an arduino nano microcontroller.
gpTea’s hardware consists of three parts, the cup, the tray, and the teapot. The cup features a 1.28 inch round display, ESP32 microcontroller, microphone, and 1 liPo battery. The body of the cup has a magnifying lens built into its geometry to blend the display into the liquid content once the cup is filled. The tray houses a speaker, a stepper motor that manipulates the teapot’s rotation via a timing belt, and a rotary encoder equipped with 2 haptic motors for user feedback and one hall effect sensor for detecting the presence of the cup. All the electronics housed in the tray are connected to an arduino nano microcontroller.
![](https://freight.cargo.site/t/original/i/d546d77d26a67ce3b402275690c8734be7e4857a026453b7426a74a12627aae0/Screenshot-2024-05-21-231345.jpg)
Interaction Design:
Cup as Universal Touch Point
![](https://freight.cargo.site/t/original/i/e2b96a1cc6325c5e29b5235cc3ab8c5fad7d00a36f2f807391eb71fd4e8d62a0/Sequence-ezgif.com-video-to-gif-converter.gif)
System Loading animation
![](https://freight.cargo.site/t/original/i/8d4024b52e9d05ac9f65c2d08fc5c06111cf98191a191b5d3c9e9d062cfa392a/Sequence_1-ezgif.com-video-to-gif-converter.gif)
AI speaking indicator
![](https://freight.cargo.site/t/original/i/c61c59749f5672565f43583f0a405715c607f946a4b72e37ee4613c4853583eb/Sequence_7-ezgif.com-video-to-gif-converter.gif)
Hall Effect detecting when the cup has been lifted.
Displaying blinking red audio recording light
![](https://freight.cargo.site/t/original/i/d335fd180c9fda9aae5c72c81469b01481f201f5d064b65539ce7b85cde3f086/Sequence_4-ezgif.com-video-to-gif-converter.gif)
![](https://freight.cargo.site/t/original/i/6a70db4f3580994f3c47ffd62fe28db7c0810b5c4ad51cbe74fc23439ed021cd/Sequence_8-ezgif.com-video-to-gif-converter.gif)
Rotary Dial
![](https://freight.cargo.site/t/original/i/385fd8cbe98f2194e75ad6454dbc79c4be0856b0501366df6bfdc2fbb35606f7/MVI_2385_1-ezgif.com-optimize.gif)
![](https://freight.cargo.site/t/original/i/54ae3e195ea3658d4c1642c18c5c70c4213e901898d293cdf89611bf898d84d5/MVI_2385_2-ezgif.com-optimize.gif)
Generated Photograph Display
Prototype Iterations
![](https://freight.cargo.site/t/original/i/2aac1f4610075dc7859881de2e2cd1abdcbc281813f2a85a7f181d3e3ae4295e/IMG_2277.jpg)
![](https://freight.cargo.site/t/original/i/5619681fd4e5772d5c617b5979c1bc9b7e22de522df46e61868e4c381f725865/IMG_2332.jpg)
![](https://freight.cargo.site/t/original/i/9528e91d2f7d43420517bdff80553d277a6d9b01de67b76873feac18cf29d6d3/Screenshot-2024-05-19-181625.jpg)
1st Prototype
![](https://freight.cargo.site/t/original/i/4acfdae395fafe55ad893a645d42bcfb33923564652279a3a3843d446dd6807a/IMG_6661.jpg)
![](https://freight.cargo.site/t/original/i/4feed5761366e15eef20409c618f5137d0200b1e78238bdd650cc2fe812bf337/IMG_6672.jpg)
LED tray
2nd Prototype
![](https://freight.cargo.site/t/original/i/7831a4bdfa88daaa190de8da91a534b24f88e2650e8d1e3f86db0a68960563b2/IMG_6749.jpg)
Full works-like prototype
![](https://freight.cargo.site/t/original/i/9b85c92a6c8c5534873dd315de48119eecb8fbdbae7c216b17c21931c2e8fad6/IMG_6722-ezgif.com-optimize.gif)
Motor and Timing Belt Testing
![](https://freight.cargo.site/t/original/i/277faa38195be6ce7435a63f6700e866ec142578a97d6ed4cf748b54c9df1fdb/IMG_6739-ezgif.com-optimize.gif)
Teapot integration Testing
3rd Prototype
![](https://freight.cargo.site/t/original/i/7f71d0484f90478147d7be44d686246cfd668ebe02b6e76284b1e68fa9bbb270/IMG_6850.jpg)
![](https://freight.cargo.site/t/original/i/46042e3401b370d4fce673fb1a0af211206308a1e9098809dfcd462370c47e36/IMG_7499.jpg)
All Prototypes
![](https://freight.cargo.site/t/original/i/7d9c6c178b751d4816b478360a4fefabd78f70cef66b5ae71cd8c895c67c21c0/IMG_7351.jpg)
4th Prototype
![](https://freight.cargo.site/t/original/i/149e2c18e93c4fd7a9acc908291515e90b4d1dde6953511417fdeec4b00c9f8e/IMG_7577.jpg)
New Teapot with Turned Bearing Pin
![](https://freight.cargo.site/t/original/i/7476fcc29f8d14638d3af3a441ef86f80e1060b04395a1261e79b74efcc4a654/IMG_7581.jpg)
![](https://freight.cargo.site/t/original/i/d23b76c501ada6b8ac3cf5e694d02cf825c049b502e2189d9d22544802a3c3ed/IMG_7656-ezgif.com-optimize.gif)
Pour Test
Magnifying Lens
![](https://freight.cargo.site/t/original/i/5e29ea5f86818313860e4c3c6a87b01d788d22d7edb737121e6378000b8087f8/IMG_7113.jpg)
![](https://freight.cargo.site/t/original/i/f22de0e0766ef268dadc349f44ca8529e9d0ee6ca0b54d57b2d4216cf71218ce/Screenshot-2024-05-22-000936.jpg)
![](https://freight.cargo.site/t/original/i/9a3c2684a75f5482c612f50236936ebd51df3c6feff5714cb9ffe682c3a503d6/IMG_7124.jpg)
Software Overview
![](https://freight.cargo.site/t/original/i/517a6330f7c3ff2436af85aac6da3f9cff478abe789bdfc546d3c50825350ccb/Screenshot-2024-05-22-003709.jpg)
![](https://freight.cargo.site/t/original/i/5f12e9dd20dcf0c5ff353d425b623d5ca39d6abd96804f1f795b5a2618e460ce/Screenshot-2024-05-22-002115.jpg)
Diagram of gpTea’s two settings
Story Collecting (State diagram + prompt engineering)
![](https://freight.cargo.site/t/original/i/f52ac64735c5771fe203c1e4d80e76636f5eb1df17cd7eef35683bd2d1bc282e/Screenshot-2024-05-22-002134.jpg)
Setting1: State diagram of gpTea’s story collecting setting
![](https://freight.cargo.site/t/original/i/37d974c2b6328a3964b249386378fc630c321f35b47a73bfb1e4a96aeeb5a494/Screenshot-2024-05-22-002415.jpg)
Story Telling (State diagram + prompt engineering)
![](https://freight.cargo.site/t/original/i/82aa315b1df8cff958154f1c812299fe9c67af1941436e2592a27e9af3f4d8ff/Screenshot-2024-05-22-002500.jpg)
Setting 2: State diagram of gpTea’s story-telling setting
![](https://freight.cargo.site/t/original/i/bb67a82a0d094120ebb180f3394593a0512c5e877622c07a8f21bfa4611615ef/Screenshot-2024-05-22-002743.jpg)
Chat completion prompts used by setting 2
![](https://freight.cargo.site/t/original/i/f673b58e9b95e06f0d92f3f486dbe507f38140ae2bb9538a06f0da729a8f34e9/Screenshot-2024-05-19-181233.jpg)