Impulsos.net – Blog

Hola a todos, espero que hayan pasado unas excelentes vacaciones tanto como yo las disfrute
En esta ocasión hablaremos de temas un poco mas tecnicos en cuanto al desarrollo Web y uno que otro contratiempo que suele aparecer a la hora de mostrar resultados en pantalla.

Debo comentar que este problema es muy curioso y pasa pocas veces pero tiene una explicación lógica.
Para saber su solución describire el problema: En mi caso muy personal estaba escribiendo unas cuantas líneas de código en un archivo PHP donde hago una simple consulta a una base de datos, decidí visualizar el código en Firefox y continuar mi trabajo al día siguiente. Llegado el momento de reanudar mi trabajo visualizo el archivo en Firefox y cual es mi sorpresa que en la parte superior de la página (al inicio del documento PHP) aparecian estos símbolos:



Supuse que era caché, entonces realice la limpieza del mismo pero esto no funciono. Mi ultima sospecha fue que acababa de realizar una configuración en mi servidor en el cual le daba prioridad a archivos con codificación UTF8, pero al probar con otros archivos similares estos simbolos no aparecian.

Finalmente procedi a investigar el tema y la conclusión fue esta explicación: Algunos programas, al guardar un archivo con codificación UTF-8 agregan al principio del archivo 3 caracteres hexadecimales, lo cual genera dicho error. Para solucionar esto es necesario recurrir a un editor hexadecimal (como el HHD Free Hex Editor), abrir el archivo .php y borrar los primero 3 caracteres del archivo.

Y exactamente fue lo que hice y todo quedo a la perfección, este tema aun me causa ruido por lo que en la semana checare si hay alguna solución a nivel servidor que valide y se omita eliminar los caracteres con un editor, muchos saludos y espero que les haya servido.  En el próximo post hablaremos de sistemas enfocados al human force.

• Internet Explorer, Operación Anulada, Wordpress. (0)
  Es curioso comentarles que mi entrada anterior generó sin qu...
• Primer encuentro Domainers México 2010 (0)
  DEl 16 al 17 de julio se llevó a cabo el  primer encuentro D...
• Indra presenta el proyecto Headmouse, diseñado para personas con discapacidad motriz (4)
  Indra hace la presentación en México, en conjunto con la Uni...

Indra hace la presentación en México, en conjunto con la Universidad de Lleida en España y la Fundación Adecco,del proyecto HeadMouse 2.0, solución que permite a las personas que carecen de movilidad controlar  el cursor del mouse a través de movimientos de cabeza haciendo la función de “arrastrar” y con gestos faciales para dar “clic”.

El sistema incorpora un gran número de innovaciones que facilitan a las personas con discapacidad motriz el acceso a las tecnologías de la información y la comunicación. Gracias al  uso de algoritmos de visión artificial desarrollados para el área de la robótica móvil, el usuario es capaz, sin ningún tipo de conocimiento previo, de utilizar de manera intuitiva y natural el mouse virtual. Una vez instalado el software, las personas no requieren de ningún tipo de ayuda para acceder a la configuración ni para modificar los parámetros que ofrece el sistema.

Cabe mencionar que el ratón virtual puede ser utilizado por cualquier usuario, ya que no tiene definida ninguna lengua de aplicación y consta de un manual de ayuda en castellano e inglés.

En este link podrás descargar el software de manera gratuita: http://robotica.udl.es/headmouse/headmouse.html

Los objetivos principales que se buscan con esta aplicación son:  desplazar el mouse con los movimientos de la cabeza y proporcionar diversas opciones para realizar el click del mouse con movimientos de la cara y/o con un temporizador (si en 1.5 segundos no se mueve el mouse se produce un click de forma automática).

Los requisitos necesarios para que la aplicación funcione son mínimos, una Pc o laptop con procesador Pentium IV  (para quien no sabe mucho de asuntos técnicos basta decir que cualquier Pc o laptop en donde se pueda ejecutar Windows 98 es suficiente)  trabaja con Windows 98, Windows XP o Windows Vista y es necesaria una webcam que soporte la resolución de 640×480.

Una vez instalado el software es necesario hacer una serie de configuraciones; en primer lugar hay que hacer la detección inicial de la cara del usuario, esto se hace girando la cabeza horizontalmente de forma leve (pequeños giros) y rápida hasta que aparezca el dibujo de una cara en el centro de la pantalla. Una vez terminada la calibración aparecerá un cuadro en la esquina inferior derecha de la pantalla mostrando la imagen del usuario con una cruz verde entre los ojos, indicando que el programa está en marcha.

