mushito http://skulshit.net/blog un pecoso programando .:@_@:. Sat, 23 Jan 2010 20:28:15 +0000 http://wordpress.org/?v=2.8.5 en hourly 1 Capitulo 3 Consejos para escribir aplicaciones crossBrowser con mootools http://skulshit.net/blog/?p=197 http://skulshit.net/blog/?p=197#comments Fri, 08 Jan 2010 22:39:46 +0000 admin http://skulshit.net/blog/?p=197 Bueno ahora toca el tema de escribir codigo mootools de la manera correcta, ya que de lo contrario obtendremos resultados diferentes del desempeño de nuetra aplicacion en los distintos navegadores que existen.

Las viejas costumbres

Bueno pues resulta que leyendo por ahi un ebook que se llama la “biblia de javascript” pues me tope con dos propiedades de los elementos del dom que son: innerText y innerHTML. El caso es lei para que servian y se me hizo facil incluirlar en un codigo de mootools que estaba escribiendo.

1
2
3
4
5
6
7
8

//se me ocurrio esto, no pense que tuviera grandes consecuencias
$('un_textarea').innerHTML = "mi texto";
 
//tambien escribia cosas como esta
$('input_text').innerText = "algo";
 
//inclusive hacia esto 
$('otro_input_text').value = "algo";

mm… mala idea, resulta que las lineas anteriores tienen resultados inesperados en los distintos navegadores, puede que funcionen a la perfeccion sobre algunas versiones de internet Explorer pero ni de risa jalan para mozilla y safari, algo que he notado es que si logras hacer funcionar el codigo sobre el explorer y mozilla es practicamente seguro que tambien funcione en safari.

Bueno pues resulta que esta leccion la he aprendido a la mala. Aqui viene la solucion a los problemas anteriores y tiene que ver con utilizar de forma correcta las funciones de las que me provee mootools.

De ahora en adelante olvidemos las viejas practicas y hagamos uso de los setters y getters que nos ofrece la libreria.

1
2
3
4
5
6

 
//para obtener el valor de una propiedad por ejemplo 'text'
var propiedad = $('miElemento').get('propiedad');
 
//para asignar un valor a una propiedad por ejemplo 'value'
var propiedad = $('miElemento').set('propiedad', 'valor');

Otra forma incorrecta de proceder y su implementacion es la siguiente.

1
2
3
4
5
6

<script>
    function miFuncion(){
    }
</script>
 
<input type="button" onclick="miFuncion()" id="miBoton">

Lo anterior debemos cambiarlo por lo siguiente:

1
2
3
4

function miFuncion(){
}
 
$('miBoton').addEvent( 'click', miFuncion );

El doctype

Por cuestiones de desempeño de nuestra pagina sobre el navegador siempre sin exepcion debemos especificar el tipo de documento por ejemplo un tipo de documento con xhtml strict seria asi


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
lang="en" dir="ltr">

y cito el mootools essentials:

If you don’t specify a DOCTYPE or if you use one that isn’t XHTML, you’ll get strange results when you try and use several of the classes and effects in MooTools.

En pocas palabras “Si no especificas un doctype o si usas uno que no es XHTML obtendras resultados extraños cuando trates de usar las distintas clases y efectos de mootools”. Bueno pues mas claro ni el agua.

Escribiendo un condicional para cada navegador

bueno ahora veamos una de las clases mas utiles de mootoools en cuanto a compatibilidad de navegadores se refiere. Esta clase nos da informacion sobre el cliente por ejemplo que navegador esta usando y el sistema operativo con el que trabaja, incluso la version del navegador que tiene instalado el ciente, es decir nos permite detectar el navegador que esta usano el usuario.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

 
//numero de la version del navegador
var version = Browser.Engine.version;
 
//cualquier version de internet explorer
if ( Browser.Engine.trident ) alert('explorer ' + version);
 
//cualquier navegador de mozilla
if ( Browser.Engine.gecko ) alert('firefox '  + version);
 
//safari, google chrome o konqueror
if ( Browser.Engine.webkit ) alert('safari '  + version);
 
//algun navegador con el engine presto como Opera
if ( Browser.Engine.presto ) alert('opera '  + version);

Las funciones anteriores devuelven un boolean a exepcion de la primera que devuelve un number. Tambien podemos conocer la plataforma sobre la cual se ejecuta el navegador.

1
2
3
4
5
6
7
8
9
10
11
12

 
//estas devuelven boolean y detectan el 
//Sistema operativo del usuario
if ( Browser.Platform.win ) alert('S.O. windows');
if ( Browser.Platform.mac ) alert('S.O. Mac');
if ( Browser.Platform.linux ) alert('S.O. Linux');
if (Browser.Platform.ipod) alert(' S.O. iPod Touch/ iPhone '); 
if ( Browser.Platform.other ) alert('S.O. Ninguno de los anteriores');
 
 
//esta devuelve un string con el nombre del S.O.
alert( Browser.Platform.name );

Esta parte la he dejado hasta el final porque actualmente mootools trata de implemetar la compatibilidad de sus funciones con todos los navegadores de manera interna y automatica, pero si te llegas a encontrar con un bloque de codigo bien escrito que tiene resultados diferentes de desempeño en los navegadores la unica opcion seria escribir una condicion basada en alguna de las funciones anteriores ya sea que el problema se genere a partir del navegador o del sistema operativo.

]]> http://skulshit.net/blog/?feed=rss2&p=197 0 Capitulo 2 mootools y el DOM http://skulshit.net/blog/?p=185 http://skulshit.net/blog/?p=185#comments Sat, 26 Dec 2009 21:42:38 +0000 admin http://skulshit.net/blog/?p=185 Tal vez este debio ser el primer capitulo de la referencia que estoy escribiendo pero bueno, el tema que manejo ahora tal vez resulte en extremo basico para aquellos grandes programadores de js, pero ni siquiero yo lo sabia hace algunos dias y tuve que aprenderlo de la forma mala.

Bueno resulta, que cuando mi navegador recibe una pagina del servidor, la carga del codigo de la pagina se carga de manera secuencial y por consiguiente todos los elementos de mi pagina como los textarea, buttons y demas tambien se cargan en memoria de forma secuencial.

Veamos este ejemplo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
<head>
	<title>Untitled</title>
 
	<!--hojas de estilo-->
	<!--scripts js-->
</head>
 
<body>
 
	<!--Elementos de mi pagina como divs,p,a ..etc -->
 
</body>
</html>

En el ejemplo anterior tendriamos que lo primero que procesa mi navegador es el doctype, despues vendria todo el contenido del sitio empezando por las hojas de estilo, el javascript, y al final la carnita de la pagina.

El orden si importa

Es por eso que el orden en que acomodo todos los elementos anteriores si importa y veamos algunos ejemplos.

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<html>
<head>
	<title>Untitled</title>
         <!--Libreria mootools -->
	<script src="mootools.js" type="text/javascript">
        </script>
	<script>
		alert( $('miTexto').get('value') );
	</script>
</head>
<body>
	<input type="Text" value="hola" id="miTexto">
</body>
</html>

Y tambien es por eso que si yo pongo el codigo anterior en una pagina, NO FUNCIONA, aunque el sentido comun me diga que esta correcto, no es asi simplemente porque cuando se ejecuta el codigo Js resulta que el tag input aun no ha sido cargado en memoria pues se encuentra mas abajo dentro del codigo, el error que sucede es que no puedo referenciar un elemento del DOM que aun no se encuentra cargado en memoria.

Si modifco el codigo de la manera siguiente:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<html>
<head>
	<title>Untitled</title>
         <!--Libreria mootools -->
	<script src="mootools.js" type="text/javascript">
        </script>
