Étape 30 : conception de pages Web
Il n’est pas dans l’esprit de Instructables pour dire ici est une page web, il fonctionne, utilisez-le. J’ai placé beaucoup de commentaires dans le code. Les considérer comme des mesures additionnelles pour l’Instructable. Aussi, dans l’esprit des choses, voici une discussion sur la conception de pages web.
L’idée de base de la page web consiste à utiliser de grandes icônes pour le rendre facile à utiliser sur les appareils à écran tactile ; en particulier, les téléphones intelligents. Notez que j’ai utilisé un petit CSS Astuce d’échelle. La propriété font-size pour le sélecteur de corps détermine l’échelle de la page (tout est défini en unités d’em). J’ai taille de la page pour s’adapter confortablement sur ma tablette. On peut changer la taille de la police à l’échelle pour leur appareil.
La mise en page est un tableau, lorsqu’on clique sur un périphérique d’entrée, javascript envoie le code de touche pour sélectionner cet appareil. Le javascript aussi déplace l’élément de TV dans la colonne appropriée et dessine la zone autour de deux icônes.
J’utilise un http GET car il utilise une chaîne de requête incorporée dans l’url. Cela permet de taper une url dans la barre d’adresse du navigateur pour envoyer les codes de touche. Le fichier cgi est un script bash qui extrait le code clé de la chaîne de requête et utilise la commande « irsend » avec ce code. Le commutateur HDMI peut contrôler les entrées de deux téléviseurs. Je peux passer ces téléviseurs avec gros boutons. Le nom change pour indiquer quel Téléfilm les entrées sont contrôlées. Les commandes sont stockées dans des tableaux javascript doublement indexée. Les Prev boutons et suivant change le premier indice pour correspondre à la TV étant commandé. Le 2ème indice accède le bon code clé pour effectuer la fonction donnée.
J’ai créé une vidéo montrant le système en fonctionnement.