HTML-RGB schuifregelaar voor Arduino via seriële


Hallo weer!

Ik besloot te schrijven meer tutorials over mijn HTML/CSS & Arduino project genaamd Involt. Voor meer details, wat is het controleren van de website van het project.

In dit instructable zal ik laten zien thij gemakkelijkste en ongewoon manier om controle RGB LED met eenvoudige HTML-app. Aan het einde van de tutorial zal overigens eenvoudig blokkeren als u wilt weergeven van de ontvangen kleur met JQuery maar dit in niet nodig om te begrijpen hoe het werkt. Volgens mij is Involt vereenvoudigde oplossing te vullen het gebrek aan prototyping-georiënteerde methode voor communicatie van hardware en software.

Voor dit project zullen we seriële communicatie gebruiken. Meestal voor het schrijven app mensen gebruik oplossingen zoals python, java of native applicaties te ontwikkelen. Uiteindelijk zijn er hybride oplossingen zoals Cordova of Node.js bibliotheken (en Chrome Apps API - Involt is gebouwd op de top van het). Ieder van hen bieden grote mogelijkheden, maar wat als ik hoef niet al hun functies? Wat als ik ben niet goed in programmeren? Wat als ik ben alleen een interactie ontwerper en ik nodig om snelle reeks van prototypes voor de idee om te testen op gebruikers of voor student-project te maken?

De laatste vraag is eigenlijk waar over me omdat ik werk als ontwerper van afbeelding naar UX/web/interactie ontwerpgebied van belangen. Tijdens zijn studie ik zag gebrek aan uit de box oplossing en met andere - veel dingen waren onmogelijk voor mij of mijn vrienden uit de groep. Ik had Physical Computing en creatieve codering cursus met verwerking, maar de gebruikersinterface met het maken en veel problemen waren de reden om te scheiden testmodellen voor een van mijn project (en niet alleen de mijne gedurende deze tijd).

Het bijgevoegde bestand zal werken voor deze tutorial, maar houd er rekening mee dat nieuwe versie veel veranderingen in de werking van kader te hebben.

Gerelateerde Artikelen

Registreerapparaat voor Arduino Over seriële poort

Registreerapparaat voor Arduino Over seriële poort

Ik ben beetje moe van het gebruik van seriële als logger - voornamelijk om twee redenen: het sprintf syntaxis niet ondersteunt en tekenreeks worden vastgehouden in RAM. Om deze reden die ik heb uitgevoerd nieuwe bibliotheek: https://github.com/maciej
Schuifregelaar voor Arduino tijd vervallen

Schuifregelaar voor Arduino tijd vervallen

dus ik was op zoek in het maken van een timelapse video met mijn dslr en had gezien velen met behulp van een schuif mechanisme om toe te voegen een andere dimensie. Ik keek naar het kopen van een, maar ze zijn een beetje duur om te kopen alleen maar
HTML-elementen met JQuery verplaatsen via seriële

HTML-elementen met JQuery verplaatsen via seriële

Dit instructable is over het gebruik van de waarden die zijn ontvangen van Arduino en het gebruik ervan voor het bewerken van HTML-elementen binnen Involt. Dit zal niet Involt JQuery methoden of UI elementen gebruiken maar dit voorbeeld is om te late
Pyduino, Interfacing Arduino met Python via seriële communicatie

Pyduino, Interfacing Arduino met Python via seriële communicatie

Leer hoe arduino via seriële communicatie interface met python met behulp van de pyduino-bibliotheek. Er zijn weinig andere tutorials die er op instructables over hoe arduino met python interface maar ze niet laten zien hoe je alles, waar hopelijk de
ArduDroid: Een eenvoudige 2 Way Bluetooth-gebaseerde Android Controller voor Arduino RGB led strip

ArduDroid: Een eenvoudige 2 Way Bluetooth-gebaseerde Android Controller voor Arduino RGB led strip