</head>
<body>
	<input type="Text" value="hola" id="miTexto">
</body>
</html>
 
<script>
	alert( $('miTexto').get('value') );
</script>

lo unico que hize fue mover el codigo js al final del documento y asi si funciona, el unico inconveniente es que este tipo de cosas resultan ser una mala practica de programacion js. Anteriormente la solucion consistia en definir el evento onload del body con una funcion de js asi

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<html>
<head>
	<title>Untitled</title>
         <!--Libreria mootools -->
	<script src="mootools.js" type="text/javascript">
        </script>
	<script>
		function miFuncion(){
			alert( $('miTexto').get('value'));
		}
	</script>	
</head>
<body onload="miFuncion()">
	<input type="Text" value="hola" id="miTexto">
</body>
</html>

El inconveniente de lo anterior es lo siguiente: es que el evento onload del body se ejecuta cuando todos los elementos del body han sido cargados incluyendo todas las imagenes, y tal vez yo no quisiera que mi codigo js se ejecutara solamente cuando se hayan cargado todas las imagenes.

Lo que yo quiero es que mi codigo js se ejecute lo mas pronto posible y lo mas importante que cuando se ejecute todos los elementos del DOM a los que hace referencia este disponibles. Afortunadamente mootools me provee de un evento que solo esta disponible para el objeto window.

1
2
3
4
5
6
7
8
9
10
11

window.addEvent ( 'domready', function(){
   //aqui va todo el codigo que necesito que se 
   //ejecute tan pronto  se cargue el DOM 
});
 
//una notacion alternativa es
 
function miFuncion(){
    //codigo a ejecutar
}		
window.addEvent( 'domready', miFuncion);

El evento domready del objeto window se dispara cuando los elementos del DOM estan cargados y listos en memoria para ser utilizados por mi codigo js, a diferencia del evento onload del body este evento no espera a que se complete la carga de las imagenes u otros elementos secundarios del sitio.

Y haciendolo de la forma anterior me aseguro de que todo el codigo que escriba dentro del evento domready esta utilizando de forma correcta los elementos del DOM. Tal vez lo anterior pueda parecer sencillo o inclusive trivial, en lo personal el conocimiento anterior me ha servido de mucho y para cualquiera que escriba mootools es indispensable el uso de evento domready.

]]> http://skulshit.net/blog/?feed=rss2&p=185 10 limoon: Galeria de imagenes con mootools usando scroll y otros efectos http://skulshit.net/blog/?p=181 http://skulshit.net/blog/?p=181#comments Sat, 26 Dec 2009 21:39:02 +0000 admin http://skulshit.net/blog/?p=181

limoon: ver el demo aqui

INSTRUCCIONES: Para usar la galeria solo hay que colocarse sobre la tira de imagenes y usar la ruedita del raton para navegar si das click en una miniatura la imagen se mostrara en la ventana principal en tamano mediana.

Descargar el codigo fuente aqui

Esta galeria de imagenes ha sido implementada utilizando las siguientes herramientas:

  • php ( muy basico )
  • html (extremadamente sencillo)
  • css
  • mootools

La galeria es crossBrowser:

  • internet explorer 6+
  • Firefox 3.5
  • Safari 4.0 para windows

Como configurar esta galeria

Lo unico que hay que hacer es colocar la carpeta de la galeria en tu servidor, dentro de la carpeta raiz debe de haber un directorio llamado galeria que debe contener las imagenes en el siguiente formato.

  • Las imagenes deben ser del formato gif, jpg, png
  • Cada imagen sin exepcion debe tener una miniatura
  • Tamano exacto de imagenes medianas altura:270px, tamano exacto de imagenesminiaturas altura:50px
  • Para cada imagen mediana agregar el prefijo “med_” y para cada miniatura agregar el prefijo “thumb_”

Para mas facil un ejemplo, supongamos que quieres que en tu galeria aparezca la imagen miabuelo.jpg, entonces en el directorio galeria debes poner 2 imagenes, una se llamaria med_miabuelo.jpg con altura de 270px y la otra seria thumb_miabuelo.jpg de altura 50px. Y lo mismo pasa para cualquier otra imagen que quieras agregar a la galeria. En el demo de la galeria veras que todas las miniaturas estan en blanco y negro eso lo hize solo para seguir la linea de diseño de la galeria.

Actualmente hay muchos programas en la red que te permiten cambiar el tamano a las imagenes de todo un directorio de forma automatica y agregarles prefijo a la nuevas imagenes, solo es cuestion de hacer una busqueda en google y listo.

Dentro del directorio de la galeria hay un dir llamado mootools que contiene la version completa de mootools con todos sus plugins y pesa mas o menos como 300kb, lo he dejado asi porque es la version con la que hago mis experimentos, pero tu puedes conseguir tu propia version de mootools del sitio oficial y modificarla para reducir el peso y dejar solo lo necesario para la galeria. Principalmente he usado el core y los Asset.image

Implementacion

pues despues de una depresion fuerte y algunos dolores de cabeza tratando de aprender mootools, he implementado una galeria de imagenes le puse “limoon” nomas porque me gusto el nombre XD.

Al inicio la idea que tenia era hacer todo un sistema de galeria de imagenes que tuviera un panel

de control en php que me permitira administrar todas las imagenes de la galeria, hacer login, hacer uploads, agregar descripciones, titulos, borrar imagenes etc.. pero luego recorde que mi objetivo principal era aprender mootools asi que deje de lado lo anterior y solo me enfoque en la galeria.

Sin embargo inclusive en este momento y a este nivel de codifcacion de la galeria es posible implementar el panel e integrarlo con la galeria, la unica informacion que hasta el momento recibe js del php es una cadena con los nombres de las imagenes que hay en un directorio y listo.

Una vez aclaro que estas son mis primeras lineas de codigo en mootools, lo primero que escribi con mootools fue el moochat estara por ahi si lo buscas en la categoria “aprendiendo mootools”, y funciona ..pero solo en internet explorer y el codigo esta bastante horrible diria yo, inclusive el codigo de esta galeria podria mejorarse, no me molesta tanto pues llevo apenas 2 semenas leyendo la referencia de mootools, y ya comienzo a ver las cualidades de mootools

Al principio solo la sintaxis me parecia totalmente extraña y antinatural, ahora ya me resulta mas familiar y veo que tiene muchas funciones muy utiles, por ejemplo me llama mucho la atencion la clase Drag, estoy pensando en hacer algo con dicha clase, pero aun no se que podria ser.

Por el momento preparo un documento en que explicare el proceso de creacion de esta galeria, y sigo escribiendo la referencia de mootools, porque si algo he buscado si suerte en la internet es una buena referencia de mootools en español y bien documentada, pues a veces puede ser complicado aprender un lenguaje solamente tomando los documentos de la referencia oficial y aparte en ingles :S, no es que no sepa ingles.. pero carajo es mas sencillo en español.

]]> http://skulshit.net/blog/?feed=rss2&p=181 1589 Aprendiendo mootools http://skulshit.net/blog/?p=170 http://skulshit.net/blog/?p=170#comments Mon, 21 Dec 2009 22:08:51 +0000 admin http://skulshit.net/blog/?p=170 Bueno pues al dia de hoy uno de mis objetivos es aprender todo lo que pueda sobre mootools, para esto voy a empezar a escribir una serie de documentos en los que redactare todo lo que vaya aprendiendo de mootools, y principalmente esto lo hago porque la mayoria de la referencia de mootools que he encontrado y leido esta en ingles y tal vez a alguien le pueda servir la documentacion que coloco aqui. Si lo anterior no sucede no importa aun asi seguire escribiendo.

