sábado, 23 de abril de 2011

Insertar Java applet en pesentación de Powerpoint

La inserción de controles es una característica importante de la que muchos de los usuarios de Powerpoint nos valemos para aumentar la estética de nuestras presentaciones. Controles ActiveX como Shockwave Flash Object, Windows Media Player y Microsoft Web Browser figuran entre los más comunes. Sin embargo, más de uno se habrá interesado por incluir un Java applet dentro de su presentación, percatándose de que no existe un control que permita hacerlo. Pero como todo tiene solución, menos la muerte, acá les daré los pasos a seguir para lograr insertar un Java applet dentro de su presentación de Powerpoint.

Ante todo necesitaremos, obviamente, un appet de Java. En este ejemplo utilizaremos uno con el nombre applet.class, el cual guardaremos en nuestro Escritorio.

El paso siguiente será abrir Powerpoint y crear una nueva presentación (lo haremos en una presentación en blanco para efectos del tutorial pero esto será aplicable para cualquier presentación, en blanco o no).

Ahora insertaremos un control del tipo Microsoft Web Browser*


* Para insertar controles deberemos tener la pestaña Programador activa (para ello dejamos presionada Alt, luego presionamos A y por último W, en la nueva ventanita habilitamos la opción Mostrar ficha Programador en la cinta de opciones)


Ya tenemos nuestro Web Browser insertado en la presentación. Ahora definiremos sus dimensiones guiándonos por el tamaño predeterminado que nuestro applet tendrá, en este ejemplo applet.class tendrá un tamaño de 320x240 así que ese será el tamaño que le daremos a nuestro control haciendo derecho sobre él y accediendo a sus propiedades:


Ahora construiremos un archivo html el cual contendrá nuestro applet. para ello abrimos el Bloc de notas (Inicio -> Todos los programas -> Accesorios -> Bloc de notas) y pegaremos el siguiente código:


<html>
<head></head>
<body>
<Applet code="applet.class" height="240" width="320"></Applet>
</body>
</html>

Donde los parámetros en verde son personalizables (en este ejemplo usaremos esos), al igual que otros muchos parámetros de la etiqueta <Applet> que pueden conseguirse en internet.

Este archivo lo guardaremos en nuestro escritorio con el nombre archivo.html (es importante que quede con la extensión .html y no .txt, sino no funcionará).

Ahora volveremos a nuestra presentación y hacemos un clic en el fondo de la diapositiva (para deseleccionar el Web Browser en caso de que haya estado seleccionado) y nos iremos nuevamente a la pestaña Programador para esta vez presionar en el botón Sin acceso a internet1.png. Nos aparecerá el editor de Visual Basic y haremos doble clic sobre Slide1:


Pegaremos en él el siguiente código basic:

Sub iraURL()
Dim varURL As Variant
varURL = CurDir & "\archivo.html"
Slide1.WebBrowser1.Navigate varURL
End Sub

Cerramos el editor y regresamos a nuestra presentación para insertar un botón de acción al cual le asignaremos nuestra acción personalizada.


Dibujamos nuestro botón de acción arrastrando el cursor con el botón izquierdo del ratón presionado y cuando lo soltemos nos aparecerá la ventanilla Configuración de la acción a la cual le asignaremos nuestro procedimiento iraURL():

Ahora sólo nos falta guardar nuestra presentación pero deberemos tener en cuenta dos puntos muy importantes:
1. Esta presentación deberá ser guardada en la misma carpeta donde están los archivos applet.class y archivo.html

2. La presentación no puede ser guardada en formato de Presentación de Powerpoint regular, sino en formato de Presentación de Powerpoint habilitada para macros

Es importante que guardemos la presentación antes de probarla con F5, ya que si no lo hacemos no se verán los resultados de la manera esperada.

jueves, 21 de abril de 2011

Sin acceso a internet - Solución al problema - Windows 7

