Archivos de la Categoria: Tutoriales

Cómo sacarle provecho a Firefox.

Wednesday, June 4th, 2008

Firefox el mejor Explorador

La otra vez en clases un compañero que había visitado mi blog me dijo.

Me baje el Firefox, pero no le veo lo distinto. Es IE con otro nombre.

Bueno, por lo mismo decidí escribir sobre esto. No puede ser que gente use Firefox sin darse cuenta de lo nuevo que tiene. Es cierto que la gente como yo, más dedicada al PC es aun más útil, pero veamos las cosas simples.

Personalizable:

Firefox es muy, muy personalizable.
Primero podemos descargar temas (Themes) a nuestro gusto para darle un nuevo aspecto.
Para ello vamos a Herramientas -> Complementos (Agregados) -> Temas y en la esquina inferior derecha hacemos clic sobre Obtener Temas, nos llevara a una pagina donde podemos buscar por temas o por una palabra el tema que nos guste, luego solo lo descargamos y se instalara automáticamente. (No te preocupes por la advertencia)
Luego en Herramientas -> Complementos -> Temas podemos cambiar, borrar los temas que hayamos descargado.
Luego si haces click derecho sobre la barra de herramientas arriba, tenemos la opción Perzonalizar… es básicamente para mover, achicar, borrar, agregar los botones y utilidades que quieras a la barra.

Navegación:

Navegacion
Firefox, como siempre navega con pestañas. Para mi es una maravilla, puedes tener muchas paginas abierta en una ventana y sin ralentizar el pc.
Para abrir los links en nuevas pestañas podemos hacer clic con “la rueda” del mouse, esta que usamos para bajar el Scroll de la pagina. Yo estoy muy acostumbrado a esto, y me estresan los Mouses sin ese botón xD.

El sistema de favoritos es parecido al de IE excepto por los marcadores. Que son “Accesos directos” a las web que queramos. Si no me equivoco en un comienzo tenemos la web de firefox, la podemos borrar con clic derecho y agregar las web que queramos igual o arrastrando la pestaña hacia la barra.

Además contamos con un buscador en la esquina superior derecha, donde podemos seleccionar nuestro buscador favorito (Wikipedia, Google, Yahoo, Etc…) hasta podemos instalar nuevos buscadores.
Así solo escribimos la palabra y presionamos ENTER, para buscar. ( O hacemos clic con la rueda en caso de que queramos abrir en una nueva pestaña)

Complementos:

Los complementos o agregados de firefox son especies de extensiones, para sumarle utilidades a nuestro navegador. Por ejemplo yo tengo extensiones para: Que me avisen cuando tengo nuevos mails, Uno para cambiar themes de manera rápida, un simulador de Ness que te permite jugar a juegos como Mario y Zelda con el navegador. Otro que me arregla las direcciones en caso de que las escriba mal, por ejemplo si escribo www.google.con, me lo cambiara automáticamente a .com, otro que me permite manejar el navegador solo con gestos del mouse como “dibujando”, ejemplo: Si dibujo un espiral refresca, si dibujo una ralla hacia la izquierda va una web atrás, etc…
En fin podemos agregar muchísimas nuevas funciones. (Reproductores de música, Diccionarios, Diarios etc…)
Para buscar nuevas vamos a Herramientas->Complementos (Agregados) -> Extensiones, esquina inferior derecha “Obtener extensiones“.
Lo mismo que con los themes, se buscan y se instalan fácilmente. Normalmente los complementos quedan instalados en la barra inferior del navegador o hay que agregarlos personalmente haciendo clic derecho en la barra de arriba y haciendo clic en perzonalizar… como hable antes.

Tips:

Como ultimo les doy unos tips.
CTRL+T -> Nueva Pestaña en blanco.
SHIFT+CTRL+T -> Recuperar Pestaña Cerrada.

Podemos activar en Herramientas-Opciones-Avanzada-General “Buscar texto mientras se escribe” para que cuando digitemos una palabra y no estemos en un campo de texto, la busque. Es perfecto para encontrar algún tema especifico en algún texto largo.

Podemos descargar Diccionarios (Complementos) para corregir nuestra ortografía mientras escribimos. !Perfecto para blogers!