Este es el primer post que dedico a esta nueva categoria “aprendiendo mootools” y por eso es una introduccino a esta libreria de javascript.

Hace tiempo (algunos años) javascript era utilizado solo para agregar pequeños efectos visuales a los sitios web, en general no se consideraba que js puediera ser usado como una herramienta para el desarrollo de un sitio pero todo cambio cuando aparecio el objeto xmlHttpRequest y se dio la posibilidad de hacer request al server sin tener que recargar la pagina, con el tiempo javascript se ha vuelto mas y mas importante simplemente por el hecho de que puede agregar a un sitio una mayor interactividad con el usuario, ademas de proveerle una interfaz mas amigable y tiempos de respues mas cortos que un sitio web tradicional que trabaja solamente con scripts del lado del server.

Una de las principales razones por la que yo ( en lo personal ) evitaba el javascript era por las distintas maneras en que es interpretado por los distintos navegadores existentes (inclusive hoy en dia con mootools y todo aun existe este problema). Otra razon era porque a veces el debugear un script de js era realmente doloroso y esto es porque js nisiquiera tiene type hinting y la forma en que implemente la oop dejaba mucho que desear.

En realiadad las espectativas que tiene los usuarios sobre un sitio web puede forzar a los desarrolladores a programar tambien del lado del cliente y una de las opciones con las que cuenta es por supuesto mootools

¿Que es mootools?

Mootools es un FrameWork de javascript desarrollado por Valerio Proietti en el 2006, un framework es como un entorno de trabajo que nos facilita el desarrollo de una tarea, piensa en por ejemplo el framework de un carpintero es la carpinteria, en ese sentido mootools es una libreria que contieene una serie de funciones que me ayudan a desarrollar una aplicacion de forma mas sencilla y rapida, Las principales ideas en las que se basa este framework son las siguientes

  • No duplicar codigo
  • Añadir funcionalidades basadas en la filosofia de diseño de javascript
  • Si hay un standar que trabaja bien y no esta implementado, entonces implementalo
  • Extiende los objetos nativos (String, Array ..etc)
  • Escribe codigo limpio, claro y entendible por cualquier programador
  • No solicites demasiados recursos del navegador ( memria, cpu, ciclos ..etc )
  • Abstrae tanto como puedas el codigo del navegador (programacodigo general)
  • Escribe programas modulares
  • Hazlo facil, hazolo divertido, hazlo inspirador

En pocas palabras mootools es una herramienta que busca solventar aquellos problemas que se presentaban cuando escribias js anteiormente y ademas agregar muchas mas funcionalidades nuevas e interesantes.

]]> http://skulshit.net/blog/?feed=rss2&p=170 0 moochat Construyendo un chat usando mootools + php + mysql http://skulshit.net/blog/?p=162 http://skulshit.net/blog/?p=162#comments Mon, 21 Dec 2009 21:45:47 +0000 admin http://skulshit.net/blog/?p=162

Dale aqui para ver el demo (solo internet explorer 6+)
Descargar codigo fuente




Antes de comenzar

Resulta que tengo unos dias libres entre 25 y 30 no estoy seguro y me propuse aprender algo de javascript porque tenia muy olvidada esa area de la web, navegando por la web lei mucho sobre algunos frameworks de javascript al parecer muy populares, jquery, mootools y demas, el caso es que me decidi a tomar mootools y darle, que porque elegi mootools? pues nomas porque si.

Tengo algunas ideas en mente para aplicar mootools, aclaro que antes hacer este chat no tenia ningun conocimiento sobre mootools y sobre javascript apenas se lo mas basico y de esto se daran cuenta si es que analizan el codigo javascript que incluyo aqui.

Bueno tambien comento que algunas de las cosas que tenia pensadas no pude implementarlas por falta de manejo de javascript especialmente del DOM, pero esta aplicacion cumple el objetivo al 100%, lo que me falto implementar solo fueron adornos y algunos efectos.

Otra cosa que me sucedio es que no me di cuenta que este chat solo funciona en internet explorer 6+, tanto en mozilla como en safari el codigo javascript no jala. Esto fue precisamente porque son mis primeras lineas de codigo en js y no contemple esta situacion.

Implementacion de la sala de chat

Esta aplicacion la dividi en 3 grandes partes.

1. Cliente (en javascript)
2. Servidor ( php y mysql )
3. La interfaz ( css + html)

La idea general en como trabaja el chat es la siguiente, entras a la pagina del chat y te muestra un pantalla para hacer login, eliges un nombre de usuario y una sala para entrar, en caso de haber algun error en uno de los campos se despliega un error descriptivo al usuario.

Si lo anterior paso bien te has loguado y aparece una segunda pantalla hay un campo de texto para escribir mensajes, un textarea para visualizar los mensajes escritos por todos lo usuarios de la sala, y textarea para ver los usuarios que se encuentran en la sala.

Hasta ahi todo va bien como en cualquier pagina de chat, veamos la parte tecnica, cuando un usuario hace login los datos qu introduce en la primer interfaz del login se comparan con los que hay en la base de datos, si no hay problema se registra al usuario en la bd, los mensajes que envie el usuario tambien se almacenan en la bd especificando la hora de envio y el tiempo de envio del mensaje, (si .. tiempo y hora son cosas diferentes).

El tiempo de envio es un entero grande que se obtiene con la funcion del php time(). Cada segundo el explorador hace peticiones al programa servidor.php solicitandole los mensajes mas recientes enviados por usuarios que se encuentran en la misma sala que yo. Mientras que el campo hora almacenara un dato tipo time.

El cliente recibe los mensajes nuevos (en caso de haberlos) y los despliega en el campo de texto. Algo similar sucede con el campo de texto destinado a mostrar los usuarios que se encuentran en la misma sala que yo, con el detalle de que las peticiones para obtener a los usuarios se realizan cada 3 segundos.

Y aqui viene una situacion especial, todo usuario que entra al chat se registra en la bd junto con su hora de entrada. Existe un tiempo de inactividad permitido para los usuarios, el tiempo de inactividad es el tiempo que ha pasado un usuario sin haber escrito al menos un mensaje.

Cada vez que un usuario nuevo entra al chat se revisa la bd buscando usuarios inactivos, si existen se borran de la bd. Si entro al chat y exedo el tiempo de inactividad el cliente enviara un mensaje al servidor indicandole que debo ser borrado de la bd al mismo tiempo que el cliente me redirecciona al la interfaz del login.

Lo anterior es con la intencion de tener la bd limpia de mensajes antiguos y garantizando que la caja de texto para mostrar a los usuarios de una sala simpre este actualizada y no me muestre usuarios que se logearon hace 20 dias al chat.

La verdad es que por el tercer punto que es la interfaz ocupe el codigo css y html de lo mas basico, y en realidad es muy poco el codigo que abarca esa parte.

En el segundo punto en la parte del servidor.php, se ocupan principalmente las operaciones basicas a la bd, sentencias select, insertar y borrar registros. A grandes rasgos el servidor recibe una peticion del cliente identificada por un numero entero y a partir de ahi ejecuta cierta funcion y devolviendo un resultado al cliente. aqui pongo un esquema de la bd muy general.

Y por el ultimo el cliente en javascript seencarga de solicitar informacion al servidor y desplegarla en el navegador.

Voy a anexar una carpeta comprimida con todos los archivos y con instrucciones de configuracion por si alguien quiere hecharle un ojo, no quiero colocar el codigo entero porque son como unas 400 lineas entre php y javascript, tampoco pienso explicar el programa linea por linea pues me llevaria algunas decenas de hojas.