He visto varios foros en la red sobre problemas de conectividad internet en windows 7. La verdad es que, personalmente, he sido víctima de de esta tediosa situación que puede causar severos dolores de cabeza.

Parece ser que el problema se acentúa bajo el sistema operativo Win7 y sobretodo con la utilización de conexiones inalámbricas, aunque no excluiré casos de conexiones cableadas (ethernet) en esta entrada.

Íconos como este Sin acceso a internet1.png o este Sin acceso a internet2.png son característicos de una conexión a internet limitada.

¿Cómo solucionar este problema?
Ante todo debo decir que, hasta ahora,  no hay un método o procedimiento definitivo para darle solución a esta problemática, sino que, por el contrario, deberemos ir paso a paso y con paciencia hasta lograr que nuestra conexión sea 100% funcional.

Comenzamos por...
Verificar el estado de los conectores (si se trata de una conexión cableada) puesto que no es descartable un defecto en los mismos. ¿Cómo determinar si el cable se encuentra en buen estado? La mayoría de las conexiones cableadas, usan el tipo de conector RJ45:
Cargando...

La manera más rápida de verificarlo es conectándolo a otra PC, de esta forma descartaremos que se trate de un desperfecto físico en la conexión.

¿Qué hacer si estamos trabajando con una conexión inalámbrica?
No es común que en estos casos sea el enrutador la fuente de problema, sin embargo, podríamos hacer una prueba intentando conectarle otra PC y verificar si también presenta problemas de conexión.

Una vez que hayamos descartado problemas fisicos en el cableado o enrutador, procedemos al siguiente paso.

Restaurar la configuración de la conexión...
Hagamos clic en el botón Inicio y en la caja de  texto Buscar programas y archivos escribiremos "cmd" sin las comillas. Nos aparecerá la Simbología del sistema (CMD), le haremos clic derecho y en la lista desplegable seleccionaremos con el cursor Ejecutar como administrador.

Cargando...

Ahora estamos en la Simbología del sistema, escribiremos "ipconfig /release" sin las comillas y esperaremos unos segundos a que el sistema libere las conexiones (hasta que el ícono cargando... desaparezca), cuado esto ocurra verificamos si aún no hay conexión y regresamos a la simbología del sistema para escribir "ipconfig /renew" sin las comillas y así renovar la conexión. Esperamos otros pocos segundos y verificamos si la conexión ha sido reparada, de lo contrario recurriremos al siguiente procedimiento...

Verificar la configuración del dispositivo de red...
Para ello haremos clic en el botón Inicio y en la caja de texto Buscar programas y archivos escribiremos "Centro de redes" sin las comillas, y hacemos clic en Centro de redes y recursos compartidos para ingresar a él:
Cargando...

Una vez que estemos en el centro de redes haremos clic en Cambiar configuración del adaptador:

Cargando...

En esta ventana encontraremos todas las conexiones existentes en nuestro PC, algo parecido a lo siguiente:

Cargando...

En este caso hay dos conexiones de internet, una alámbrica y una inalámbrica. Para efectos del tutorial sumiremos que el problema lo presenta la conexión inalámbrica, entonces procederemos a hacer clic derecho sobre el ícono de ésta y en la lista que se despliega seleccionaremos Propiedades. Accederemos a la pantalla Propiedades de Conexión Inalámbrica #. En ella seleccionaremos Protocolo de Internet versión 6 (TCP/IPv6) y presionaremos el botón Propiedades:

Cargando...

En esta nueva ventana de Propiedades del Protocolo de Internet versión 6 deberemos asegurarnos que las opciones Obtener una dirección IPv6 automáticamente y Obtener la dirección del servidor DNS automáticamente estén seleccionas:

Cargando...

Hacemos clic una vez en Aceptar y haremos exactamente el mismo procedimiento para Propiedades del Protocolo de Internet versión 4.