Creo que con eso es suficiente, sigan investigando si quieren. (Con Firefox 3 puede que hayan nuevas funciones)

Programación en Batch 3º Parte.

Monday, May 19th, 2008

Antes de leer esto deberías ya saber algo de Batch, tal vez te sirva leer la primera y segunda parte.
Si sigo así tendré que escribir un libro. xD

En esta tercera parte, sera básicamente de técnicas y tips. Nuestro indice sera:

  • Abrir archivos con
  • Borrar de agrandes cantidades
  • Mover o Copiar de a grandes cantidades
  • Crear listas de reproducción (Para Winamp)

Abrir Archivos Con:

Como algunos saben al hacer clic en un archivo la mayoría de las veces nos muestra la opción Abrir Con.

Este tip es especial para archivos que necesitamos abrir y no podemos ingresar a la carpeta, para archivos que no tienen la opciones de Abrir Con, y también para los que tienen computadoras lentas que al apretar esta opción demoran mucho en mostrarla.

Como hablamos en los tutoriales anteriores con la función start iniciamos procesos, por lo que por eso haremos lo siguiente.

start archivo programa.exe

o también.

start programa.exe archivo

Ambas dos funcionan igual. Lo que hacemos es elegir un programa, y un archivo de manera que el programa abrirá al archivo dado. Como un ejemplo simple, abramos la carpeta C:/WINDOWS con el explorer.

start C:/WINDOWS explorer.exe

Para algunos archivos (Los que tiene direcciones y nombres con espacios) deberemos encerrarlos en comillas.

start "C:\Carpeta con Espacios\Archivo con Espacios.txt" notepad.exe

Como en este ejemplo donde abrimos un texto con Notepad (Bloc de Notas).

De esta manera podemos abrir cualquier archivo o carpeta solo sabiendo su dirección.

Aqui una pequeña lista de programas, para que sepan sus “nombres”.

  • explorer.exe -> Explorer (El para ver las carpetas)
  • iexplorer.exe -> Internet Explorer
  • firefox.exe -> Firefox (Abrir webs con: start firefox.exe www.jestudio.cl)
  • wmplayer.exe -> Reproductor de Musica Windows Media Player
  • winamap.exe -> Reproductor de Musica Winamp player.
  • mspaint.exe -> Paint
  • cmd.exe -> Shell de comandos
  • notepad.exe -> Bloc de notas
  • photoshop.exe -> Photoshop

Entre muchos otros, para saber como se “llama” un programa podemos ver en la pestaña procesos de el administrador de tareas mientras el programa este abierto(CTRL+ALT+SUPR, o CRTL+ALT+DEL).
Además muchas veces podemos simplemente adivinar su nombre.

Borrar de Agrandes Cantidades:

A mi me a pasado muchas veces que me han quedado carpetas infectadas de archivos inútiles y he comenzado a borrarlos uno por uno. Cuando iba en la mitad me aburrí y decidí ser eficiente, asi que se me ocurrió un código para borrar.

Los archivos que yo quería borrar tenían todos la misma desconocida extensión que ya no me acuerda como era, pero supongamos que era .sfk, ¿Como aniquilarlos todos sin mover un dedo?
Pues con esta función, podemos borrar todos los archivos que tengan cierta cosa en común, pero recuerden tener extremo cuidado pues pueden llegar a borrar algo no deseado.

FOR /R %%x in (*.sfk) DO (DEL "%%x")

Como vemos tiene el formato:

FOR /R %%Variable in (ElValorEnComun) DO (AccionAEjecutar)

Donde /R significa que no solo afectara a una carpeta si no que a todas las superiores.

Si agregáramos ese código en algún Batch, al correrlo comenzara a borrar todos los archivos con la extensión sfk que hayan en directorios superiores al suyo o en el mismo. (Directorios = Carpetas)

Claramente yo quise tener cuidado, y no borrar cosas indeseadas. Por lo que antes hice esto:

FOR /R %%x in (*.sfk) DO (echo "%%x")

Es lo mismo, solo que como acción en vez de borrar los listé. Una vez verificado que no había ningún archivo que me importara ejecute el otro.