Y ya para terminar la idea no era hacer una aplicacion comercial de un chat, simplemente queria empezar a conocer mootools y como ejercico de programacion esta exelente, y pues si a alguien le sirve el codigo pues adelante.

]]> http://skulshit.net/blog/?feed=rss2&p=162 0 Listas simples ligadas en C http://skulshit.net/blog/?p=155 http://skulshit.net/blog/?p=155#comments Wed, 16 Dec 2009 21:14:44 +0000 admin http://skulshit.net/blog/?p=155 Pues en esta ocasion veremos la implementacion de una lista ligada en c, solomente sera como un ejemplo ilustrativo pero las ideas desarrolladas aqui podran extenderse hacia horizontes mas amplios.

Una lista es un tipo de dato abstracto, se le llama asi porque es un tipo de dato definido por el programador a diferencia de los tipos de datos que nos ofrece el lenguaje C que ya son “nativos” del lenguaje por ejemplo los tipo int, float,char..etc

Imaginemos a la lista como una longaniza =), la longaniza esta compuesta por muchos trozos de carne unidos uno tras otro, las longanizas tienen un fin y un inicio. Imagina que todos los trozos que forma la longaniza son iguales, pues ahora la lista es como la longaniza y esos trozos de carne de la longaniza les llamaremos los nodos de la lista. Cada uno de los nodos puede almacenar informacion para fines practicos los nodos de nuestra lista almacenaran un entero, y podemos realizar varias operaciones sobre una lista, por ejemplo ver si la lista esta vacio o dicho de otra forma si la lista no tiene nodos, tambien recorrer los nodos de la lista buscando dentro de su informacion por algun valor en especifico, podremos insertar nuevos nodos a la lista, eliminar nodos …etc

Hagamos una especificacion de las operaciones que definiremos sobre nuestra lista.

  • Inicializar una lista
  • Insertar un nodo
  • Eliminar un nodo
  • consultar un nodo
  • Desplegar todos los elementos de la lista

He recordado que como preparacion para un examen de la universidad implemente una lista con todas las operacion anteriores, ademas de las versiones recursivas de cada una de las operaciones. Si sabes usar punteros y puedes implementar una lista con todas sus operaciones por ti mismo, seguramente seras un buen programador de C.

Como habiamos dicho nuestra lista contendra nodos, entonces deberemos definir una estructura que llamaremos nodo, un nodo es como una capsula que contendra informacion en este caso cada nodo debe contener una referencia hacia el siguiente nodo de la lista y una variable de tipo entero que hara el papel de campo de informacion.

1
2
3
4
5

struct nodo{
	int info;
	struct nodo *sig;
};
typedef struct nodo nodo;

Esa es la definicion de nuestro nodo, es una estructura que contiene dos campos info que almacenara un entero y el otro campo es sig que es un apuntador a la estructura nodo, los nodos de la lista pueden almacenar muchas cosas mas, aqui solo almacenaremos un entero, y ademas le ponemos un alias a struct nodo, que sera nodo, esto es util para no tener que teclear simpre “struct nodo”, en vez de eso solo escribiremos nodo.

Para la lista necesitaremos tener una operacion mas inehrente a la estructura de dato lista, es la operacion para crear un solo nodo, como habiamos dicho los nodos contienen 2 cuantos o campos de informacion, un campo es la referencia hacia el siguiente nodo y el otro es el campo informacion representada por una variable entero.

Cuando creamos un nuevo nodo debemos crear una variable del tipo struct nodo e inicializar sus campos, necesariamente debes asignarle en entero a su campo info y su campo sig debera apuntar a la constante NULL.

1
2
3
4
5
6
7
8
9
10
11
12

/*
*funcion para crear un nuevo nodo
*@param int
*@return nodo
*/
nodo * creaNodo (int elem){
	nodo *aux;
	aux = (nodo *)malloc(sizeof(nodo));
	aux->valor = elem;
	aux->sig = NULL;
	return aux;
}

La funcion anterior no devolvera el nuevo nodo creado con sus campos ya inicializados.

Las siguientes operaciones que incluyan modificaciones a la lista recibiran la lista completa como parametro y la modificaran por referencia como en el caso de la funcion para insertar un nuevo nodo. las operaciones como consultar un nodo recibiran a la lista por valor.

Por regla general una lista debe tener un inicio y un final, nosotros identificaremos el inicio de la lista con un simple apuntador a nodo llamado inicio que servirar para identificar el inicio de la lista, el apuntador inicio debe apuntar al primer nodo de la lista, si la lista esta vacio el apuntador inicio apuntara a null.

Unas de las primeras operacion a crear es la operacion para inicializar una lista, lo unico que hara esta funcion es recibir el puntero inicio y asignarle la constante NULL;

1
2
3
4
5
6
7
8

/*
*inicializa una lista
*@param &nodo
*@return void
*/
void iniciaLista (nodo *lista){
	lista = NULL;
}

Ahora vemos una funcion mas interesante, la funcion para insertar un nuevo nodo. al insertar un nuevo nodo se presentan los siguientes casos

  • Problema:Hay que insertar el nuevo nodo en una lista vacio
    Solucion:Apuntar el inicio de la lista al nuevo nodo creado.

  • Problema:Hay que insertar el nodo al inicio de la lista posicion n =1, cuando la lista no esta vacia.
    Solucion:crear un nuevo nodo, apuntar el campo siguiente del nuevo nodo al inicio de la lista, apuntar el inicio de la lista al nuevo nodo creado

  • Problema:Hay que insertar el nodo en alguna posicion n, con n distinto de 1
    Solucion: Apuntar el campo siguiente del nuevo nodo al nodo situado en la posicion n, el nodo en la posicion n-1 en su campo siguiente debe apuntar al nuevo nodo creado.

Aqui esta la funcion correspondiente a insertar un nuevo nodo en la lista recibiendo como parametro una posicion de insercion.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

/*
*inserta un nuevo nodo en la lista 
*@param &nodo, int, int 
*@return void
*/
void inserta( nodo **lista, int elem, int pos){
  nodo *aux;
  aux =  creaNodo(elem);
  if ( *lista == NULL){
  	*lista = aux;
  }else{
	if (pos == 1){
		aux->sig = *lista;
		*lista = aux;
	}else{
		nodo *contador;
		int i=1;
		contador = *lista;
		while (contador != NULL){
			if (i == (pos-1) ){
				aux->sig = contador->sig;
				contador->sig = aux;
				break;
			}
			contador = contador->sig;
			i++;
		}
	}
  }
}

En la funcion anterior ya se han implementado los tres casos posibles para la insercion de un elemento en una lista.

Ahora pasemos a la operacion que consiste en eliminar un nodo de la lista a partir de una posicion pasada como parametro. En esta situacion se presentan los siguientes casos.

  • Problema:Hay que eliminar el nodo en la posicion 1
    Solucion:apuntar el inicio de la lista al nodo en la posicion 2, eliminar el nodo en la posicion 1

  • Problema:Hay que eliminar el nodo en la posicion n, con n>1
    Solucion: en nodo en la posicion n-1 debera apuntar al nodo en la posicion n+1, eliminar el nodo en la posicion n 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

/*
*elimina un nodo de la lista
*@param int, &nodo
*@return void
*/
void borrar(int pos, nodo **lista){
	nodo *aux;
	aux = *lista;
 
	if (pos == 1){
		*lista = (*lista)->sig;
		free(aux);
	}else{
                int i=1;
                struct nodo *aux2;
                while (i < (pos-1) ){
                    i++;
                    aux = aux->sig;
                }
                aux2 = aux->sig;
                aux->sig = aux2->sig;
                free(aux2);
	}
}

