JavaScript robotica en browser-gebaseerde Arduino controle (6 / 7 stap)

Stap 6: Maak een webinterface met Bootstrap


De bijgevoegde code gebruikt Bootstrap, een responsieve front-end kader, om te maken een eenvoudige web-interface die een servo positie kunt instellen, een LED knipperen interval wijzigen en gegevens lezen van een analoge pin.

Als u de voorgaande stappen, u moet zitten kundig voor knooppunt webtest.js uitgevoerd op de opdrachtregel hebt gevolgd, bezoek http://localhost/ om te beginnen met het beheersen van je Arduino!

Zodra u dit begrijpt bent u goed op uw manier aan geavanceerde Browser-naar-Arduino kappen en nodebots ( johnny-vijf repo is een uitstekend middel bijvoorbeeld code)

Een voorbeeld: aan de kant van de browser, wanneer u op 'Set Delay klikt' uitstoten een gebeurtenis van de socket 'geleid'

$(' {#ledSet').on('click',function()}
nummer van led vertragingswaarde parseren
var tmp = parseInt($('#ledDelay').val(),10);
uitprinten
console.log ("instelling LED vertraging:", tmp)
boodschap van de socket van vertraging
socket.emit('led',{delay:tmp});
});

Aan de serverzijde, uw bericht wordt verwerkt en de waarde van de stroboscoop aangepast:

socket.on ('geleid', functie (gegevens) {}
console.log(Data);
if(Board.isReady) {led.strobe(data.delay);}
});

Gerelateerde Artikelen

Gehackt Hexbug Spider Arduino Control

Gehackt Hexbug Spider Arduino Control

Dit project heeft hexbug Arduino gebaseerde robot spider zal controleren. Het controlesysteem voltooit ons project door het verstrekken van zowel per telefoon en computer.http://make.robimek.com/Arduino-Control-Hexbug-Spider/Stap 1: materialen:Hexbug
Pinguino Egypte - PIC gebaseerd Arduino

Pinguino Egypte - PIC gebaseerd Arduino

Het is elf jaar sinds ik begon te leren en het opbouwen van mijn eerste Microchip PIC Microcontroller-circuit. Ik hou echt van deze Microcontroller familie.Ik begon onlangs, lezen en proberen sommige Arduino.Ik wilde echt een vergelijkbare schakeling
Arduino Controlled Flight Simulator - "The Viper"

Arduino Controlled Flight Simulator - "The Viper"

mijn Maker Faire project voor 2012 is "The Viper"--een Arduino controlled flight simulator geïnspireerd door het schip van de gelijknamige filmpje uit de SyFy Channel's TV serie Battlestar Galactica. Het draait 360 graden langs twee assen, wat b
Zelfgemaakte Scara Robot Arm DIY robot Frame projecten Chassis Draw Arduino Control

Zelfgemaakte Scara Robot Arm DIY robot Frame projecten Chassis Draw Arduino Control

Zelfgemaakte Scara Robot Arm DIY robot Frame projecten Chassis Draw Arduino controleMaterialen:1 stk aluminiumlegering 245 x 42 x 12 mm1 stk aluminiumlegering 200 x 22 x 12 mm1 stk aluminiumlegering 100 x 160 x 12 mm voor bed1 stk stap motor 42 x 48
Arduino browser gebaseerde afstandsbediening (linux)

Arduino browser gebaseerde afstandsbediening (linux)

We kinderen hebben.  Ik hou van hen naar bits, maar ze houden het verbergen van de afstandsbediening voor de satelliet en TV wanneer ze de kinderen kanalen op.Nadat dit gebeurt op een dagelijkse basis voor meerdere jaren, en mijn lieve vrouw waardoor
Arduino & Android gebaseerd Bluetooth controle wachtwoord beschermd slim deurslot (behalve thuis)

Arduino & Android gebaseerd Bluetooth controle wachtwoord beschermd slim deurslot (behalve thuis)