Para el “valor en comun” hay varias maneras de darlo. Son de la siguiente manera.

  • común.mp3 -> Todos los archivos con ese nombre exacto.
  • común.* -> Todos los archivos con ese nombre, sin importar la extensión.
  • común* -> Todos los archivos que comiencen en común.
  • *común.mp3 -> Todos los archivos terminados en común.mp3.
  • *.mp3 -> Todo los archivos con la extensión mp3.
  • *común* -> Todos los archivos que contengan la palabra común.
  • * -> Todos los archivos, sin importar su nombre o extensión.

Por ejemplo si ejecuto:

FOR /R %%x in (*a*) DO (DEL "%%x")

Se borraran todos los archivos que tengan una a en su nombre o extensión.

FOR /R %%x in (*) DO (DEL "%%x")

Se borraran todos los archivos existentes.

Yo mi “programa” lo deje así:

@echo off
echo Se han encontrado los siguiente sfk:
FOR /R %%x in (*.sfk) DO (echo "%%x")
echo -----------------------------------------
echo Presione una tecla si desea eliminarlos
echo De lo contrario cierre la ventana.
pause>nul
echo Estas seguro?
pause>nul
echo Pues comencemos
pause>nul
FOR /R %%x in (*.sfk) DO (DEL "%%x")
echo LISTO
pause>nul
echo adiós
pause>nul
exit

Mover o Copiar de a grandes cantidades

Como se puede ver, en el punto anterior se borran muchos archivos en común con solo una linea de codigo. Pues para copiar y mover se hace casi lo mismo.

FOR /R %%x in (*) DO (MOVE "%%x" C:\DestinoDeLosArchivos\)

En la carpeta que lo ejecutemos moverá todos los archivos a “C:\DestinoDeLosArchivos\”

FOR /R %%x in (*.txt) DO (COPY "%%x" C:\DestinoDeLosArchivos\)

En la carpeta que lo ejecutemos moverá todos los archivos con extensión .txt a “C:DestinoDeLosArchivos”.

Crear una lista de reproducción.

Como fue visto en los tutoriales anteriores, podemos crear fácilmente archivos desde batch. Pero comúnmente solo se nos ocurriría escribir otro batch o un texto.
Bueno, me di cuenta que la forma de escribir de las listas de reproducción de Winamp son extremadamente simple. Simplemente los nombres de las canciones. (Solo sirve para winamp)

Por ejemplo, si quisiéramos crear un bat que al apretarlo crea una lista de reproducción con todos los archivos de música existentes en la carpeta haríamos lo siguiente.

@echo off
echo. > lista.m3u
FOR %%x in (*.mp3) DO (
echo %%~nx.mp3 >> lista.m3u
)
start lista.m3u winamp.exe
exit

Al ejecutarlo nos crearía un lista de reproducción de nuestra carpeta y comenzaría a reproducirla.
La lista quedaría creada, si es que quieres que la lista no quede en tu pc.
agrega estas lineas antes de exit:

pause
DEL lista.m3u

Basicamente lo que hago con este codigo es crear un archivo con extensión .m3u que dentro contiene los nombres de las canciones.
%%~nx significa que nos devolverá solo el nombre de el archivo sin la dirección.

Eso es básicamente todo lo que doy a conocer hoy.
Si alguien descubre la manera de hacer el creador de Lista de Reproducción pero que sirva incluso si es que se abre en un directorio raíz le pediría que me lo haga saber, pues no lo logré. (Solo funciona para una carpeta, no funciona como todos los otros batch que hice.)

Autor: JaLeRu

Distintas maneras de crear un preloader. [As3] Parte 2

Tuesday, April 29th, 2008

Ahora es cuando los cargadores se van poniendo más entretenidos. Te recomiendo leer por lo menos la primera parte del post anterior (La ecuación y como obtener los bytes).
Lo que haremos sera una animación que constara de 100 frames (Puedes ser más o menos), y ira avanzando a medida que se valla cargando la película.
Lo que primero que demos hacer para comenzar sera crear un MovieClip con la instancia de pre_mc y dentro de ella crear una animación de 100 frames o como quieras..
En el primer frame de nuestra animación escribamos.

stop();

Fuera de la animación, ya en el escenario principal, en el primer frame escribimos.