La siguiente funcion consiste en consultar el campo informacion de algun nodo en especifico a partir de su posicion en la lista, el proceso sera el siguiente recorreremos la lista secuencialmente hasta situarnos en la posicion que se desea consultar y devolveremos el campo info del nodo en el que nos encontramos.

1
2
3
4
5
6
7
8
9
10
11
12
13

/*
*devuelve el compo info de un nodo
*@param &nodo, int
*@return int
*/
int consulta(nodo *lista, int pos){
	nodo *aux;
	aux = lista;
	for (int i=1;i<pos;i++){
		aux = aux->sig;
	}
	return aux->info;
}

Y por ultimo hablaremos de la funcion que despliega todos los elementos de una lista, la idea es visitar cada uno de los nodos de la lista de manera secuencial, uno tras otro e imprimir en pantalla el contenido de su campo info.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

/*
*Despliega el contenido de la lista
*@param &nodo
*@return void
*/
void desplegar(nodo *lista ){
	nodo *aux;
	aux = pila;
	if (aux == NULL){
		printf("\n\nLista vacia\n\n");
	}else{
        printf("\n\n");
        printf("Contenido de la lista:\n");
        while ( aux != NULL ){
            printf("%d\n", aux->info);
            aux = aux->sig;
        }
        printf("\n\n");
	}
}

Todas la funciones anteriores las he guardado en un archivo llamado lista.c y para probarlas he hecho un archivo de aplicacion llamado aplicacion.c y contiene lo siguiente.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

#include "lista.c"
 
int main(){
 
    nodo *inicio;
    iniciaLista(&inicio);
 
    int i;
    for (i=0;i<10;i++){
        inserta(&inicio, i+1,i+1);
    }
 
    desplegar(inicio);
 
    return 0;
}

pero por si las dudas aqui dejo un archivo comprimido con los archivos creados en este documento enlace

]]> http://skulshit.net/blog/?feed=rss2&p=155 0 Clase para redimensionar imagenes en php http://skulshit.net/blog/?p=149 http://skulshit.net/blog/?p=149#comments Wed, 16 Dec 2009 21:08:06 +0000 admin http://skulshit.net/blog/?p=149 bueno, he hecho una clase que sirve para redimensionar imagenes, es necesario tener instalada la libreria gd del php, he tratado de que se lo mas general posible, la clase tiene dos metodos utilizables que son
resizeImg() sirve para hacer un resize a un solo archivo de imagen y el otro resizeDir() que sirve que hacer resize a todas las imagenes contenidas en un directorio.

La verdad es que me ha sido muy util, sobre todo porque algunas veces es necesario sacar miniaturas de las imagenes de un directorio el problema es que a veces pueden ser cientos de imagenes y cambiarles el tamaño a mano es una tarea pesado, pero con esta clase solo es necesario pasarle algunos parametro ejecutar el script y listo.

La clase tiene un metodo que verifica los parametros pasados a los metodos, si existe algun error con alguno de los parametros se genera una exepcion mostrando un mensaje describiendo el error y se termina la ejecucion del metodo sin tirar warnings ni errores fatales.

La clase redimensiona imagenes gif, png y jpg se le puede especificar el ancho, el alto o ambos, se puede espeficiar el directorio donde estan las imagenes a redimensionar y tambien el directorio de salida de las miniaturas. si estos ultimos 2 parametros se dejan en blanco la clase trabajara sobre el directorio donde se encuentra el script que ejecuta la clase.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174

<?php
 
/*
* Autor: Eduardo Guerrero
* Creacion: 14.12.2009
*
* Redimensiona una imagen individual o todas las imagenes de un directorio
* metodos publicos: 
*		resizeDir($args[]) redimensiona las imagenes de un directorio
*		resizeImg($args[]) redimensiona una imagen
*/
 
 
class imageResize {
 
 
	private $prefijo = "thumb_";
	private $dir;
	private $nuevodir;
	private $tipos = array("gif"=>"image/gif", "jpeg"=>"image/jpeg", "png"=>"image/png");
 
 
/*
*Redimensiona una imagen
*
*@param array $args[]
*@param $args['dir'] esta vacio se redimensionaran las imagenes del directorio donde se ejecuta el script que llamo a esta clase
*@param $args['prefijo'] esta vacio se usara thumb_
*@param menos $args['x'] o $args['x'] deben estar definidas con valores mayores que cero
*@param $args['nuevodir'] las copias redimensionadas se almacenaran en el directorio donde se ejecuta el script que llamo a esta clase
*/
	public function resizeDir( $args ){
 
		try{
			$this->checkArgs($args, 0);
		}catch ( Exception $error ){
			echo $error->getMessage();
			return 0;
		}
 
		$this->valDefault($args);
 
		$archivos = scandir( $this->dir, 1 );
 
		for ( $i=0;$i<sizeof($archivos)-2;$i++ ){
			if ( is_file($archivos[$i]) ){
				$tamano = getimagesize( $archivos[$i] );
				if ($tamano && array_search(image_type_to_mime_type($tamano[2]), $this->tipos) ){
					$medidas = $this->obtenerMedidas($args, $tamano);
					$tipo = image_type_to_mime_type($tamano[2]);
					$medidas = $this->obtenerMedidas( $args, $tamano );
					$origen = $this->dir."/".$archivos[$i];
					$destino = $this->nuevodir."/".$this->prefijo.$archivos[$i];
					$this->resize( $origen, $destino, $tipo, $tamano, $medidas );
				}
			}
		}
	}
 
/*
*Redimensiona las imagenes dentro de un directorio
*
*@param array $args[]
*@param $args['dir'] debe contener la ruta completa de la imagen a redimensionar incluyendo nombre de archivo
*@param $args['prefijo'] esta vacio se usara thumb_
*@param menos $args['x'] o $args['x'] deben estar definidas con valores mayores que cero
*@param $args['nuevodir'] la copia redimensionada se almacenara en el directorio donde se ejecuta el script que llamo a esta clase
*/
	public function resizeImg( $args ){
		try{
			$this->checkArgs($args, 1);
		}catch ( Exception $error ){
			echo $error->getMessage();
			return 0;
		}
 
		$this->valDefault($args);
 
		$origen = $this->dir;
		$destino = $this->nuevodir."/".$this->prefijo.basename($this->dir);
		$tamano = getimagesize( $this->dir );
		$tipo = image_type_to_mime_type($tamano[2]);
		$medidas = $this->obtenerMedidas( $args, $tamano );
 
		$this->resize( $origen, $destino, $tipo, $tamano, $medidas );
	}
 
	private function resize( $origen, $destino, $tipo, $tamano, $medidas){
 
			$extension = array_search( $tipo, $this->tipos );
 
			$imageCreateFrom = "imagecreatefrom".$extension;
			$image = "image".$extension;
			$contenido = $imageCreateFrom($origen);
			$recipiente = imagecreatetruecolor($medidas['x'], $medidas['y']);
			imagecopyresampled($recipiente, $contenido, 0, 0, 0, 0, $medidas['x'], $medidas['y'], $tamano[0], $tamano[1]);	
			$image($recipiente, $destino);
			imagedestroy($contenido);
			imagedestroy($recipiente);
 
	}
 
