2013.10.05 GDG Hyderabad DevFest
Using Chrome Serial API with Arduino
(Integrating Chrome with Embedded Systems)
2
Syed Anwaarullah
Agenda
• Introduction
• Demo
• Implementation
• Q&A
3
My two cents…
4
How many side does a coin have?
Software Hardware+ =
∞
What is…IoT?
5
•The Internet of Things is a computing concept where everyday
physical objects will be connected to the Int...
What is…
No. Slide
IoT…
No. Slide
Where does Chrome Stop?
7
Chrome Browser is…
• _______________
• _______________
• _______________
Is that all? Should we ...
Chrome Extensions
“Small Software programs that can modify and
enhance the functionality of the Chrome browser”
http://dev...
Chrome Packaged Apps
9
“Packaged Apps deliver an experience as capable as a native app.
http://developer.chrome.com/apps/a...
What is Arduino?
10
“Open-source electronic prototyping
platform allowing to create interactive
electronic objects
• USB-S...
Lets build an IOT device using Chrome Serial API and Arduino
11
The UML aka Circuit Diagram
Demo…
12
Demo
chrome.serial API
13
Use this API to read from and write to a
device connected to a serial port
chrome.serial API methods
...
Dissecting the Chrome App
14
Tells Chrome about the app, what it is, how to launch and permissions required
Create the eve...
Dissecting the Arduino Code
15
setup()  Initialization
loop()  Super loop, no exit
Serial  Serial Communication Library
Q&A
16
17
“Using Chrome Serial API with Arduino”
Thank you! 
Source Code:
Syed Anwaarullah
Blog: http://anwaarullah.com
Email: s...
Upcoming SlideShare
Loading in …5
×

GDG Dev Fest - Hyderabad - Using Chrome Serial API with Arduino

1,696 views
1,578 views

Published on

This is the slides that were used to demo the concept of using the Chrome Serial API with an Arduino (Integrating Chrome with Embedded Systems) at the Google Developer Group Hyderabad DevFest, 5th Oct, 2013.

The source code is available at:

https://bitbucket.org/anwaarullah/chromearduino

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,696
On SlideShare
0
From Embeds
0
Number of Embeds
787
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

GDG Dev Fest - Hyderabad - Using Chrome Serial API with Arduino

  1. 1. 2013.10.05 GDG Hyderabad DevFest
  2. 2. Using Chrome Serial API with Arduino (Integrating Chrome with Embedded Systems) 2 Syed Anwaarullah
  3. 3. Agenda • Introduction • Demo • Implementation • Q&A 3
  4. 4. My two cents… 4 How many side does a coin have? Software Hardware+ = ∞
  5. 5. What is…IoT? 5 •The Internet of Things is a computing concept where everyday physical objects will be connected to the Internet •They will also be able to identify themselves to other devices •IoT describes a world where just about everything can be connected and communicate in an intelligent fashion
  6. 6. What is… No. Slide
  7. 7. IoT… No. Slide
  8. 8. Where does Chrome Stop? 7 Chrome Browser is… • _______________ • _______________ • _______________ Is that all? Should we stop here? Fastest Secure Most popular
  9. 9. Chrome Extensions “Small Software programs that can modify and enhance the functionality of the Chrome browser” http://developer.chrome.com/extensions/index.html • Little or No User Interface • Essentially web pages and can use all APIs provided by browser to web pages • User downloads and installs them • chrome.* APIs • Extension has: A manifest file, one or more HTML and JS files 8
  10. 10. Chrome Packaged Apps 9 “Packaged Apps deliver an experience as capable as a native app. http://developer.chrome.com/apps/about_apps.html • Written in HTML5, JavaScript, CSS • Looks and behaves like a standalone web app outside the browser • Have access to Chrome APIs and services not available to web traditional web apps like interaction with Network and Hardware devices, media tools etc • chrome.serial API, chrome.bluetooth, chrome.usb
  11. 11. What is Arduino? 10 “Open-source electronic prototyping platform allowing to create interactive electronic objects • USB-Serial Interface for communicating with PC (uploading code as well) • Arduino code based on C/C++ • Thousands of libraries available
  12. 12. Lets build an IOT device using Chrome Serial API and Arduino 11 The UML aka Circuit Diagram
  13. 13. Demo… 12 Demo
  14. 14. chrome.serial API 13 Use this API to read from and write to a device connected to a serial port chrome.serial API methods • getPorts • open • read • write • close
  15. 15. Dissecting the Chrome App 14 Tells Chrome about the app, what it is, how to launch and permissions required Create the event page responsible for managing app cycle Contains UI elements; sliders, labels etc Contains action listeners for the UI elements. Sends Serial data to Arduino using API How to launch this app in Chrome…
  16. 16. Dissecting the Arduino Code 15 setup()  Initialization loop()  Super loop, no exit Serial  Serial Communication Library
  17. 17. Q&A 16
  18. 18. 17 “Using Chrome Serial API with Arduino” Thank you!  Source Code: Syed Anwaarullah Blog: http://anwaarullah.com Email: syed@anwaarullah.com Mobile: 0990-88-777-64 About Me: • Java, GWT, MS CRM; 3+ yrs • Open Source H/W S/W advocate • Electronics Engineer - Education • Hardware – Software Integrator • Android, LeapMotion, Raspberry Pi, Robotics, AI, 3D Printing, Embedded Electronics, IoT etc…

×