stop();
var Nframes:Number=100;
var porcentaje:Number;
this.loaderInfo.addEventListener(ProgressEvent.PROGRESS, onPRO);
function onPRO(e:ProgressEvent){
porcentaje=Math.round((e.bytesLoaded/e.bytesTotal)*Nframes)
pre_mc.gotoAndStop(porcentaje);
if(e.bytesLoaded==e.bytesTotal){
gotoAndStop(2);
}
}

Como vez en el código lo que hacemos no es en realidad sacar el porcentaje. Algo parecido, pero no lo es.
Lo que hacemos es dividir los Bytes Cargados por los Totales, esto siempre nos dará un numero entre 0 y 1. (0.1, 0.2, etc..) de manera que al multiplicarlo por el numero de frames que queramos nos dará una especie de porcentaje, pero no por cien, si no que por el numero de frames.
Lo importante es que en la variable Nframes des el numero de frames que tiene tu animación.
Otra cosa que no se nos puede olvidar es ocupar:

Math.round();

¿Por que?, pues por que esta función sirve para redondear el numero, imagínate que nos da un numero como 45.4 ¿Existe acaso el frame 45.4? NO, entonces debemos redondear el numero para que nos de números enteros.

Es importante que la animación no sea demasiado pesada, pues esta también se carga.
Por lo cual si es muy pesada, podría ser “invisible” por un momento.

Hasta la próxima.

Autor: JaLeRu

Distintas maneras de crear un Preloader. [As3] Parte 1

Monday, April 28th, 2008

Este tutorial viene a una pregunta clásica, ¿Como crear un preloader en Flash?

Preloader es el cargador de una pagina web. El que normalmente indica el porcentaje de la carga o la cantidad de bites cargados.

Hacer un loader, ya muchos saben por que se puede leer en muchas partes, pero lo que normalmente uno busca es hacer algo personalizado y aquí enseñare como lograrlo con distintas maneras que se me ocurrieron.

Lo primero que debemos saber antes de crear cualquier Prilouder xD son las funciones para obtener el peso de la película (en Bites) y lo que hemos cargado (en Bites) y luego debemos saber la ecuación para sacar el porcentaje de carga. Recordemos que estamos trabajando en As3.

Para obtener el peso total en bites de una pelicula se usa.

loaderInfo.bytesTotal

y para ver los bytes cargados se usa

loaderInfo.bytesLoaded

La ecuacion que se ocupa para sacar el porcentaje es:
(Valor/Total)*100 = Porcentaje de Valor respecto a Total
Osea que en codigo.

(loaderInfo.bytesLoaded/loaderInfo.bytesTotal)*100

Sacando el porcentaje se nos pueden ocurrir muchas cosas tomando como base los numero del 0 al 100.

Preloader Clasico

El preloader clásico lo haré solo con código.

stop();
var porcentaje:Number;
var texto:TextField=new TextField;
var barra:Sprite=new Sprite();
var color:int=0x000000;
barra.x=stage.stageWidth/2-50;
barra.y=stage.stageHeight/2-10;
addChild(barra)
addChild(texto);
this.loaderInfo.addEventListener(ProgressEvent.PROGRESS, car);
function car(e:ProgressEvent){
porcentaje=(e.bytesLoaded/e.bytesTotal)*100
barra.graphics.clear();
barra.graphics.beginFill(color);
barra.graphics.drawRect(0,0,porcentaje,20);
texto.x=barra.x+barra.width;
texto.y=barra.y;

texto.text=String(Math.round(porcentaje))+"%"
if(e.bytesLoaded==e.bytesTotal){

play();

}
}

El cargador como ven es simple, consta de un Sprite (Una figura)y un TextField (Campo de texto)
lo primero que se hace es crear las variables.

  1. pocentaje: Contendrá el porcentaje de carga
  2. barra: Dentro de el dibujaremos la barra.
  3. color: Contendrá el color del cual dibujaremos barra.
  4. texto: Es el Campo de texto que mostrará el porcentaje.

Luego dimos algunas propiedades, como una posición centrada para la barra y agregar los elementos al escenario.

Continuado encontramos un Listener y la función que se encarga de que cada cierto intervalo ver la carga, procesando los datos. Le asigna el porcentaje a la variable porcentaje. Luego con el porcentaje dibujamos la barra y escribimos en texto el porcentaje.