	private function obtenerMedidas( $args, $tamano ){
		if ( !empty($args['x']) && !empty($args['y'])){
			$medidas['x'] = $args['x'];
			$medidas['y'] = $args['y'];
			return $medidas;
		}
		if ( !empty($args['x']) ){
			if ($tamano[0] > $tamano[1]){
				$medidas['x'] = $args['x'];
				$medidas['y'] = (integer)(($args['x'] * $tamano[1])/$tamano[0]);
			}else{
				$medidas['x'] = (integer)(($args['x']*$tamano[0])/$tamano[1]);
				$medidas['y'] = $args['x'];
			}
			return $medidas;
 
		}
		if ( !empty($args['y']) ){
			if ($tamano[0] > $tamano[1]){
				$medidas['y'] = $args['y'];
				$medidas['x'] = (integer)(($args['y'] * $tamano[0])/$tamano[1]);
			}else{
				$medidas['y'] = (integer)(($args['y']*$tamano[1])/$tamano[0]);
				$medidas['x'] = $args['y'];
			}
			return $medidas;
		}
	}
 
	private function valDefault($args){
		if ( !empty($args['prefijo']) ) $this->prefijo = $args['prefijo'];
		( empty( $args['dir'] ) ) ? $this->dir = dirname(__FILE__) : $this->dir = $args['dir'];
		( empty( $args['nuevodir'] ) ) ? $this->nuevodir = dirname(__FILE__) : $this->nuevodir = $args['nuevodir'];
	}
 
	private function checkArgs($args, $tipo ){
		//verificacion de parametros
 
			if ( $tipo == 0 ){
				if ( array_key_exists("dir", $args) && !empty($args['dir']) && !is_dir($args['dir'])) 
				throw new Exception($args['dir']." no es un directorio valido");
			}else{
				if ( !array_key_exists("dir", $args))
				throw new Exception("Hay que definir la clave dir en el array args");
 
				if ( !is_file($args['dir']) )
				throw new Exception("la clave dir debe contener un archivo");
 
				if ( !getimagesize( $args['dir'] ) )
				throw new Exception("la clave dir debe contener un archivo de imagen valido");
 
				$info = getimagesize( $args['dir'] );
				if ( !array_search( image_type_to_mime_type($info[2]), $this->tipos ) )
				throw new Exception("Tipo de imagen no soportado");
			}
 
			if ( !array_key_exists("x", $args) && !array_key_exists("y", $args))
			throw new Exception( "Hay que definir al menos la clave x o la clave y en el array args" );
 
			if ( empty($args['x']) && empty($args['y']))
			throw new Exception( "al menos x o y deben tener valores no vacios, mayores que cero" );
 
			if ( ( !empty($args['x']) && !is_numeric($args['x'])) or ( !empty($args['y'])  && !is_numeric($args['y'])) ) 
			throw new Exception( "al menos x o y deben tener valores numericos validos mayores que cero" );
 
			if ( array_key_exists("nuevodir", $args) && !empty( $args['nuevodir'] ) && !is_dir($args['nuevodir']))
			throw new Exception( "El directorio de salida: ".$args['nuevodir']. " no es valido" );
	}
 
 
}
?>
]]> http://skulshit.net/blog/?feed=rss2&p=149 0 Paso de valores por referencia y por valor http://skulshit.net/blog/?p=140 http://skulshit.net/blog/?p=140#comments Sun, 13 Dec 2009 22:37:17 +0000 admin http://skulshit.net/blog/?p=140 Ahora hablara sobre un tema basico en la la programacion en lenguaje C y es el paso de parametros a funciones por valor y por referencia.

Cuando se empieza a aprender el lenguaje C y se habla sobre el tema de las funciones generalmente no se habla sobre este tema pues podria confundir a la persona que esta aprendiendo, el solo hecho de aprender el concepto de funcion y su manejor pede costar algo de tiempo y lo digo porque lo mismo me sucedio a mi cuando recien empezaba.

veamos un ejemplo de uso comun de una funcion

1
2
3
4
5
6
7
8
9
10
11
12

#include <stdio.h>
 
void porValor(int param){
     param +=2;
}
 
int main(){
    int numero=5;
    porValor(numero);
    printf("El valor de numero es %d", numero);
    return 0;
}

La salida del programa anterior debe ser:


El valor de numero es 5

En las lineas anteriores de codigo se ha pasado por valor la

variable numero a la funcion porValor(), ¿que significa esto? que cuando paso la variable numero a la funcion porValor() el sistema crea un copia de la variable numero y la funcion porValor() trabajara exclusivamente sobre la copia de la variable numero y NO sobre la variable numero declarada al inicio del codigo. La variable numero y la copia de esta variable se localizan en lugares distintos en la memoria de la computadora y por lo tanto sus valores son independientes entre si.

Es por eso que al modificar la copia de la variable numero dentro de la funcion porValor no afecta en ningun sentido a la verdadera variable numero.

Tal vez te preguntaras ¿y que tal si yo quiero modificar la original variable numero dentro de la funcion porValor()?

La respuesta es muy sencilla solo hay que hacer uso del paso de valores por referencia.

El paso de valores por referencia consiste en pasar a la una funcion la direccion real de memoria de una variable, de esta forma cuando se modifica la variable dentro de una funcion se estara modificando directamente la variable que ha sido pasada por parametro, sin hacer uso de ninguna copia de dicha variable.

veamos el codigo correspondiente:

1
2
3
4
5
6
7
8
9
10

void porRef( int *param ){
      *param +=2;
}
 
int main(){
    int numero = 5;
    porRef(&numero);
    printf("El valor de numero es %d", numero);
    return 0;
}

Ahora si la salida del codigo anterior debe ser la siguiente:


El valor de numero es 7

Analizemos el codigo anterior. ¿Cuales fueron las modificaciones que hizimos con respecto al codigo anterior? pues… a la funcion porRef necesitamos pasarle la direccion de la variable que queremos modificar por eso en la linea 7 usamos el operador direccion & para obetner la direccion de numero y pasarla a porRef(),en la linea 1 observa como en la definicion de la funcion porRef() dentro de los parametros porRef(int *param) estamos recibiendo un puntero a entero, lo necesitamos porque hemos enviado a la funcion la direccion de una variable y sabemos que los punteros almacenan la direccion de una variable.

Dentro del codigo de la funcion (linea 2) seguimos usando el operador * para afectar directamente el contenido de la variable numero, lo unico que hacemos es aumentarlo en 2 unidades.

Esta es la forma mas sencilla en la que se ha ocurrido hablar sobre este tema, pero si aun te cuesta entender esto no te preocupes, lo unico que recomiendo es escribir pequeños trozos de codigo para hacer pruebas y tu mismo te daras cuenta al menos a nivel intuitivo sobre que es lo que esta pasando.

]]> http://skulshit.net/blog/?feed=rss2&p=140 0 Introduccion a punteros en C (empezando desde cero) http://skulshit.net/blog/?p=135 http://skulshit.net/blog/?p=135#comments Sun, 13 Dec 2009 22:32:10 +0000 admin http://skulshit.net/blog/?p=135 ahora hablare sobre punteros en c, cualquiera que quiera programar en c debe de manejar los punteros como si fueran las tablas de multiplicar, personalmente he visto muchos casos de personas que inclusive estando a nivel universitario les cuesta trabajo entender como trabajan los punteros, es por eso que escribo esto y vamos a empezar desde cero, simpre es bueno tener unas buenas bases de punteros. En cierto sentido manejar punteros es facil, si tenemos algunos conocimientos en la forma en que se almacena la informacion en una computadora mmmm…ya empezamos mal (pensaras), pero no te preocupes no introducire demasiada jerga computacional, solo hablaremos de los conceptos en su forma mas general y digerible para cualquiera que alguna vez haya programado solo un poco.

Material Previo

Dentro de la computadora existe algo llamado memoria ram, es un espacio donde se almacenan todos los datos que utiliza la computadora solo cuando esta encendida, eso incluye los programas en C que escribes y ejecutas.

