Arduino i JavaScript za povezivanje na veb - Knight, Indira

• Naučite postaviti elektronske komponente za komuniciranje s Vebom.
• Naučite vještine iz oblasti elektronike i programiranja.

Ova knjiga pruža uvod u IoT i omogućuje čitaocima da kreiraju prototipove. Kreiraćete fizička sučelja koja komuniciraju s Internetom i web stranicama. Pomoću Arduine i JavaScripta možete kreirati interaktivne fizičke zaslone i povezane uređaje koji šalju podatke na Veb ili ih primaju sa Veba. Upotrebite procese potrebne za podešavanje elektronskih komponenata, prikupljanje podataka i kreiranje web stranica koje mogu komunicirati s tim elektronskim komponentama.

Kroz vežbe, projekte i objašnjenja ova knjiga će omogućiti da naučite osnovne vještine iz oblasti programiranja i elektronike koje su potrebne za kreiranje povezanih fizičkih sučelja i izradu upečatljivih vizualizacija korištenjem 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 njim. Najvažnije je da ćete iz knjige „Povezivanje Arduina na Veb“ naučiti kako kreirati povezana fizička sučelja i da „uvedete“ Veb u svoje projekte iz elektronike.

U ovoj knjizi ćete naučiti:

• da izradite komandnu tablicu internetskih stvari (Internet of Things), koja će biti usklađena s elektronikom koja je postavljena na Arduinu
• da koristite komponente za interakciju sa 3D prikazima na Internetu
• da kreirate web stranice pomoću HTML-a i CSS-a
• da postavite Node.js poslužitelj
• 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 namijenjena tehnolozima, programerima i entuzijastima koji žele proširiti svoje vještine, izraditi fizičke prototipove sa povezanim uređajima i započeti korištenje IoT-a. Također je za one koje zanima povezivanje fizičkih uređaja i Veba.

O autoru

Indira je uspješan programer i dizajner pokretne grafike, stručnjak je i za računalno programiranje i emitiranje grafike. U posljednjih šest godina fokusirana je na razvoj web stranica i vizualnu obradu podataka. Trenutno je zaposlen u tvrtki „Future Cities Catapult“, u kojoj, kao kreativni veb programer, kreira prototipove i projekte koji obuhvaćaju interakciju s Arduinom. Također je aktivna članica programske zajednice i započela je organizaciju sastanka u Londonu na kojem će se raspravljati o API-ju WebVR. Magistrirala je 3D kompjutersku animaciju na Sveučilištu „Bournemouth“ i kompjuterske nauke na Sveučilištu „Birkbeck“ u Londonu. Kreirala je aplikacije, interaktivne umjetnič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

• Arduino
• Arduino tvrđi
• 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

• Šta je web server?
• Rutiranje
• Što je Node.js?
• Upotreba interfejsa komandne linije
• Podešavanje Node.js servera
• Instaliranje Node.js poslužitelja
• Kreiranje Node.js aplikacije
• Struktura direktorijuma
• Kreiranje web stranice
• Mehanizam za izradu šablona
• Datoteka package.json i upravljanje verzijama
• Kako funkcioniraju socketi
• Rezime

• 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

• HTML
• HTML elementi
• HTML atributi
• Ugnjež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
• Poslovni iskazi
• Petlje
• Funkcije
• Oblast važenja
• Rezime

• aplikacije
• LED web aplikacije
• Još malo o Flexboxu
• Podešavanje LED-a
• LCD web aplikacija
• Kreiranje servera
• Podešavanje LCD-a
• Rezime

• Analogni i digitalni signali
• prijava
• Node.js aplikacija
• Proširenje aplikacija
• Vizuelizacija podataka na Arduinu
• Rezime

• Uvod u biblioteku D3.js
• Kako funkcionira biblioteka D3.js
• Ulančavanje metoda
• Vizuelizacija podataka sa Arduinom pomoću biblioteke D3.js
• Sređivanje koda
• Otkrivanje šablona modula
• Rezime

• Komandna tabla
• Osnove vizualnizacije podataka
• Tipovi vizualnizacije
• Označavanje vizualnizacije
• Boja
• Senzori
• Senzor temperature i vlagde DHT11
• Fotootpornik
• Uvoz biblioteka
• Dodavanje dnevnih vrijednosti
• Rezime

• API
• USGS API
• Pribavljanje podataka sa spoljskog servera
• Povratni pozivi i obećanja
• Statusni kodovi odziva zahtjeva
• Node.JS aplikacija
• Funkcije setTimeout i setInterval
• GeoJSON objekat
• Arduino komponente
• Piezo zujalica
• Rezime

• Animacija
• HTML5 platno element
• CSS animacija
• 3D na Webu
• WebGL
• 3D prostor
• 3D mreže
• Algoritmi senčenja
• Tri.js
• Tri vektora
• Igra
• Web aplikacija
• Izrada igre
• Rezime

• Arduino zajednica
• Arduino komponente

• 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 vizualnizaciju podataka
• Resursi za vizualnizaciju podataka
• Mape
• Boja