Nota: si ya estaban seleccionadas las opciones de Obtener dirección IPv4 IPv6 y los Servidores DNS de ambas  significa que el problema radica en otro punto y si, por el contrario, no estaban seleccionadas, deberemos esperar unos segundos a que se reconfigure la conexión de internet (esto puede tardar incluso unos minutos y nos guiaremos en la medida en que el mensaje "Identificando..." permanezca en el ícono de nuestra conexión de internet). También deberemos tener en cuenta que si el mensaje "Sin acceso a internet" continúa una vez que se reconfigure la conexión, probablemente requeriremos reiniciar el equipo.

Si aún permanece el problema de conectividad tras reiniciar el equipo tomaremos otras medidas.

Adecuación de los controladores de nuestro dispositivo de red...
No me sorprendería que muchos hayan llegado a este punto del tutorial ya que, desde mi punto de vista, los problemas de conectividad, sobretodo inalámbrica, en windows 7 podrían deberse a que no están instalados los controladores o drivers correctos de nuestra tarjeta de red, sino que el mismo sistema operativo (solamente el win7) utiliza una especie de controladores predefinidos que podrían no ser 100% efectivos para todas las marcas y modelos de tarjetas de red.

Lo que haremos es determinar (o hacer nuestro mejor intento) la marca y modelo de nuestro dispositivo de red y para ello seguiremos los siguientes pasos.

Abriremos el Administrador de dispositivos (Clic en Inicio, escribimos "administrador" sin las comillas y seleccionamos el ítem Administrador de dispositivos cuando aparezca):

Cargando...

Ya cuando estemos en el administrador buscaremos los Adaptadores de red y desplegaremos la lista. Deberá aparecernos por lo menos un dispositivo ya sea alámbrico o inalámbrico. Seleccionamos el inalámbrico que para efectos del tutorial será el 802.11n Wireless LAN Card #2 y hacemos clic derecho sobre él, seleccionando Propiedades en la lista que se desplega:

Cargando...

En esta instancia estamos en las Propiedades del adaptador de red. Primeramente iremos a la pestaña Controlador para ver si nos proporciona información del fabricante:

Cargando...

En este caso el fabricante es Ralink Technology, Corp. y tendremos la certeza de que los drivers oficiales los encontraremos en la página de Ralink. Si por el contrario, la ficha nos mostrara que el Proveedor del controlador es Microsoft podríamos considerar que, como lo mencioné antes, nuestro adaptador de red está usando drivers genéricos (por decirlo así) y deberemos preocuparnos por conseguir los drivers oficiales del fabricante ya que muy probablemente este sea el origen del problema.

Ahora nos iremos a la pestaña Detalles. En la lista desplegable Propiedad haremos clic y seleccionaremos ID de hardware. Deberemos copiar ese valor.

Cargando...

Colocaremos en google el valor que copiamos anteriormente y nos saldrán varias opciones. Deberemos ir viendo uno a uno hasta que estemos seguros de que idendificamos nuestro dispositivo:

Cargando...

En este caso la primera página web nos proporciona la información necesaria para buscar y descargar nuestros drivers (Marca y modelo de nuestro adaptador), así que sólo nos restaría buscarlos, descargarlos e instalarlos.

Nota: también podemos usar AIDA64 (antigumente Everest) para obtener información del adaptador de red.

Si logramos hacernos con los controladores, los instalamos y vemos qué tal nos va. También si tienen problemas obteniendo la información de su adptador de red, o ninguno de los procedimientos descritos en este tutorial les funcionó, pueden dejar un comentario para así intentar ayudarles y buscar otras soluciones y plasmarlas en este blog.

viernes, 1 de abril de 2011

Código HTML para reproducir videos de youtube sin recargar la página

A quienes le parezca interesante la idea de tener videos de youtube insertados (embedded) en su página web y poder reproducir otro(s) sin tener que recargar o abrir una nueva pestaña o página, acá les dejo un tutorial para hacerlo, es muy sencillo y no hay que ser un experto en diseño web, sólo hay que tener un poco de conocimiento de HTML y un poco más, aún, de javascript.