La memoria esta formada por registros cada registro tiene una direccion y el tamaño de estos registros depende de la arquitectura de la computadora, por lo general las computadoras tienen una arquitectura de 32, pero computadoras mas recientes tienen arquitecturas de 64 bits. Esto quiere decir que el tamaño de los registros de la memoria son de 32 bits para arquitecturas de 32 bits y asi para las demas arquitecturas.

Imaginemos a la memoria RAM como una tira enorme finita, dividida en tantos segmentos (registros) como el tamaño de la ram lo permita, cada uno de esos segmentos o registros es de un tamaño de 32 bits o n bits dependiendo de la arquitectura, es decir cada uno de los registros tiene 32 espacios (bits) y un bit es un espacio donde se puede colocar un 1 o un 0.

Un grupo de 8 bits contiguos o si lo prefieres un grupo de 8 espacios contiguos en un registro se llama BYTE, por consecuencia un registro de la memoria contiene 4 bytes.

analizemos la siguiente imagen.

Como habiamos dicho la memoria la dividimos en muchos registros, cada registro almacena 32 bits o 8 bytes y cada bit solo puede contener 0 o 1, cada uno de los registros tienen asociada una direccion, esto es para los programas que trabajan en la computadora puedan localizar los datos que almacenan en ella, una direccion de memoria es un numero asociado con un registro de la memoria que generalmente se maneja en sistema hexadecimal.

Todo lo anterior es importante porque los punteros trabajan sobre direcciones de memoria. Tres cosas importantes sobre una variable son:

  • Una variable tiene una direccion de memoria
  • Una variable tiene un tipo de dato (int,char,long..etc)
  • Una variable almacena un valor

Las variables que ponemos en nuestros programas en C se guardan en la memoria ram, el tamaño del espacio que ocupa una variable depende del tipo de la variable, veamos la siguiente lista:

  • Variables tipo Char ocupan 1 byte
  • Variables tipo int ocupan 2 bytes
  • Variables tipo long ocupan 4 bytes
  • Variables tipo double ocupan 8 bytes

Los anteriores son solo algunos de los tipos que maneja C, vemos que por ejemplo un char ocupa solo 8 bits o un byte, esto implica que no llena todo un registro de la memoria pues los registros son de 32 bits o 4 bytes, mientras que el tipo long ocupa hasta 2 registros completos.

Bueno ahora que sabemos como es que se almacenan las variables en la computadora, pasemos a los punteros. Hay que aclarar que para tener un buen manejo de punteros hay que tener en cuenta el “material previo” de manera muy general y conceptual pues es la base de lo que sigue.

¿Que es un puntero?

veamos la siguiente definicion:

Un puntero es una variable que almacena la direccion de memoria de otra variable

Eso es, simplemente un puntero es una variable que se usa para guardar la direccion de memoria donde se encuentra otra variable.

Todos sabemos que para usar una variable en lenguaje C primero hay que declararla y las variables puntero no son la exepcion, veamos como se declara una variable puntero.

1
2
3
4

//un puntero que apunta hacia una variable tipo int
int *puntero_entero;
//un puntero que apunta hacia una variable tipo char
char *puntero_char;

veras que la declaracion de un puntero es parecida a la declaracion de una variable con la exepcion de que hay que anteponer este operador indireccion * antes del nombre de la variable. Este operador se utiliza para obtener el contenido de la variable a la que apunta un puntero.

Hay otro operador importante que es el operador unario & y se utiliza para obtener la direccion de memoria donde se encuentra una variable.

Ojo hasta este punto hay que reconocer dos cosas importantes la direccion de una variable y el valor que almacena una variable son cosas distintas. Como dijimos un puntero almacena una direccion de memoria asociada a una variable veamos:

1
2
3
4
5
6
7
8

 
//declaracion y uso de punteros
 
int *puntero;
int var = 5;
puntero = &var;
 
printf("valor de var:%d, direccion de var:%x",*puntero,&var);

Al ejecutar las lineas anteriores observaremos lo que veiamos en el material previo, declaramos un variable puntero que apunta hacia una variable de tipo entero, luego declaramos una variable llamada var y le asignamos un 5, despues a puntero le asignamos la direccion de memoria de var, finalmente desplegamos el valor de var usando el puntero pues sabemos que *puntero me devuelve el contenido de la variable a la que apunta puntero y por ultimo &var me devuelve la direccion de var. La salida de las lineas anteriores debe ser.


valor de var:5, direccion de var:bf0452af

podemos modificar el valor de var utilizando el puntero, veamos un ejemplo;

1
2

*puntero += 5;
 printf("nuevo valor de var %d", var);

La salida deberia ser


nuevo valor de var 10

Todo lo anterior es solo la base de los punteros y esta dedicado para aquellos que no saben nada de punteros, asi que si ya eres experto, puedes criticar este articulo en la seccion de comentarios.

Aritmetica de punteros

Cuando yo escribo esto:

1
2

int var = 1;
var++;

Esperaria que el valor de la variable var se incrementara en una unidad. Lo anterior NO sucede asi con los punteros, veamos

1
2
3

int var = 1;
int *puntero = &var;
puntero++;

La ultima instruccion no incrementa una unidad el contenido de puntero, lo que realmente hace es avanzar el puntero una cantidad especifica de bytes dada por el tipo de dato al que apunta el puntero,
es decir puntero++; hara que el puntero apunte a los siguientes 2 bytes de la memoria esto es porque el tipo de dato al que apunta es un entero y los enteros ocupan 2 bytes, en el caso de los enteros imagina a la memoria como una tira larga dividida en segmentos de 2 bytes, el puntero es como un flecha que apunta hacia cierto segmento de la tira, al escribir puntero++; la flecha apuntara siguiente segmento de la tira.

Un ejemplo final

En este ejemplo desplegaremos un arreglo usando un puntero

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

#include <stdio.h>
 
int main(){
 
    int arreglo[4];
    int *puntero;
 
    arreglo[0] = 50;
    arreglo[1] = 60;
    arreglo[2] = 70;
    arreglo[3] = 80;
 
    puntero = &arreglo[0];
 
    for ( int i=0;i<4;i++ ){
        printf("elemento: %d valor; %d \n", i+1, *puntero);
        puntero++;
    }
}

La forma en que se almacena un los elementos de un array en memoria es de manera contigua es decir se elige algun segmento de la memoria para almacenar el primer elemento del arreglo, el elemento 0 digamos, el elemento 1 se almacena inmediatamente despues del elemento 0, el elemento 2 se almacena despues del elemento 1, y asi hasta agotar los elementos del array, esto quieres decir que tendremos una sucesion de segmentos de 2 bytes uno tras otro y cada uno representa en elemento de un array de enteros.

Analizemos el codigo es programa simple, lineas 2 y 3 declaro un array de 4 elementos y un puntero ambos de tipo int. Lineas 8 a 11 lleno el array con algunos numeros. Linea 13 al puntero le asigno la direccion del primer elemento del array.

Finalmente en el ciclo for despliego el contenido al que apunta el puntero que es el valor del primer elemento de array, luego avanzo el puntero a los siguientes 2 bytes, es decir al siguiente elemento del arreglo y se repite el ciclo. la salida del programa anterior debe ser


