Sensor Variable Font

Pedro Amado (Ph.D., MFA) is an Assistant Professor of Web Design, Creative Coding, and Typeface Design at the Faculty of Fine Arts of the University of Porto (FBAUP). Integrated researcher and member of the direction of the Research Institute of Art, Design and Society (i2ADS), a founding member of the ATIPO, and country delegate for the ATypI. Passionate for digital tinkering, amateur letterpress printer, he focuses his research and development activities on computational and post-digital typography and editorial design, as well as human-computer interaction.

Pedro Amado (FBAUP / i2ADS)

A one-day beginner-level workshop on interactive typography in semantic interfaces controlled by physical computing 

Cities are rapidly evolving towards the so-called Smart cities, where the Internet of Things (IoT) and the hyperconnectivity of citizens are creating new coexistence and interaction paradigms. The experiences with the interfaces can become much more meaningful due to the use of variable fonts, whose potential lies in turning typography into something alive, capable of adapting to the environment around it.The goal of this workshop is to introduce participants to improve the user experience of graphical interfaces by creating a semantic relationship between typography and data collected by sensors.This is a one-day beginner-level workshop. Participants will be introduced to the new font technology variable fonts, to connect sensors to the open-source board Arduino and learn the tools to synchronize the data and the typeface through HTML, CSS, and Javascript (JS).You can get more info about the project at <a href="https://sensorvariablefont.com/" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">www.sensorvariablefont.com</a>Workshop Program (8 Feb. 10h–13h GMT+1)<ul><li>Introduction (participants, instructors)</li><li>Variable fonts</li><li>Arduino and sensors</li><li>Building an interface with HTML, CSS, and JS to interrelate a variable font and sensor data</li><li>Sensor Variable Font model</li><li>Developing a graphic interface prototype</li></ul>RequirementsParticipants must have access to a personal computer with a modern browser (e.g. Chrome), a stable Internet connection to participate in the workshop via Zoom. Plus, the following Arduino components*:<ul><li>Arduino Uno or higher with a USB wire.</li><li>Protoboard, wires, and some resistors.</li><li>At least one of these sensors: ultrasonic sensor HC-SR04, light Dependent PhotoResistor (LDR), or a water level sensor. You can also try with other sensors later.</li></ul>*There are basic Arduino kits that have the components specified above.We recommend that you already have the following software installed: <a href="https://code.visualstudio.com/download" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer"></a><ul><li><a href="https://code.visualstudio.com/download" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">Visual Studio Code</a> <a href="https://www.arduino.cc/en/software" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer"></a></li><li><a href="https://www.arduino.cc/en/software" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">Arduino IDE</a> <a href="https://nodejs.org/es/download/" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer"></a></li><li><a href="https://nodejs.org/es/download/" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">Node Js</a> </li><li><a href="https://git-scm.com/downloads" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">Git</a> </li><li>and <a href="https://classic.yarnpkg.com/en/docs/install" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">Yarn</a> </li></ul>A short tutorial on how to install the software mentioned above is available at the following link: <a href="https://sensorvariablefont.com/variable-font/installation-tutorial/" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">https://sensorvariablefont.com/variable-font/installation-tutorial/</a>The workshop will be held online via Zoom. The link to the workshop Zoom meeting will be emailed to the registered participants on the day before the workshop.The workshop will be held in the English language, but it is suitable for Portuguese and Spanish speaking participants.InstructorsIván Huelves develops his professional career as an accredited teacher, by the Master&#x27;s Degree in Teacher Training, in the field of graphic design, interactivity, and new technologies at the Escuela Superior de Diseño de Madrid. He combines his lectures with a line of research into interactive typography under a Ph.D. program in Design at Universidad Complutense de Madrid and his professional activity as a freelance graphic designer. He has published research papers in several international conferences and journals. Additional info and links: <a href="https://ivanhuelves.com/" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">https://ivanhuelves.com/</a>Lourdes Marco is Graduated in Graphic Design from the Escuela Superior de Diseño de Madrid, Master’s Degree in User Experience Design from the International University of La Rioja, a Ph.D. student in Telematics Systems Engineering doctoral program at UPM. Since 2018 she works as a professor of technology applied to design at ESDM. She collaborates occasionally with the GING research group, the telematic engineering department of the Universidad Politécnica de Madrid. Her research interests focus on IoT, e-Learning, and web accessibility. She has published research papers in several international conferences and journals. Additional info and links: <a href="http://lourdesmarco.com/" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">http://lourdesmarco.com/</a>More information about the workshop contextThis workshop is part of the Processing Community Day 2021 @ Porto: <a href="https://pcd.fba.up.pt/2021/" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">https://pcd.fba.up.pt/</a>The PCD21 is a free and open-participation event and <a href="https://processingfoundation.org/advocacy/processing-community-day-2020" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">part of a larger initiative of the Processing Foundation</a>. We welcome all members of the local and international community to join us. It aims to promote Creative Computation and Computational Thinking in the Arts and Design.Additionally, the PCD21 program features a keynote conference of a guest speaker (to be announced soon!), and an exhibition (resulting from the call for works that is open until the end of January). Participation in all activities is free, but registration is required.

Sensor Variable Font

More events from Pedro Amado (FBAUP / i2ADS)

Discover more events from Pedro Amado (FBAUP / i2ADS), from Arts to other experiences you might love.

Still looking for the right event?

Explore all online events to browse and filter by date, category, and more.

Sensor Variable Font

More events from Pedro Amado (FBAUP / i2ADS)

Discover more events from Pedro Amado (FBAUP / i2ADS), from Arts to other experiences you might love.

You might also like...

Browse more events with different dates, prices, and formats to find your next great experience.

Still looking for the right event?

Explore all online events to browse and filter by date, category, and more.