INTRODUCTIEGET IT ON google PLAY "ardudroid" appARDUDROID (voorheen Andruino) is een eenvoudige Android app om u te helpen bepalen de pinnen van uw Arduino Uno (of klonen) van uw Android telefoon draadloos. Het is zowel een Android app en een Ar
RGB-LCD Shield voor Arduino 65K kleuren KIT V2 montage handleiding

RGB-LCD Shield voor Arduino 65K kleuren KIT V2 montage handleiding

de RGB LCD shield voor Arduino 65K kleur KIT bevat alle onderdelen om een klaar om te gebruiken LCD shield voor Arduino en compatibele boards zoals Freeduino monteren.(bezoek http://store.nkcelectronics.com/rgb-lcd-shield-for-arduino-65k-color-k65.ht
De ESP8266 deel 1 - seriële WIFI Module voor Arduino

De ESP8266 deel 1 - seriële WIFI Module voor Arduino

Dit is het deel 1 van 3 instructables u te helpen bij het gebruik van de ESP8266 met Arduino. In dit deze eerste tutorial leer je hoe set-up en test de module op een Arduino aangesloten.De ESP8266 is misschien wel de meest veelzijdige seriële module
Seriële communicatie tussen android en arduino via laptop bluetooth

Seriële communicatie tussen android en arduino via laptop bluetooth

Over:Dit instructable is over seriële communicatie tussen android en arduino via laptop ingebouwde Bluetooth. Ik heb geen aparte Bluetooth module. dus ik besloten heb om mijn laptop ingebouwde te gebruiken Bluetooth voor seriële communicatie.Stap 1:
Seriële communicatie tussen android en arduino via telnet

Seriële communicatie tussen android en arduino via telnet

VereistPython-2.7 software met pyserial pakketMobiele Telnet androïde toepassingArduino softwareStap 1: InleidingHier, In dit instructable beschreef ik over seriële communicatie tussen android telefoon en arduino via telnet. Om dit te testen, ik mijn
Voor het programmeren van de Arduino Bluetooth seriële communicatie in Visual Basic 2010 Express

Voor het programmeren van de Arduino Bluetooth seriële communicatie in Visual Basic 2010 Express

Thier zijn verschillende Android/softwareprogramma waarmee je robot bluetooth arduino met uw android. Maar u kunt niet vinden voor gebruik met uw windows-PC. Dus programma ik een beetje een In Visual Basic Express 2010. Hoop dat het wel handig als ee
Verkrijgen van de status via seriële monitor

Verkrijgen van de status via seriële monitor

mij uitsluitend got mijn Arduino startpakket uur geleden en ik begon met het te experimenteren. Dit instructable is een goede beginner tutorial dat je hoe leren zal te:a. een LED oplichtenb. oplichten een RGB LED en gebruik er drie kleurenc. informat
Arduino via internet toegang hebben tot

Arduino via internet toegang hebben tot

Dit instructable is gewoon een poging om je arduino verbinden met internet. Er zijn zoveel vergelijkbaar instructables die je vertellen hoe hetzelfde te doen, dit is iets meer gedetailleerde versie, die ik dacht zou kunnen helpen beginners zoals ik.
SensoDuino: Zet uw Androïde telefoon in een draadloze sensoren Hub voor Arduino

SensoDuino: Zet uw Androïde telefoon in een draadloze sensoren Hub voor Arduino

UPDATES23 november 2013: SensoDuino 0.160 krijgt een links.19 nov. 2031: advies: de fantastische synergie tussen Arduino & Android.19 november 2013: SensoDuino 0.159 is uit. Android telefoon datum (y, m, d) en tijd (h, m, s) worden ondersteund als se
Touche voor Arduino: Advanced touch sensing.

Touche voor Arduino: Advanced touch sensing.

Update: nieuwe interface - blik op de laatste stap.Credits: Arduino sensing gedaan door DZL, verwerking van schets en Instructable gedaan door Mads Hobye.Disney Research lab ontworpen een nieuwe manier om te ontdekken van de Aanraking. U kunt een vid