tessel: the end of web development (as we know it)
DESCRIPTION
The internet of things has been upon us for years but hasn't lived up to its name. At Technical Machine (http://technical.io), we believe it's because the internet of things should be created by the people who know the internet best: web developers. Find out about the software and hardware that drives the Wifi-enabled, JavaScript powered, Node.js compatible microcontroller for web developers. When web development is freed from the confines of a screen it becomes even more powerful. It becomes about making new experiences. Pre-order a tessel at http://tessel.io/.TRANSCRIPT
![Page 1: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/1.jpg)
(as we know it)
The End ofWeb Development
Jon McKay Kelsey Breseman
![Page 2: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/2.jpg)
The internet is really big
(8.1 billion devices)
![Page 3: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/3.jpg)
![Page 4: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/4.jpg)
It’s about to get much
bigger (est. 40 billion “devices” by 2020)
![Page 5: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/5.jpg)
![Page 6: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/6.jpg)
Increased Awareness (sensing)
![Page 7: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/7.jpg)
Retail Industry Product
Cities SelfEnvironment Home
![Page 8: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/8.jpg)
UnparalleledControl
(actuating)
![Page 9: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/9.jpg)
Internet of ThingsPervasive Computing
Ambient Intelligence
![Page 10: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/10.jpg)
Internet of ThingsPervasive Computing
Ambient Intelligence
Internet of EverythingCisc
o
![Page 11: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/11.jpg)
![Page 12: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/12.jpg)
![Page 13: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/13.jpg)
![Page 14: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/14.jpg)
But hasn’t this idea been around
for 15 years?
![Page 15: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/15.jpg)
electrical engineering tools really suck
![Page 16: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/16.jpg)
SRSLY
![Page 17: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/17.jpg)
Connecting to the internet is expensive
![Page 18: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/18.jpg)
Hardware doesn’t have much open sourcery
![Page 19: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/19.jpg)
But those problems are tiny
compared to this
behemoth:
![Page 20: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/20.jpg)
The Internet of Things will be created by the people who know the
Internet best.
![Page 21: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/21.jpg)
that’s youentrepreneurial. open. innovative.
lean. hungry.
![Page 22: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/22.jpg)
![Page 23: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/23.jpg)
Jon
Jia
Tim
![Page 24: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/24.jpg)
Lifegraphlabs.com
![Page 25: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/25.jpg)
Kelse
y
Eric
![Page 26: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/26.jpg)
Q: How do you teach web developers about
hardware?
![Page 27: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/27.jpg)
A: You don’t. You teach hardware
about web developers.
![Page 28: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/28.jpg)
> git push heroku master
> tessel push tessel.js
![Page 29: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/29.jpg)
Built-in WiFiPackage Manager
Node.js SolderlessJavaScript
RemoteMobile
![Page 30: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/30.jpg)
“So how do we make a low-power, credit card-sized Node.js server?”
June 2013
“...In 100 days... ...with $20k”
![Page 31: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/31.jpg)
web-optimized hardware
+code Tim wrote 2 years ago
![Page 32: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/32.jpg)
CC3000 WiFi ChipConstant Connection
Remote DeploymentMobile Friendly
Hardware
![Page 33: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/33.jpg)
CC3000 WiFi ChipConstant Connection
Remote DeploymentMobile Friendly
32MB of Flash & RAMJavaScript-powered
Node.js compatible
Hardware
![Page 34: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/34.jpg)
CC3000 WiFi ChipConstant Connection
Remote DeploymentMobile Friendly
32MB of Flash & RAMJavaScript-powered
Node.js compatible
Cortex M ProcessorBecause computer
Hardware
![Page 35: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/35.jpg)
CC3000 WiFi ChipConstant Connection
Remote DeploymentMobile Friendly
32MB of Flash & RAMJavaScript-powered
Node.js compatible
Cortex M ProcessorBecause computer
Horizontal Module HeaderPlug n Play Capabilities
Hardware
![Page 36: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/36.jpg)
Software
JavaScript file
Current Design
g-zipped Lua File
local computer
Lua Interpreter
Tessel
![Page 37: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/37.jpg)
Oh So Slow.
![Page 38: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/38.jpg)
Software
JavaScript file
Fancy, New Design!
Compile JS to Lua bytecode
local computer
LuaJIT-based Custom RTOS
Tessel
![Page 39: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/39.jpg)
No Installing LinuxNo Reinstalling Linux
No Managing Dependencies
Just Writing Code
No Configuring Linux
![Page 40: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/40.jpg)
>npm install tessel -g
![Page 41: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/41.jpg)
>npm install tessel -ghardware
![Page 42: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/42.jpg)
Demo Time!(fingers crossed)
![Page 43: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/43.jpg)
If the demo failed:
![Page 44: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/44.jpg)
obligatory blinky light
![Page 45: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/45.jpg)
plug & chug
node package name
![Page 46: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/46.jpg)
event driven acceleration
![Page 47: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/47.jpg)
use existing http libs
![Page 48: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/48.jpg)
![Page 49: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/49.jpg)
+ + = fitbit
![Page 50: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/50.jpg)
+ + = fitbit
+ = nest
![Page 51: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/51.jpg)
+ + = fitbit
+ = nest
+ + = august
![Page 52: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/52.jpg)
Web Development isn’t just about
making websites anymore.
![Page 53: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/53.jpg)
Web Development is about making
new
experiences
![Page 54: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/54.jpg)
thanks!thanks!
![Page 55: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/55.jpg)
Jon McKay@jonmckay
tessel.io
![Page 56: Tessel: The End of Web Development (as we know it)](https://reader030.vdocuments.site/reader030/viewer/2022020206/540da4888d7f728d7e8b4a5d/html5/thumbnails/56.jpg)
thanks!Questions?