En segundo lugar hay que aprender a desplazar el mouse, para comenzar este entrenamiento hay que girar la cabeza hacia arriba,abajo,derecha o izquierda para conseguir un desplazamiento del mouse en la misma dirección.

Ahora aprenderemos como dar click / arrastrar.

Hay  distintas formas de click, como mínimo una debe estar habilitada.

Método 1 (arrastrar por defecto) En este método el usuario cerrar los ojos presionando levemente (más duradero que un parpadeo involuntario).

Método 2 (click por defecto)para este método solo es necesario abrir la boca.

Método 3 mantener el mouse parado en una posición durante 1.5 segundos es un método más para ejecutar la acción de un click.

Para Arrastrar un objeto (Iconos, Ventanas, etc.) se debe realizar un click sobre el objeto que se quiera mover y desplazarlo hasta al sitio deseado hacia la derecha, izquierda, arriba o abajo. Para soltar el objeto se debe realizar un nuevo click.

Por ultimo mostramos un video del software.

• ¿Software con Medicina? (0)
  Estimados Lectores antes que nada una gran disculpa por no h...
• México rankeado en lugar 11 en outsourcing de servicios TI (0)
  En días pasados la empresa A.T. Kearney presentó los resulta...
• Las matrículas universitarias en TIs disminuyen constantemente en todo el mundo (0)
  Hola, comparto con ustedes un artículo que llego a mis manos...

Es curioso comentarles que mi entrada anterior generó sin querer esta nueva entrada, prometo en la siguiente hablar respecto a Randy Pausch como había escrito.
Aclarado este punto considere prudente escribir este post debido a que cuando escribi mi ultima entrada decidí insertar un video de YouTube lo cual al ser una operación común y corriente no me dio contratiempos sin embargo cual es mi sorpresa cuando me notificaron que en Internet Explorer 6 y 7 se lanzaba una alerta del navegador con el siguiente mensaje: Internet Explorer no puede abrir el sitio, Operación Anulada y por lo tanto no era posible checar el Blog.

Realmente no me sorprendió ya que en Explorer uno puede esperar cualquier número de errores y cosas extrañas no importando si tu página tiene programación sencilla o compleja.
Investigando como siempre en Google encuentro que es un problema de este navegador con la forma en que interpreta Javascript y que cancela cualquier operación si un script intenta cargar antes que la página.
Soluciones hasta este punto pues aquí dejo algunas:

- La primera es utilizar el atributo defer en sus sentencias de Javascript; defer le indica al documento que invoque las funciones de Javascript cuando la página haya cargado:

Suponiendo que tienen:
<script type=”text/javascript”>
Quedaría de esta manera:
<script type=”text/javascript” defer=”defer”>

- La segunda opción es colocar los javascript en archivos .JS e invocarlos de esta forma:

<script type=”text/javascript” src=”archivo.js” mce_src=”archivo.js” defer=”defer”></script>

- Tercera opción que hace lo mismo que defer:

state = document.readyState;
if (state == ‘complete’ || state == 4) {
// Ejecutamos alguna intruccion javascript que realice una modificacion al dom
}

- Finalmente para los que estan afectados con este problema en su theme de Wordpress y no pueden insertar videos de YouTube sin que aparezca esa molestar alerta deben hacer lo siguiente:

Copiamos el códido de inserción del video que nos interese de YouTube por ejemplo:

<object width=”480″ height=”295″><param name=”movie” value=”http://www.youtube.com/v/PVA047JAQsk&hl=en&fs=1″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/PVA047JAQsk&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed></object>

Copiamos solo lo que está dentro de embed quedando de esta forma:

<embed src=”http://www.youtube.com/v/PVA047JAQsk&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed>

Y finalmente le agregamos la etiqueta div para alinearlo (la etiqueta div es necesaria) y nuestro código final queda de esta forma:

<div align=”center”><embed src=”http://www.youtube.com/v/PVA047JAQsk&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed></div>

Conclusión: Como siempre lo he dicho usen Firefox, Chrome, Safari y eviten Explorer, espero que esto les sea de ayuda, saludos.

Algunas fuentes:

TecnoBita

EastWood

Desarrollo Web

• Simbolos raros al inicio de tus documentos Web como  (2)
  Hola a todos, espero que hayan pasado unas excelentes vacaci...
• Google Experimental Flu Trends Para México (0)
  Con todo el revuelo que está levantado el virus de la influe...
• Indra presenta el proyecto Headmouse, diseñado para personas con discapacidad motriz (4)
  Indra hace la presentación en México, en conjunto con la Uni...