elemento: 1 valor: 50
elemento: 2 valor: 60
elemento: 3 valor: 70
elemento: 4 valor: 80

]]> http://skulshit.net/blog/?feed=rss2&p=135 0 Tecnicas de concentracion en el gimnasio aka Gym http://skulshit.net/blog/?p=124 http://skulshit.net/blog/?p=124#comments Sun, 13 Dec 2009 22:27:15 +0000 admin http://skulshit.net/blog/?p=124 pues ahora se me ha ocurrido escribir sobre mi entrenamiento en el gym, y para inaugurar esta categoria quiero hablar de un tema que me parece es de vital importancia cuando alguien de verdad quiere mejorar su cuerpo en el gimnasio. Las tenicas estan escritas en orden descendente dependiendo de su eficacia y eficiencia.

Tecnica 1: Sugestion

Aclaro que no soy entrenador ni fisicoculturista de carrera, hablo por experiencia propia y hablo de mis ideas muy personales y validas para mi, sin embargo lo que describo en las siguientes lineas de verdad me ha ayudado mucho en mis entrenos y realmente me daria mucha satisfaccion saber que lo que escribo le sirvio a alguien mas, sin embargo puedes tomar este documento como una mera platica entre compañeros de entreno.

Cuando una persona asiste al gimnasio con la idea de superarse solamente debe tener una idea en mente …. mejorar su cuerpo, no hay lugar para pensamientos sobre los amigos, la escuela, el trabajo, ninguna otra preocupacion debe vivir en la mente del entrenado.

Piensa por un momento que durante la siguiente hora (o el tiempo que entrenes) en este universo solo existen tu, las barras, discos y mancuernas, no hay nada mas.

En lo personal cuando estoy entrenando prefiero no platicar con alguien y solo concetrarme en mi objetivo.

Ahora antes de empezar tu rutina toma algunos minutos 15, 20 los que necesites, y repite para ti cuales son los objetivos que tienes en mente, mientras lo haces toma respiraciones largas y profundas, preguntate a que has venido a entrenar, preguntate porque hay tantas personas que tienen un cuerpo escultural y di para ti mismo que tu no eres diferente a toda esa gente, tu tambien puedes y lo vas a lograr.

Debes de sentirte realmente ofendido y enojado acerca del hecho de no haber realizado aun tus objetivos, pero tambien feliz y emocionado por la idea de saber que hoy vas a dar todo e inclusive mas por alcanzar esas metas que te has marcado.

Te miraras a ti mismo con el cuerpo que has soñado, te imaginaras levantando con facilidad aquellos discos que tanto trabajo te cuestan y te diras a ti mismo que son ligeros, visualizate realizando 1 repeticion con la facilidad con la que mueves un dedo, 2 repeticiones….3,4….10. Recuerda todo lo anterior tomando respiraciones profundas y largas, ojos cerrados y el cuerpo totalmente relajado.

Si lo has hecho bien realmente sentiras latir tu corazon mas rapido de lo normal, te sudan las manos, sientes como la sangre golpea con fuerza el interior de la punta de tus dedos, te has sugestionado tanto que estas en un estado de alerta y consientemente has soltado un poco de adrenalina, este es el momento preciso debes levantarte y tomar la barra con el peso maximo y hacer lo que debes.

La adrenalina es una sustancia natural secretada por las glandulas suprarrenales, esta sustancia generalmente se libera en situaciones de peligro y es un exelente estimulante para mejorar el rendimiento fisico.

Es muy preferible realizar lo anterior en antes de cada serie en la que se quiera mejorar, y tratar de mantener las ideas expuestas durante la serie es tambien una exelente idea.

El unico inconveniente de este tecnica es el tiempo, puedes gastar aprox. 10-15 antes de cada serie es realmente costoso en terminos del tiempo.

Tecnica 2: Enojo

Como su nombre lo indica consiste en recrear en la imaginacion un evento pasado que haya sido realmente estresantes en nuestras vidas. En lo personal prefiero recordar momentos que tengan que ver con gente que me haya hecho pasar verdaderos ratos malos. Esto tecnica es mucho mas personal que la anterior pues tiene que ver con situaciones personales.

Por ejemplo a mi me molestaba sobremanera el comportamiento que tenia uno de mis jefes en el trabajo conmigo.. simpre vigilandome, llamandome la atencion, exagerando cualquier detalle por pequeño que fuera … me gusta pensar en el sin fin de formas en las que pude haberle contestando en alguno de sus multiples regaños, la actitud de enojo y malestar que genera recordar dichas situaciones realmente puede ser canalizado en una mejora en la calidad de los entrenamientos, el truco esta en tomar un tiempo pequeño en recordar alguna situacion desagradable, volver a vivir el momento absorber todo ese enojo que se genero, toda la ira y disgusto, cuando estes a punto de explotar en un grito de furia tomas la barra y comienzas a sacar todas las repes que puedas, el enojo sera tal que ni siquiera pensaras en que la barra de verdad esta pesada, o que tal vez ya estas cansado, el enojo es un sentimiento que puede llevar a los limites el fisico de las personas.

Todo lo anterior hecho en el tiempo debido y con la cantidad de enojo correcta hara maravillas en los progresos de tu entreno.

Esta tenica es de naturaleza similar a la anterior por tanto ha heredado las mismas ventajas y desventas.

Tecnica 3: Exitacion

Esta tecnica es especial. Hay que ser verdaderamente cuidadoso y discreto para aplicarla. Se basa en uno de los sentimientos que el hombre posee de forma natural y tambien en el siguiente hecho:

Un musculo necesita oxigeno para funcionar, el oxigeno es el combustible de los musculos, los musculos obtienen oxigeno atraves de la sangre, la sangre es el vehiculo en donde viaja el oxigeno hacia los musculos, cuando un musculo trabaja de forma constante, el cuerpo empieza a enviar sangre en grandes cantidades al musculo que lo necesita, cuando la sangre fluye en grandes cantidades hacia un musculo se dice que esta congestionado

EL truco de esta tecnica esta en posar la mirada en alguna de las mujeres que aden por ahi, es altamente preferible elegir a la tipa mas buena del gimnasio, observarla con detenimiento por un momento, fijar la mirada en su cuerpo y analizar la forma en que camina y hace ejercicio, aclaro que esto debe hacerse con sumo cuidado, mientras observas a la mujer es una exelente idea maquilar pensamientos de indole sexual con la mujer en cuestion. Al cabo de unos minutos sentiras el corazon latir rapidamente y tu mienbro responder al estimulo visual, este es el momento ideal para tomar la barra y sacar todas las repes posibles, una vez que has entrada en un estado de exitacion el corazon bombea sangre a tope y eso es precisamente lo que necesitamos para aumentar la oxigenacion de los musculos, esta condicion corporal no dura mucho tiempo asi que debe aprovecharse al maximo mientras se este fisicamente exitado.

La eficacia de esta tecnica puede aumentar sobremanera de dos formas. Una es manteniendo en mente cualquier fantasia sexual que involucre a la mujer del gimnasio mientras hacemos las repeticiones. La otra forma es evitar tener actividad sexual durante un largo tiempo, alrededor de un mes sin actividad sexual dara resultados muy provechosos.

Esta tecnica tiene grandes desventajas pues alguien podria darse cuenta de que estamos observando deliberadamente a las feminas del gym y acarrearnos serios problemas, otra es que seria bastante desagradable tener una ereccion completa en el gimnasio lo ideal es tomar la barra inmediatamente despues de que sentimos los primeros indicios de exitacion, es seguro que al acabar una serie la ereccion habra desaparecido totalmente.

En lo personal he practicado las tecnicas anteriores con resultados realmente buenos y como ultimo consejo hay que evitar asistir al gimnasio sin ganas, sin objetivos claros, con ideas vagas.

Si no tienes un objetivo bien claro y una determinacion por mejorar bien fuerte da igual que asistas o que no asistas al gym.

]]> http://skulshit.net/blog/?feed=rss2&p=124 0