Hacer el teléfono/tablet/escritorio un control remoto con un Raspberry Pi (30 / 30 paso)

Paso 30: diseño de páginas Web

No está en el espíritu de Instructables para decir esta es una página web, funciona, usarlo. He puesto un montón de comentarios en el código. Consideran medidas adicionales para el Instructable. También en el espíritu de las cosas, aquí es una discusión sobre el diseño de páginas web.

La idea básica de la página web es usar iconos grandes para que sea fácil de usar en dispositivos de pantalla táctil; en particular, teléfonos inteligentes. Tenga en cuenta que he usado un poco CSS escala truco. La propiedad font-size para el selector del cuerpo controla la escala de la página (todo se define en unidades de em). He tamaño de la página para que quepa cómodamente en mi tablet. Uno puede cambiar el tamaño de fuente a escala para su dispositivo.

El diseño es una mesa, cuando uno hace clic en un dispositivo de entrada, javascript envía el código de tecla para seleccionar el dispositivo. El javascript también mueve el elemento de la TV a la columna apropiada y dibuja el cuadro alrededor de los dos iconos.

Yo uso un http GET, ya que utiliza una cadena de consulta en la url. Esto permite que uno escriba un url en la barra de direcciones del navegador para enviar los códigos dominantes. El archivo cgi es un script de bash que extrae el código de clave de la cadena de consulta y utiliza el comando "irsend" con esa clave. El interruptor HDMI puede controlar entradas a dos televisores. Puedo cambiar entre estos televisores con botones grandes. Los cambios de nombre para indicar para que TV las entradas están siendo controladas. Los comandos se almacenan en matrices de javascript doblemente indexada. Los botones siguiente y anterior cambian el primer índice para que coincida con el televisor que se controla. El índice 2 º accede a la clave adecuada para realizar la función dada.

He creado un video que muestra el sistema en funcionamiento.

http://youtu.be/HToL1c9Grcw

Artículos Relacionados

Cómo hacer una teléfono/tablet super sencilla soporte

Cómo hacer una teléfono/tablet super sencilla soporte

¿Está cansado de ver una película, pero tiene que sostener con la mano? ¿Su mano llegar cansado cuando sostenga su teléfono/tablet para jugar cuando se establecen? ¿Quieres hacerte un stand super sencillo teléfono/tableta? Voy a mostrar cómo hacer un
Proyecto DT: Cómo hacer un teléfono plegable fácil tableta soporte

Proyecto DT: Cómo hacer un teléfono plegable fácil tableta soporte

En nuestro club de DT en la escuela, nosotros hemos estado haciendo soportes teléfono/tablet plegable y pensé que era tiempo de compartir!He tenido año 3s (entre 7-8 años) con éxito haciendo este proyecto, por lo que es muy factible, incluso como par
Proyectos de carpintería para niños | Hacer un teléfono o Tablet Stand de madera Psephotus

Proyectos de carpintería para niños | Hacer un teléfono o Tablet Stand de madera Psephotus

Proyectos de carpintería para niños, hacer un teléfono de madera o de mesa con este vídeo de carpintería fácil dirigido y niños y principiantes, aprender algunas técnicas simples para trabajar la madera.VER EL TUTORIAL COMPLETO AQUÍ VIDEO Y DIVERTIDO
Cómo hacer Backup y restaurar el teléfono/Tablet Android

Cómo hacer Backup y restaurar el teléfono/Tablet Android

Como todos sabe, archivos como contactos, registros de llamadas, mensajes de texto, aplicaciones etc. almacenados en teléfono/tablet Android no son muy fáciles de ser transferidos manualmente/respaldo hasta PC o Mac. Afortunadamente, hay un montón de
Teléfono de escritorio baratos auriculares inalámbricos

Teléfono de escritorio baratos auriculares inalámbricos

pasar mucho tiempo en el teléfono en la oficina, por lo que he estado tratando de averiguar una forma de conseguir un auricular inalámbrico (AWH54 o CT14) para mi teléfono de escritorio sin donar un riñón a Plantronics. Este 'hack' fue hecha en un so
¿Cómo hacer un teléfono Skype? TELÉFONO HACK!

¿Cómo hacer un teléfono Skype? TELÉFONO HACK!

En el video de hoy les mostraré cómo hacer un teléfono de Skype en casa casi gratis!Paso 1: Hecho a mano Skype teléfono.Hecho a mano Skype teléfono ayudará si tenes auriculares ni micrófono, pero usted tiene que hablar en Skype inmediatamente. Es muy
Cómo mejor limpia el teléfono, Tablet o dispositivo electrónico otros

Cómo mejor limpia el teléfono, Tablet o dispositivo electrónico otros

hay varias maneras de limpiar el dispositivo.  Etiqueta engomada de microfibras, desinfectante spray y cyberclean son algunos buenos métodos que no dañará el teléfono.  El siguiente instructivo explicará cómo y los beneficios de cada método.Pantalla
Cómo hacer un teléfono de cartón

Cómo hacer un teléfono de cartón

siempre he tenido un interés en la cartulina. Cuando tenía 7 hice un coche fuera de él, pero pensé que modelos de cartón eran demasiado simples. Decidí hacer algo de cartón que era más complicado. Me decidí por un teléfono. Y sí, funciona. Tomó la pa
Hacer un teléfono de una calabaza!

Hacer un teléfono de una calabaza!

Declarar festivo este Halloween mediante la creación de un teléfono celular que soporte de una calabaza! Fácil de hacer y fácil de usar, estos titulares de harvesty son la manera perfecta de mostrar su estilo temporada!No hay nada como encontrar una
3 pasos fáciles de encendido/apagado control remoto con Arduino

3 pasos fáciles de encendido/apagado control remoto con Arduino

Basado en otro proyecto en internet, decidí hacer mi propio circuito de Arduino control remoto.Necesitaba dos motores 5V para encender y apagar con un mando a distancia. Como resultado tengo el proyecto a continuación.Usted puede modificar su proyect
Robot control remoto con grabación de vídeo móvil

Robot control remoto con grabación de vídeo móvil

hiiiii chicos! Este es mi primer instructivo... iam hoy vapara mostrar u cómo hacer un robot de control remoto con cámara (grabación móvil de vídeo)así que sigue estos pasos...PASO 1:materiales requeridos:1) motorreductores 3 (dos para el manejo y ot
Cómo hacer un cargador de teléfono/tableta LEGO®

Cómo hacer un cargador de teléfono/tableta LEGO®

un IHome base de diseño para sostener el teléfono mientras su carga. Puede llevar a cabo las tabletas, pero usted puede desde la base un poco más amplia.Paso 1: Hacer el bloque de carga -necesitará de Lego y un cable de cargador USB para su dispositi
Cómo hacer un teléfono o Tablet soporte

Cómo hacer un teléfono o Tablet soporte

cómo hacer un soporte sencillo y eficaz para tu teléfono o tablet / iPad. Ideal para ver películas o leer recetas mientras cocinas.Lo que usted necesita:CartónTijerasTal vez una tarjeta de crédito o guardar la tarjeta deMétodoMira el video para las i
Chroma Key en su teléfono/Tablet Android

Chroma Key en su teléfono/Tablet Android

Pasos para hacer Chroma Key (pantalla verde de pantalla/azul) directamente desde tu tablet Android o teléfono.Para este ejemplo, tengo un juguete de digger que he tomado un complemento de frente a una pantalla verde de presupuesto. Los pasos le guiar