Arduino i JavaScript za povezivanje na veb

Naučite da podesite elektronske komponente da komuniciraju sa Vebom. Naučite veštine iz oblasti elektronike i programiranja. Ova knjiga obezbeđuje uvod u IoT i omogućava čitaocima da kreiraju prototipove. Kreiraćete fizičke interfejse koji komuniciraju sa Internetom i veb stranicama. Pomoću Arduina i JavaScripta možete da kreirate interaktivne fizičke displeje i povezane uređaje koji šalju podatke na Veb ili ih primaju sa Veba. Upotrebićete procese potrebne za podešavanje elektronskih komponenata, prikupljanje podataka i kreiranje veb stranica koje mogu da komuniciraju sa tim elektronskim komponentama. Kroz vežbe, projekte i objašnjenja ova knjiga će omogućiti da naučite osnovne veštine iz oblasti programiranja i elektronike koje su potrebne za kreiranje povezanih fizičkih interfejsa i izradu upečatljivih vizuelizacija korišćenjem velikog broja JavaScript biblioteka. Do kraja knjige ćete razviti potpuno radne interaktivne prototipove koji mogu da šalju podatke na fizički interfejs i primaju podatke sa njega. Najvažnije je da ćete iz knjige „Povezivanje Arduina na Veb“ naučiti kako da kreirate povezane fizičke interfejse i da „uvedete“ Veb u vaše projekte iz elektronike. U ovoj knjizi ćete naučiti: da izradite komandnu tablu interneta stvari (Internet of Things), koja će biti usklađena sa elektronikom koja je postavljena na Arduinu da koristite komponente za interakciju sa 3D prikazima na Internetu da kreirate veb stranice pomoću HTML-a i CSS-a da podesite Node.js server da koristite API-je WebSocket da biste obradili podatke uživo da komunicirate sa skalabilnom vektorskom grafikom Za koga je ova knjiga? Ova knjiga je namenjena tehnolozima, programerima i entuzijastima koji žele da prošire svoje veštine, da izrade fizičke prototipove sa povezanim uređajima i da započnu korišćenje IoT-a. Takođe je za one koje zanima povezivanje fizičkih uređaja i Veba. O autoru Indira je uspešni programer i dizajner pokretne grafike, a ekspert je i za računarsko programiranje i broadcast grafiku. U poslednjih šest godina se fokusirala na razvoj veb stranica i vizuelizaciju podataka. Trenutno je zaposlena u kompaniji „Future Cities Catapult“, u kojoj, kao kreativni veb programer, kreira prototipove i projekte koji obuhvataju interakciju sa Arduinom. Takođe je aktivna članica programerske zajednice i započela je organizaciju sastanka u Londonu na kome će se raspravljati o API-ju WebVR. Magistrirala je 3D kompjutersku animaciju na Univerzitetu „Bournemouth“ i kompjuterske nauke na Univerzitetu „Birkbeck“ u Londonu. Kreirala je aplikacije, interaktivne umetničke instalacije, naslove popularnih igara i nezavisne filmove, a bila je zaposlena i na jednoj televizijskoj stanici. Sadržaj O autoru O tehničkom recezentnu Uvod Poglavlje 1: Arduino, kola i komponente Arduino Arduino hardver Električna energija Omov zakon Otpornici Električne šeme Arduino softver Preuzimanje i podešavanje Arduino IDE-a Povezivanje Arduina sa računarom Digitalni i analogni Anlogni izlaz Digitalni ulaz Analogni ulaz Rezime Poglavlje 2: Kreiranje veb servera Šta je veb server? Rutiranje Šta je Node.js? Upotreba interfejsa komandne linije Podešavanje Node.js servera Instaliranje Node.js servera Kreiranje Node.js aplikacije Struktura direktorijuma Kreiranje veb stranice Mehanizam za izradu šablona Datoteka package.json i upravljanje verzijama Kako funkcionišu socketi Rezime Poglavlje 3: Arduino za Front End (deo I) Uvod u serijski port Pronalaženje serijskog porta Serijski podaci i Arduino Bodna brzina Upotreba podataka na Front End-u Biblioteka SerialPort Preuzimanje biblioteke SerialPort Rezime Poglavlje 4: Uvod u veb sadržaj HTML HTML elementi HTML atributi Ugnežđeni elementi Objektni model dokumenta CSS CSS selektori Pravila kaskadiranja Model okvira Raspored prikaza Flexbox Boja RGB Heksadecimalna boja HSL Skalabilni grafički vektor (SVG) SVG skaliranje Prozor za prikaz Računarsko programiranje Promenljive Operatori Tipovi Iskazi Izrazi Strukture podataka Uslovni iskazi Petlje Funkcije Oblast važenja Rezime Poglavlje 5: Front End za Arduino Aplikacije LED veb aplikacije Još malo o Flexboxu Podešavanje LED-a LCD veb aplikacija Kreiranje servera Podešavanje LCD-a Rezime Poglavlje 6: Arduino za Front End (deo II) Analogni i digitalni signali Aplikacija Node.js aplikacija Proširenje aplikacije Vizuelizacija podataka na Arduinu Rezime Poglavlje 7: Vizuelizacija podataka Uvod u biblioteku D3.js Kako funkcioniše biblioteka D3.js Ulančavanje metoda Vizuelizacija podataka sa Arduina pomoću biblioteke D3.js Sređivanje koda Otkrivanje šablona modula Rezime Poglavlje 8: Kreiranje veb komandne table Komandna tabla Osnove vizuelizacije podataka Tipovi vizuelizacije Označavanje vizuelizacije Boja Senzori Senzor temperature i vlagde DHT11 Fotootpornik Uvoz biblioteka Dodavanje dnevnih vrednosti Rezime Poglavlje 9: Fizička vizuelizacija podataka pomoću Live Data prikaza API USGS API Pribavljanje podataka sa spoljnog servera Povratni pozivi i promisi Statusni kodovi odziva zahteva Node.JS aplikacija Funkcije setTimeout i setInterval GeoJSON objekat Arduino komponente Piezo zujalica Rezime Poglavlje 10: Kreiranje upravljača za igre Animacija HTML5 canvas elemenat CSS animacija 3D na Vebu WebGL 3D prostor 3D mreže Algoritmi senčenja Three.js Tri vektora Igra Veb aplikacija Izrada igre Rezime Dodatak A: Arduino zajednica i komponente Arduino zajednica Arduino komponente Dodatak B: Još malo Front End programiranja JavaScript ES6 i starije verzije JavaScript radni okviri Baze podataka Node.js mehanizmi za izradu šablona Serijski port CSS Flexbox CSS mreža Vizuelizacija podataka Biblioteke za vizuelizaciju podataka Resursi za vizuelizaciju podataka Mape Boja