{"id":2210,"date":"2014-03-26T20:24:00","date_gmt":"2014-03-26T19:24:00","guid":{"rendered":"http:\/\/www.espai.es\/blog\/?p=2210"},"modified":"2014-03-26T20:24:00","modified_gmt":"2014-03-26T19:24:00","slug":"domotica-y-websockets-johnny-five-is-coming","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/","title":{"rendered":"Dom\u00f3tica y WebSockets. Johnny five is coming"},"content":{"rendered":"<p>En Espai estamos revolucionando el uso de las aplicaciones web gracias a la peque\u00f1a gran placa Arduino. En este caso os presento mi \u00faltimo prototipo con Arduino y WebSockets:<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/03\/johnny-five-domotica.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2212\" alt=\"johnny-five-domotica\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/03\/johnny-five-domotica-300x225.jpg\" width=\"300\" height=\"225\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/03\/johnny-five-domotica-300x225.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/03\/johnny-five-domotica.jpg 1000w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>En este caso tengo conectada una peque\u00f1a placa LCD de cristal que me va mostrando la cantidad de usuarios que se conectan en mi servidor NodeJS simult\u00e1neamente. Adem\u00e1s me indica la IP local de la \u00faltima m\u00e1quina que se conect\u00f3 (en este caso usamos la IP local ya que es un proyecto LAN, sin embargo, mediante PHP podr\u00edamos saber la IP real del usuario conectado). Una vez conectado, cada usuario tendr\u00e1 la posibilidad de manipular los leds a su antojo, ya sea apagando o encendiendo todos los leds a golpe de bot\u00f3n web, o encendiendo o apagando un led en concreto, parpadeos, tiempos de espera&#8230; Todo ello est\u00e1 programado de nuevo con base JavaScript y usando JSON para almacenar los valores. Recordad, que para que esta aplicaci\u00f3n web sea totalmente funcional necesit\u00e1is las siguientes tecnolog\u00edas: <strong>HTML5, JavaScript con JSON, PHP, NodeJS, Socket.io y Johnny-five.js<\/strong> (si, en este caso he optado por usar la librer\u00eda Johnny-five en vez de duino ya que est\u00e1 m\u00e1s actualizada, sin embargo no notareis demasiada diferencia en su desarrollo).<\/p>\n<p style=\"text-align: center\">\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" alt=\"\" src=\"https:\/\/raw.githubusercontent.com\/rwaldron\/johnny-five\/master\/assets\/sgier-johnny-five.png\" width=\"307\" height=\"307\" \/><\/p>\n<p>De momento el c\u00f3digo no lo dejar\u00e9 disponible ya que el d\u00eda<strong> 15 de abril har\u00e9 un seminario en la escuela acerca de su desarrollo<\/strong>, de hecho, se har\u00e1 una breve introducci\u00f3n a cada una de las tecnolog\u00edas usadas y en la \u00faltima hora se dedicar\u00e1 exclusivamente a experimentos con la placa y los webSockets. Si os interesa el tema, os invito a informaros en nuestra p\u00e1gina web (<a href=\"http:\/\/www.espai.es\/\">www.espai.es<\/a>) o incluso pod\u00e9is enviarme un correo a <a href=\"mailto:antonio@espai.es\">antonio@espai.es<\/a> e intentar\u00e9 resolver vuestras inquietudes con mucho gusto.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En Espai estamos revolucionando el uso de las aplicaciones web gracias a la peque\u00f1a gran placa Arduino. En este caso os presento mi \u00faltimo prototipo con Arduino y WebSockets: En este caso tengo conectada una peque\u00f1a placa LCD de cristal que me va mostrando la&#8230;<\/p>\n","protected":false},"author":8,"featured_media":2212,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7,74,5,184],"tags":[166,250,78,253,256,257,251,223,151,252],"class_list":["post-2210","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-hardware","category-programacion","category-sistemas-2","tag-arduino","tag-duino","tag-html5","tag-javascript","tag-johnny-five","tag-json","tag-nodejs","tag-php","tag-seminario","tag-socket-io"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dom\u00f3tica y WebSockets. Johnny five is coming - Blog Escola Espai<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dom\u00f3tica y WebSockets. Johnny five is coming - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"En Espai estamos revolucionando el uso de las aplicaciones web gracias a la peque\u00f1a gran placa Arduino. En este caso os presento mi \u00faltimo prototipo con Arduino y WebSockets: En este caso tengo conectada una peque\u00f1a placa LCD de cristal que me va mostrando la...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2014-03-26T19:24:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/03\/johnny-five-domotica.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Antonio\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Antonio\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/\"},\"author\":{\"name\":\"Antonio\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/12b6fc1aa9d549637166ed59d78390f9\"},\"headline\":\"Dom\u00f3tica y WebSockets. Johnny five is coming\",\"datePublished\":\"2014-03-26T19:24:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/\"},\"wordCount\":318,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/03\/johnny-five-domotica.jpg\",\"keywords\":[\"arduino\",\"duino\",\"HTML5\",\"javascript\",\"johnny-five\",\"json\",\"nodejs\",\"PHP\",\"seminario\",\"socket.io\"],\"articleSection\":[\"Dise\u00f1o Web\",\"Hardware\",\"Programaci\u00f3n\",\"Sistemas\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/\",\"name\":\"Dom\u00f3tica y WebSockets. Johnny five is coming - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/03\/johnny-five-domotica.jpg\",\"datePublished\":\"2014-03-26T19:24:00+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/12b6fc1aa9d549637166ed59d78390f9\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/03\/johnny-five-domotica.jpg\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/03\/johnny-five-domotica.jpg\",\"width\":1000,\"height\":750},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dom\u00f3tica y WebSockets. Johnny five is coming\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/12b6fc1aa9d549637166ed59d78390f9\",\"name\":\"Antonio\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d9c296a0ba9a57dd139f1c02aeeb960b9d3d89e21210644d50bfd015643626d8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d9c296a0ba9a57dd139f1c02aeeb960b9d3d89e21210644d50bfd015643626d8?s=96&d=mm&r=g\",\"caption\":\"Antonio\"},\"sameAs\":[\"http:\/\/www.espai.es\"],\"url\":\"https:\/\/www.espai.es\/blog\/author\/antonio\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dom\u00f3tica y WebSockets. Johnny five is coming - Blog Escola Espai","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/","og_locale":"es_ES","og_type":"article","og_title":"Dom\u00f3tica y WebSockets. Johnny five is coming - Blog Escola Espai","og_description":"En Espai estamos revolucionando el uso de las aplicaciones web gracias a la peque\u00f1a gran placa Arduino. En este caso os presento mi \u00faltimo prototipo con Arduino y WebSockets: En este caso tengo conectada una peque\u00f1a placa LCD de cristal que me va mostrando la...","og_url":"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/","og_site_name":"Blog Escola Espai","article_published_time":"2014-03-26T19:24:00+00:00","og_image":[{"width":1000,"height":750,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/03\/johnny-five-domotica.jpg","type":"image\/jpeg"}],"author":"Antonio","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Antonio","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/"},"author":{"name":"Antonio","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/12b6fc1aa9d549637166ed59d78390f9"},"headline":"Dom\u00f3tica y WebSockets. Johnny five is coming","datePublished":"2014-03-26T19:24:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/"},"wordCount":318,"commentCount":0,"image":{"@id":"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/03\/johnny-five-domotica.jpg","keywords":["arduino","duino","HTML5","javascript","johnny-five","json","nodejs","PHP","seminario","socket.io"],"articleSection":["Dise\u00f1o Web","Hardware","Programaci\u00f3n","Sistemas"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/","url":"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/","name":"Dom\u00f3tica y WebSockets. Johnny five is coming - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/03\/johnny-five-domotica.jpg","datePublished":"2014-03-26T19:24:00+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/12b6fc1aa9d549637166ed59d78390f9"},"breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/03\/johnny-five-domotica.jpg","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/03\/johnny-five-domotica.jpg","width":1000,"height":750},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2014\/03\/domotica-y-websockets-johnny-five-is-coming\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Dom\u00f3tica y WebSockets. Johnny five is coming"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/12b6fc1aa9d549637166ed59d78390f9","name":"Antonio","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d9c296a0ba9a57dd139f1c02aeeb960b9d3d89e21210644d50bfd015643626d8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d9c296a0ba9a57dd139f1c02aeeb960b9d3d89e21210644d50bfd015643626d8?s=96&d=mm&r=g","caption":"Antonio"},"sameAs":["http:\/\/www.espai.es"],"url":"https:\/\/www.espai.es\/blog\/author\/antonio\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/03\/johnny-five-domotica.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/2210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=2210"}],"version-history":[{"count":2,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/2210\/revisions"}],"predecessor-version":[{"id":2214,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/2210\/revisions\/2214"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/2212"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=2210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=2210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=2210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}