En fin, es el clásico cargador, aburrido.

Ahora algunas técnicas para personalizar ese cargador.
Si quisiéramos que la barra crezca más que 100 debemos agregar un pequeño calculo.
porcentaje*(tamaño/100)
Por ejemplo, si queremos que nuestra barra al estar cargado el 100% mida solo 40px usamos.

barra.graphics.drawRect(0,0,porcentaje*(40/100),20);

Ahora, si quisieramos que nuestra barra no cresiera hacia un lado sino que para los dos.
Podemos usar esto.

barra.graphics.drawRect(-(porcentaje*(40/100)/2),0,porcentaje*(40/100),20);

¿Por que? Pues por que el primer valor de la función drawRect es para mover a el Sprite de su posición respectiva osea si su posición era 100 y en ese valor colocamos 10, su posición cambiara a 110. Entonces ahora le restamos la mitad de su tamaño (el tamaño es porcentaje*(40/100) en este caso).

Si meten mano al código pueden enchularlo más aun.
Este es el primero que posteo, pronto subo otros más entretenidos.

Para poder ver como se vería un cargador debemos hacer lo siguiente:
Poner el código en el primer frame, en el segundo frame importemos algo así como una imagen o algo con peso, pero no demasiado. Luego apretamos CTRL+Enter y una vez que se cargue la película lo volvemos a apretar, con esto veremos como se vería nuestro cargador. (Si no se ve, existen dos opciones, que el código tenga un error, o lo que hay desde el 2º frame en adelante no es lo suficientemente pesado como para alcanzarse a ver la carga)

(Mañana, o pasado mañana subo el segundo)

Autor: JaLeRu
Categorias: Computación, Tutoriales
Tags: ,

Tutorial completo para aprender Ajax (Muy Bueno)

Friday, April 25th, 2008

Dando vuelta por Internet me encontré con este Libro que es más que nada un muy largo Tutorial para aprender Ajax.
Es muy bueno, aun no me lo leo por completo ni tampoco lo he aplicado a nada pero si le doy un poco de tiempo lograre algo bueno. Lo saque de http://www.librosweb.es/ajax/index.html.
El libro puede ser leído de manera OnLine (Se Actualiza cada cierto tiempo) o descargando el PDF.

Muy completo, muy recomendable.

Autor: JaLeRu

Local Connection As2, comunicación entre dos SWF.

Wednesday, April 23rd, 2008

LocalConection Jestudio

En este tutorial vamos a aprender a ocupar local connection en As2.
Local Connection, es una forma simple de conecta dos Swf diferentes.

Les explico lo que queremos hacer:
Con Local Connection vamos a hacer dos SWF, uno que envié una variable y el otro que la reciba y la muestre en pantalla.
Si no saben a lo que me refiero con SWF, son las películas, archivos creados por Flash.

(Continuar Leyendo para ver el Tutorial)
(more…)

Programación en Batch 2º Parte.

Sunday, April 20th, 2008

Esta es la segunda parte de mi tip Programación Batch con archivos .bat, así que te recomiendo leerlo si es que no estas instruido en el tema.

A continuación veremos los siguientes temas:

  • Uso de etiquetas
  • Condicionales
  • Creación de Menús
  • Apagado y Reiniciado de Pc con archivos .bat
  • Leer archivos externos
  • Insertar al Registro
  • Otras cosas útiles

Si te interesa, sigue leyendo.
(more…)

Uso de la Clase Tween en As3

Saturday, April 19th, 2008

This movie requires Flash Player 8

Hola, en este Tutorial les enseñaré cómo lograr un efecto de Easing Tween mediante Actionscript 3, ya que es una de las primeras cosas que aprendí solo en ActionScript 3.

Primero debemos importar los paquetes necesarios:

import fl.transitions.*;
import fl.transitions.easing.*;

Luego creamos un nuevo Sprite, en este caso dibujaremos un simple cuadrado.

var box:Sprite= new Sprite   //  Se crea
box.graphics.beginFill(Math.random()*0xffffff); // Se elije color
box.graphics.drawRect(0,0,100,100); // Dibujamos el cuadrado
box.graphics.endFill(); //Terminamos de dibujar
box.x=10  //Posición
box.y=10
addChild(box); // Lo enviamos al Stage.