Wij iedereen zijn bezorgd over de veiligheid van ons huis. Wereld steeds slimmer en slimmer elke dag en we willen controle en ons ding in slimmere manier beveiligd. In deze tutorial die ik hoe uitleggen zal gemaakt gebaseerd een arduino DIY smart loc
Arduino gebaseerd - Power Control System voor RPi Car PC

Arduino gebaseerd - Power Control System voor RPi Car PC

Hallo iedereen! Ik ben Michalis Vasilakis uit www.ardumotive.com en in deze handleiding ik zal u tonen hoe maak je een eenvoudige - Arduino Based - Power Control System voor RPi Car PC.Dit systeem is ontworpen voor het vermijden van de abrupte afslui
Mobiele robotica met Scratch: een Arduino gebaseerde insect-achtige Walker bouwen en programmeren met Scratch

Mobiele robotica met Scratch: een Arduino gebaseerde insect-achtige Walker bouwen en programmeren met Scratch

Laten we scurry rond? Dit is een Arduino gebaseerde, gemakkelijk om te bouwen van de versie van het insect-achtige walker gemaakt met kapstok draad en oorspronkelijk ontworpen door Jerome Demers (Zie ook dit instructable) en Gareth Branwyn. Het komt
MrRobot - Ubuntu Mobile app ingeschakeld Robotics (Raspberry Pi en arduino betrokken)

MrRobot - Ubuntu Mobile app ingeschakeld Robotics (Raspberry Pi en arduino betrokken)

Project MrRobot is dat een Ubuntu Mobile app ingeschakeld robotica die de functie van stem heeft, aanraken en shake control voor interactie met de robot Rapiro. Dit project wordt gedaan binnen 28 uur in Ubuntu Shenzhen Hackathon door ons team E-minde
Arduino controles goedkoop RC auto zender

Arduino controles goedkoop RC auto zender

DoelstellingGoedkope Chinese RC speelgoed auto's had kunnen worden voor ongeveer 5 euro in de lokale markt. Het draadloze brein achter de meeste van deze goedkope RC speelgoed is een paar zeer goedkope ICs de TX2 en de RX2. Yup, is dat wat ze heten. 
Seriële Servo Controller w/Arduino - controle tot 12 Servos tegelijk met behulp van de Arduino en een USB-verbinding

Seriële Servo Controller w/Arduino - controle tot 12 Servos tegelijk met behulp van de Arduino en een USB-verbinding

ik ga u laten zien hoe je Arduino gebruik maximaal 12 servo's tegelijk met minimale jitter control.  Met behulp van een eenvoudige seriële interface kunt u de positie van maximaal 12 servo kanalen.  Maximaal 10 momentopname posities kan worden opgesl
Smart WIFI Video auto (Arduino control)

Smart WIFI Video auto (Arduino control)

Wij hebben allemaal een wens van de exploratie van onbekende plaats. Bij ik en mijn partner kijken naar de film "The Martian" en zie dat er een robot-auto in Mars is - - een planeet thats vijftig - zes miljoen kilometer van onze aarde. "Hij
Arduino controle van uw iOS-apparaat en uw Apple Watch

Arduino controle van uw iOS-apparaat en uw Apple Watch

Deze eenvoudige instructable is over Arduino Manager, een krachtige General-Purpose iOS App die het mogelijk maakt om te controleren elke Arduino (of Arduino compatibel) bestuur door middel van 30 verschillende Widgets.Enkele van de beschikbare Widge
Arduino - controle LEDs met een afstandsbediening

Arduino - controle LEDs met een afstandsbediening

Hi guys,Een project dat ik onlangs heb gedaan ben ik met u delen. I'ts over hoe u sommige LED's met een afstandsbediening en je Arduino controleren kunt. Maar u kunt dit toepassen op elk elektronisch apparaat zoals motoren, lichten bijvoorbeeld.u kun