Maham Fatima's Portfolio
CPSC 581-Project 1: Designing Interactive App for Kids
StoryBot Adventure
Storybot Adventure is an innovative system designed to foster creativity and imagination in children by merging the power of artificial intelligence with the boundless world of storytelling. When a child inputs a prompt, the system crafts a unique, engaging story tailored to their idea. But the magic doesn't stop there. Once the story is generated, children are given tools to illustrate each scene, bringing their own personal touch and vision to the narrative. This encourages artistic expression and deepens their connection to the story. Upon completion, the system offers an option to export the entire project, allowing children to have a tangible book of their own creation. Storybot Adventure is more than just a storytelling tool; it's a bridge between technology and the timeless art of storytelling, empowering the next generation of writers and illustrators.
Meet Robby the Robot.
Concept Sketches
These concept sketches serve as the visual foundation for our storyboard system, a tool we've developed to facilitate discussions on system design. They are instrumental in helping us visualize and refine the user interface, functionality, and overall user experience.
Below we have displayed 10 of our best concept sketches. You can click the arrows to browse or click on picture to zoom in. Each sketch includes written details you can check out as well.
Detail/ Variation Sketches
Following the selection of our concept from the initial concept sketches, we embarked on the next phase of our project by creating detailed sketches. These intricate renderings provide a comprehensive visual blueprint, capturing every nuance of our system's design and functionality. With these detailed sketches in hand, we are prepared to translate our creative vision into a tangible and user-friendly system that will both entertain and educate children.
Scroll through below to see our refined sketches. To see details about each sketch click on the drawing to read our descriptions.
Demo Video
Contributions:
This project would not be possible without the contribution of every member of our team. Thank you, Surya, Bruce, and Thao for your hard work!
I personally contributed by helping with sketches, idea formation, the design and coding of the interface.
I initially started by pitching ideas and sketching. My group decided to move forward with my StoryBot idea after our vote.
I then helped make variation/detail sketches to further expand on our idea. After that I made a rough mockup of our interface to help us visualize how we will make our interface work.
When we started to move forward with implementation,
I focused my attention on making the first page and the chat, creating a robot character(its video and gif and making it seem like it is talking), and passing the story through the next page to be illustrated on. I also generated the stories, prompts and example answers for our demo.
The initial rough mock up of our interface
Demo Site
You can open our demo site in a new page by clicking the button to the right.
Try entering one of the examples on our live site:
Ex #1
Ex #2
Ex #3
Q1: jess
Q2: She lives in a new
planet made of candy
Q3:There's a problem with cavities
Q4: She has a gingerbread friend named Ginger
Q5: He knows the way to a dentist
Q6: They see different candy on different planets
Q1: nick
Q2: He lives in a treehouse in the enchanted forest
Q3: He discovers a hidden treasure guarded by talking animals
Q4: His friends are a wise owl, a mischievous squirrel, and a brave rabbit
Q5: They use teamwork and kindness to befriend the animals, and they learn that cooperation is the key to success
Q6: They use the treasure to improve the enchanted forest and share its benefits with all the magical creatures",
Q1: winston
Q2: He lives in a bustling big city called Metroville
Q3: He becomes a superhero and joins forces with other heroes to save the city from a supervillain
Q4: His friends are Captain Thunder, Laserbeam Girl, and Techno-Wizard, each with their own incredible abilities
Q5: They combine their powers and use teamwork to outsmart the supervillain, but they face several close calls and must stay united
Q6: Winston continues to protect Metroville from threats, but he also uses his abilities to help the community and make the city a better place
