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?

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 Knight 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 komponenteArduino
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žajHTML
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 ArduinoAplikacije
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 podatakaUvod 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 tableKomandna 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 igreAnimacija
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 komponenteArduino zajednica
Arduino komponente

Dodatak B: Još malo Front End programiranjaJavaScript
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