JavaScript

Rapid Prototyping Physical Interfaces with Web Serial and Cheap MCUs.

Quickly and cheaply doing design discovery and prototype development with only a web browser
D.javascript
Louis Foster
<p>(With a $4 microcontroller to build fun, accessible, and unique forms of interaction)</p> <p>The magic of computers and smartphones is the fact that they provide a very malleable interface - the screen. Without having to manufacture extra parts for every new application, this is a massive time and cost saving for engineers. However, this comes at a cost of accessibility and usability, as well as diminishing the physical connection one might have to the device they are using. Physical interfaces are now much easier to develop, and can even be constructed by the end user, since MCUs are now very cheap and readily available, along with lots of modular parts to construct interfaces with. Web Serial provides the added benefit of being able to use the highly distributed and easy to code with JavaScript / Web platform with these MCUs. This means rapid prototyping can be performed, along with user testing, very easily, making it much cheaper and faster to reach an end product. This talk intends to demonstrate some basic examples along with some steps to getting a process together yourself.</p>
Introduction to Web Serial API An overview of the MCU market today Demonstrations of some homemade physical interfaces for web applications How to set up a basic web app using web serial Overview of reading values from a physical input component through a circuit and converting it to serial data Using browser-based circuit design tools for safe pre-breadboard experimentation using Wokwi and CircuitJS Building a simple physical input, through to reading the data into the web application Ideas for potential tangible user interfaces, summary, questions.

Additional information

Type devroom

More sessions

2/5/22
JavaScript
D.javascript
<p>A short introduction about JavaScript Devroom with some interesting resources about JavaScript and a presentation about this special day for the FOSDEM JS Devroom.</p>
2/5/22
JavaScript
Boubacar Siddighi BARRY
D.javascript
<p>Did you face the difficulty of choosing a right architecture solution for a specific project or a client while considering their “rather” complex environment? Do you feel like you need to change your tech stack continuously?</p> <p>If the answer is yes to both of the questions, join my talk about the solutions I’ve found so we can ca discuss your best practice as well.</p> <p>Accelerators (technology kits) are opinionated yet pragmatic that I’ve identified and tested on the projects ...
2/5/22
JavaScript
Trishul Goel
D.javascript
<p>From loading Ajax requests in browsers to have full-blown frameworks; Javascript has come a long way. While moving stuff from backend to frontend the problems of backend are also ported. The Bigger the code gets bigger the problems, more dependencies, harder maintainability, eventually all the problems of a huge monolith. With MicroFrontends, we can break this monolith into smaller independent, maintainable apps. Sounds good? Let’s see how in this talk.</p>
2/5/22
JavaScript
Sean Levin
D.javascript
<p>Behavior Graph is a software architecture and state management library. It greatly enhances your ability to write complex user facing software and control systems.</p> <p>Broadly speaking, it belongs to the category of libraries which includes Redux, MobX, Rx (Reactive Extensions), and XState.</p> <p>It works by providing a new unit of composition which we call the behavior. Behaviors are simple blocks of code together with their dependency relationships.</p> <p>We developed Behavior Graph to ...
2/5/22
JavaScript
Fabien Benetou (@Utopiah)
D.javascript
<p>We keep on hearing about the metaverse but what is it and more importantly, can JS be used to build it?</p> <p>We'll briefly clarify what the metaverse is and give practical examples today with federated virtual reality servers managed by different persons.</p>
2/5/22
JavaScript
Igor Lukanin
D.javascript
<p>I want to explain how to build data-intensive Jamstack apps with outstanding performance, low costs, and scalability while having great developer experience.</p>
2/5/22
JavaScript
David Sveningsson
D.javascript
<p>The hows and whys of using HTML-validate to automate accessibility testing for SPA.</p>