Ante todo debemos tener una lista de enlaces de videos con la cantidad que queramos. Pueden ser 2, 3, 4, 10, 20, etc., enlaces. Consideremos la siguiente lista de como ejemplo:


http://www.youtube.com/watch?v=XzbPezkHIb8
http://www.youtube.com/watch?v=1ywiLKxf56k
http://www.youtube.com/watch?v=MZVQjo1aoJc
http://www.youtube.com/watch?v=z3Kkro0ztJg
http://www.youtube.com/watch?v=lebP_W34N9w

Bien, acá tenemos 5 videos. En este ejemplo colocaremos el primero como video predeterminado al cargar la página. Recordamos que el ID del video es XzbPezkHIb8 (esto será muy importante ya que al trabajar solamente con los IDs nos ahorraremos espacio en nuesteo código). Los IDs de los otros cuatro videos son 1ywiLKxf56k, MZVQjo1aoJc, z3Kkro0ztJg y lebP_W34N9w, respectivamente.

Ahora consideremos el siguiente código como un estándar (aunque siempre youtube lo cambia) para la inserción de videos:

<iframe title="Título" width="Ancho" height="Alto" src="http://www.youtube.com/embed/ID_del_video" frameborder="0" allowfullscreen></iframe>

Donde los elementos en verde son parámetros personalizables y el elemento en rojo es el ID del video.

Como en nuestro ejemplo el video predeterminado al cargar será el que tiene ID XzbPezkHIb8, y considerando un ancho de 480 pixels y un alto de 390pixels, el código de inserción será:

<div id="rep">
<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/XzbPezkHIb8" frameborder="0" allowfullscreen></iframe>
</div>

¿Por qué insertamos nuestro código dentro de las etiquetas <div id="rep"> y </div>? Porque necesitaremos un elemento html con un id determinado para que con nuestra función javascript podamos cambiar lo que hay dentro de dicho elemento.

Nota: Este código lo colocaremos en cualquier parte de nuestra página web, la que deseemos.

Ahora insertaremos esta función de javascript mediante la cual cambiaremos de video con la ayuda de unos enlaces de referencia que definiremos más adelante. Nota: recomiendo insertar el siguiente código entre las etiquetas <head> y </head> de nuestro html.


<script type="text/javascript">
function Reproducir(id)
{
var in1="<iframe title=\"YouTube video player\" width=\"480\" height=\"390\" src=\"http://www.youtube.com/embed/";
var in2="\" frameborder=\"0\" allowfullscreen></iframe>";
var ids = ["XzbPezkHIb8", "1ywiLKxf56k", "MZVQjo1aoJc", "z3Kkro0ztJg", "lebP_W34N9w"];
for (i=0;i<ids.length;i++)
{
if(id===i)
{
document.getElementById("rep").innerHTML=in1 + ids[i] + in2;
}
}
}
</script>

Una vez que agreguemos nuestro código javascript, sólo nos faltará crear enlaces de referencia, los cuales contendrán cada uno de los videos que podremos reproducir en nuestra página al hacer clic sobre ellos, en este caso son, como ya habíamos dicho, 5 videos, por lo tanto 5 enlaces. Utilizaremos el siguiente código HTML para ello:

<a href="javascript:Reproducir(0)">Anhelo</a><br>
<a href="javascript:Reproducir(1)">Hoy Aprendí</a><br>
<a href="javascript:Reproducir(2)">Dame Una Oportunidad</a><br>
<a href="javascript:Reproducir(3)">Amiga</a><br>
<a href="javascript:Reproducir(4)">No Puedo Ser Tu Amigo</a>

Es importante que sigamos la secuencia 0, 1, 2, 3, 4, 5, etc., comenzando siempre desde 0. Este código lo podemos colocar debajo del que contiene el video insertado para que finalmente nuestro resultado sea algo como sigue:

Anhelo
Hoy Aprendí
Dame una oportunidad
Amiga
No Puedo Ser Tu Amigo