Comenzando ya con el Tween lo creamos, dándole las opciones de:

(Objeto,Propiedad,Método,Partida,Termino,Duracion,Animación)

Objeto: Es el sprite que creamos en este caso. O sea, a lo que le queremos aplicar el Tween.

Propiedad: Es La propiedad que queremos cambiarle, ya sea el x, el y o el alpha.

Método: Es el tipo de Animación, existen varias. El modo de escribirla es: Movimiento.ease:

    Donde movimiento:
    None:
    Se mueve de el lugar a otro pero no le afectan los ease
    Elastic:
    Efecto Elástico
    Bounce: Efecto de Rebote
    Regular: Se mueve de manera regular.
    Strong: Se mueve de una manera más fuerte.
    Back: Se mueve y Vuelve un pocoy Ease:

    easeIn(): Parte lento

    easeinOut(): Parte y Termina Lento

    easeOut(): Termina Lento

Partida y Término, es donde empieza y donde termina la propiedad a la cual vamos animar.

Duración : Es el tiempo que demorará en hacer la animación.

Por ultimo “Animaciónâ€, siempre déjenlo en true, ya que en false no la muestra.
(more…)

Autor: JaLeRu

Programación en Batch 1º Parte.

Thursday, April 17th, 2008

En este tutorial hablaremos sobre cómo manejar algunas funciones de Windows mediante archivos Batch.

Batch, según Wikipedia es:
Es un archivo de procesamiento por lotes: se trata de archivos de texto sin formato, guardados con la extensión *.bat que contienen un conjunto de comandos DOS. Cuando se ejecuta este archivo bat, los comandos contenidos son ejecutados en grupo, de forma secuencial, permitiendo automatizar diversas tareas.

Cualquier comando DOS puede ser utilizado en un archivo batch.
Hay que aclarar Batch que no es un Lenguaje de Programación. Es un archivo de código que contiene comandos del, Shell de Windows, llamado MS-DOS, que pueden ejecutar desde Inicio->Ejecutar->CMD.

Hay dos maneras de ejecutar comandos Batch.

  • Desde el Shell de Windows.
  • Escribiéndolos en un archivo de texto con extensión .bat y luego ejecutarlo.

Hola Mundo en Batch

Comenzaremos creando un Simple y clásico “Hola Mundo”, escribiendo en un archivo de texto el siguiente código.

@echo off
echo Hola Mundo
pause
exit

Ahora guardemos el archivo como Nombre.bat y lo ejecutamos. Nos aparecerá una pantalla negra que dirá “Hola Mundo”, luego una linea abajo dirá “Presione una tecla para continuar”

Explicamos:

echo:

Imprime un texto en pantalla, que es el texto que viene después (el que le pasamos como parámetro), que en este caso es “Hola Mundo”. Echo significa eco, por lo mismo “@echo off” elimina el eco, la repetición de la ruta en la que nos encontramos en cada línea código.

pause:

Como bien se lee, pausa la ejecución del código. Además muestra el texto “Presione una tecla para continuar”

exit:

Cierra la ventana de comandos.

Para dejar más en claro cual sería la diferencia de no ocupar la linea @echo off la imagen de a continuación muestra como se vería la pantalla sin esta linea.

Imagen1

Ahora aprenderemos algunas funciones de Batch: (more…)

Autor: JaLeRu

Fisica en 3D Studio Max

Tuesday, April 15th, 2008

En este Tutorial veremos simular física en 3D Studio Max. Fue hecho en la octava versión de este programa, por lo cual no aseguro que funcione en versiones anteriores. Pero haz la prueba en todo caso.

Lo primero que haremos sera crear una caja (box) que la usaremos como suelo, por lo tanto debe abarcar un espacio relevante pero con poca altura. Como suelo también podemos ocupar un plano (plane)

Luego, a cierta altura del suelo colocaremos distintos objetos. Ojala sean cajas y esferas, en mi caso ocupé dos cubos.

Mi escenario quedo de esta forma:

Imagen1

(more…)

Autor: JaLeRu

JaLeRu Blog vive gracias a WordPress
Entradas RSS y Comentarios RSS.