Stap 30: ontwerpen van de webpagina's van
Het is niet in de geest van Instructables zeggen hier is een webpagina, het werkt te gebruiken. Ik heb een heleboel reacties geplaatst in de code. Volgens hen aanvullende stappen uitvoeren om de Instructable. Ook in de geest van dingen is hier een bespreking van het ontwerpen van webpagina's.
Het basisidee van de web-pagina is groot om pictogrammen te gebruiken zodat het makkelijk te gebruiken op scherm van de Aanraking apparaten; in het bijzonder, slimme telefoons. Opmerking dat ik heb gebruikt een beetje CSS truc schalen. De eigenschap tekengrootte voor de selector lichaam bepaalt de omvang van de pagina (alles is gedefinieerd in eenheden van em). Ik heb het formaat van de pagina om comfortabel te passen op mijn tablet. Een kunt tekengrootte op de schaal voor hun apparaat wijzigen.
De lay-out is een tafel, wanneer men op een invoerapparaat klikt, javascript stuurt de sleutelcode om dat apparaat te selecteren. De javascript ook het TV-element verplaatst naar de juiste kolom en trekt het vak rond de twee pictogrammen.
Ik gebruik een http GET omdat het gebruik maakt van een ingesloten in de url-queryreeks. Hierdoor kan men een url te typen in de adresbalk van de browser te sturen toetscodes. Het cgi-bestand is een bash-script dat de toetscode wordt geëxtraheerd uit de querytekenreeks en maakt gebruik van de opdracht "irsend" met die zeer belangrijke code. De HDMI switch kunt ingangen naar twee tv's. Ik kan schakelen tussen deze TV met grote knoppen. De naam verandert om aan te geven voor welke TV de ingangen zijn wordt gecontroleerd. De opdrachten worden opgeslagen in javascript dubbel geïndexeerde arrays. De vorige en volgende knoppen wijzigen de eerste index zodat deze overeenkomen met de TV wordt gecontroleerd. De 2de index benadert de juiste key code voor het uitvoeren van de gegeven functie.
Ik heb een video waarin het systeem in werking.
