Hackers Week

Transcript

1. Netbeast Making smart homes, smarter.
2. Hello, Spain Team! Fran Ríos Developer and Cloud Architect Ismael Martín Engineer Caye Rodríguez Engineer Lourdes Liró Engineer fcojriosbello loulirsal Htmael cayrodmed1
3. First of all! BEFORE WE START Check that Node.js, NPM and github are installed on your computer SET UP EVERYTHING Execute the following command: npm install –g netbeast-cli More info on our documentation: http://docs.netbeast.co/chapters/get_started/get_started_from_your_laptop.html
4. Imagine That you can have someone to take care of you and your house 24/7
5. He can prepare coffee for you before you get up…
6. He can cook dinner before you get back home from work…
7. He can tell you what food is missing when your at the supermarket…
8. That would be A-W-E-S-O-M-E But rather expensive, don’t you think?
9. What if Your home could do all that by itself?
10. Today There are a lot of smart connected objects …that don’t interact with eachother
11. Let’s connect them all
14. How? Netbeast connects devices from different technologies & brands Developers can create apps for Netbeast and upload them to our marketplace Different apps can provide different uses and values, you get to choose the ones that suit you! And allows to control your smart home through apps
15. Netbeast's platform We stand at a differentiated position than other market players Marketplace OS Dashboard Router
16. We stand at a differentiated position than other market players
17. Dashboard
18. Soon… Other dashboard platforms We are working on android and ios apps and a desktop dashboard
19. Community build share use Ask us for invite you to our slack community team!
20. What do we use? Javascript Express.js Node.js
21. Javascript • Goal: to create interactive sites. • Shares many of the features of Java. • Interact with HTML and spice up websites with dynamic content.
22. Node.js Server side platform built on Google Chrome’s JavaScript Engine Node.js = Runtime Environment + JavaScript Library 1) Asynchronous and event driven 2) Single threaded but highly scalable 3)No buffering
23. Non-Blocking!
24. Let's see an example! Just type: >node filename.js
25. Asynchronous event-driven architecture Test those lines by creating a event.js file and type: >node event.js
26. REPL terminal (Read Eval Print Loop) Computer environment like a console in Unix/Linux . Just type: >node
27. NPM Node Package Manager: install Node programs and manage/install dependencies. >npm install --global netbeast-cli #installing >npm install netbeast@1.0.1 #an specific version >npm info netbeast >npm ls #list installed packages
28. What's Package.json? Dependencies, test, version… Used by npm
29. Express.js Web framework
30. Get on with it! We are going to build an example app and launch it to the space!
31. Dashboard is alive Take a walk through dashboard Type: beast start and check localhost:8000 on your browser Open Source Dashboard source code is on github. You can also clone it directly: https://github.com/netbeast/dashboard Remember to install dependencies: npm install
32. App template (I) Let’s build an app template To do so, type: beast new sampleApp *Don’t worry about if it doesn’t work. It’s a symlink to bin/cli.js . Use the following command instead: bin/cli.js new sample Result This process will create a base app called “sample” We’ll explain what’s inside a sample app now.
33. App template (II) What’s inside? >cd sampleApp • server.js • express • minimist • package.json • dependencies • properties • public • front-end
34. Packaging and launching Playing with the dashboard It’s necessary to compress your app before uploading it to the dashboard. You can do it with beast pkg ../sampleApp --to ../sampleApp.tar.gz and check localhost:8000 on your browser. After that we are ready to install it: beast install sampleApp.tar.gz
35. Publish your app Remember that we are building the first marketplace on the iot environment. That’s the powerful key that allows the community to grow up in number of developers and devices supported.
36. Where are the devices? Let’s connect things!
37. Get on with it! We’ll build a plugin for a virtual bulb!
38. What's a plugin? It’s the key that allows you to interact with smart devices in your apps. It uses the Netbeast API. Using the netbeast-cli we can create a base plugin. Type: beast new samplePlugin –-plugin You will get the following structure: • package.json • src • index.js, resources.js, routes.js • index.js • test.js
39. It's about resources Plugin App
40. Virtual Bulb At this point we can interact with devices. We’ll do it with virtual ones. Install BULB-PLUGIN in the dashboard. Click Explore and Install the plugin. It will be notified when it’s done. You can check in the plugins section:
41. Virtual Bulb Type the following commands if the previous steps didn’t work: wget https://github.com/netbeast/bulb-plugin/archive/master.zip unzip master.zip beast pkg bulb-plugin-master --to bulb-plugin-master.tar.gz beast install bulb-plugin-master.tar.gz Then access to the dashboard and execute the plugin on it. You’ll see a virtual bulb on your screen.
42. Let's interact with it We’re going to develop two exercises with the virtual bulb. Open the dashboard and check that virtual bulb is running. Then clone this repo: https://github.com/netbeast/workshop.git
43. Hands on! How can we interact with devices? beast('topic').set({ property: value }) We’ll do two exercises. level-1 and level2! You’ll need some tips like that one: What’s the topic, property and value? Topics: lights, music, switch power: true || false hue: 0..360 saturation: 0..100 brightness: 0..100 color:#FF13AA
44. So far… Finished the development of most of our platform Increased headcount by 6 Made a successful hackathon and got first applications from third party developers We opened a second office in Seville, Spain! Joined AllSeen Alliance
45. thanks! Any questions? You can find me at: ◇fcojriosbello (github) ◇fcojriosbello@gmail.com