Presented at FITC's Web Unleashed 2016 in Toronto by Branden Hall, Automata Studios FITC produces events for digital creators in Toronto, Amsterdam, NYC and beyond Save 10% off any of our events with discount code 'slideshare' Check out our events at http://fitc.ca or follow us at https://twitter.com/fitc Overview From art installations to real estate showrooms, Branden and his team have found success in sticking web technologies in unexpected places. They’re using HTML as a sort of universal canvas – a way of creating user interfaces to robots, hundreds of LEDs, architectural lighting and more. In this talk Branden will take a part a few of these projects and show how they used web technologies to make the creation of technology-driven installations faster and easier.

1. THE TANGIBLE WEB
BRANDEN HALL

2. WE MAKE ALL KINDS OF WEIRD
STUFF WITH THE “WRONG”
TECHNOLOGY.

3. REASON #1

4. WHAT’S THE WORST PART
OF YOUR TOOLCHAIN?

5. IN THE SHED
NOT THE SHARPEST TOOL

6. TO SUMMARIZE THE SUMMARY OF THE
SUMMARY: PEOPLE ARE A PROBLEM.
DOUGLAS ADAMS

7. THE TIGHTER
THE FEEDBACK LOOP,
THE BETTER.

8. THE WEB IS AMAZING
FOR SHARING.

9. REASON #2

10. LET’S TALK ABOUT TEXT

11. TIMBERLAND
2011

15. DESIGN BY CHRIS WATTERSON

16. REAL ESTATE SALES CENTERS
2012 - TODAY

19. DJANGO & TORNADOCONTENT MANAGEMENT WEBSOCKETS, ETC.

20. WEBSOCKETS =
JAVASCRIPT’S
DEVICE DRIVER

22. VERIZON CHARGE UP
2013 - 2015

23. METAL ENCLOSURE
SAMSUNG
TABLET
SMALL FORM
FACTOR
PC
FINGERPRINT
SCANNER
ETHERNET
WIFI HOTSPOT
METAL ENCLOSURE (FARADAY CAGE)

24. METAL ENCLOSURE
TOUCH
SCREEN
MONITOR
SMALL FORM
FACTOR
PC
VEIN
SCANNER
ETHERNET

25. ACTIVEX &
WXWINDOWS &
PYWINAUTO &
FLASK

26. CONAN BOT
2015

27. BEAGLEBONE BLACK
NVIDIA SHIELD TABLET

31. THE CRYPTOLOTUS
2013

32. 9’ TALL ROBOTIC LOTUS BLOSSOM
WITH 2200 LEDS INSIDE.
OH, AND IT’S A PUZZLE!

37. THE EYES
2015

42. RELEAF
2016

43. THE USER IS:
HIGH

44. REACT &
REDUX &
FLEXBOX

48. THANK YOU
THAT’S ALL FOLKS
BRANDEN HALL
BHALL@AUTOMATASTUDIOS.COM
@WAXPRAXIS
AUTOMATASTUDIOS.COM