TINK - sketching product experiences of connected objects
Tink is the result of my graduation project from the master in design for interaction at TUDelft. Tink is a web platform that connects products with one another via the Internet, it provides designers with a complete Internet of Things (IOT) development environment. Designers are provided with a rich stack of features to sketch, prototype and test IOT projects. Tink is a user-friendly, visual, collaborative, open-source tool for designers to build connected interactions among objects.
Tink is the result of my graduation project from the master in design for interaction at TUDelft.
Tink is a web platform that connects products with one another via the Internet, it provides designers with a complete Internet of Things (IOT) development environment.
Designers are provided with a rich stack of features to sketch, prototype and test IOT projects. Tink is a user-friendly, visual, collaborative, open-source tool for designers to build connected interactions among objects.
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
74 - <strong>TINK</strong><br />
Draw the system diagram<br />
ADD ENTITY<br />
CHOOSE THE TYPE<br />
GIVE A NAME TO THE ENTITY<br />
UPLOAD A PICTURE<br />
Entity are added by clicking the<br />
plus button on top left corner.<br />
From a side panel it is possible to<br />
choose the type <strong>of</strong> entity.<br />
Double-click on the entity name<br />
makes it editable.<br />
Dragging an image on the entity’s<br />
will replace the default one.<br />
ADD BUILDING BLOCK<br />
CHOOSE FROM THE LIBRARY<br />
CHANGE BUILDING BLOCK NAME<br />
MODIFY CODE<br />
Building blocks are added to the<br />
entity by clicking the appropriate +<br />
button in the side bar<br />
SET CONNECTED OBJECT ID<br />
It is possible to choose a Building<br />
block from the Building Block<br />
Library<br />
DEPLOY THE CODE<br />
Double-click on the trigger name<br />
makes it editable.<br />
DRAG CONNECTIONS<br />
The code editor comes pre-filled<br />
with basic code that has to be<br />
modified according to the electronic<br />
configuration<br />
Every entity needs a unique ID,<br />
configurable by clicking the gear on<br />
the right <strong>of</strong> the entity name on the<br />
side panel<br />
Once the code is modified the<br />
deploy button needs to be pressed<br />
to upload the code on the hardware<br />
Connections are created by<br />
dragging the right or left sides <strong>of</strong><br />
the building block.
Change language