http://grunch.com.ve

Los espero por allá, saludetes

Ahondando un poco en lo que es para mi una nueva manera de programar llegué a entenderla y mejor aún, me vi envuelto en ella hasta el punto de la adicción que comencé a hacer sitios web mas interactivos para el usuario aumentando el número de tareas del lado del cliente, anteriormente llevaba a cabo casi en su totalidad la acciones del lado del servidor, aceptando finalmente que en mis desarrollos anteriores hacia falta un equilibrio, equilibrio al que nunca le di importancia ya que evitaba tener que lidiar con javascript, realmente esto se acabó para mi, pq el desarrollo javascript con prototype es realmente divertido.

Creo que tu, estimado lector estarás ansioso por conocer más sobre las muy famosas pero no tan bien documentadas bondades de prototype, obviamente este artículo no cubre todos los aspectos de prototype pero si los que a mi juicio son los más importantes para comenzar, la idea es que despues de leer esto no te sea tan dificil utilizar la libreria, bueno ya dejo de hablar tanto gamelote y entonces veamos un poco de acción:

Antes de comenzar a echar código debes agregar el JavaScript con el framework al head de la página así:

<script src="prototype.js" type="text/javascript"></script>


Funciones $

La función $() es bastante útil, al principio puede parecer un poco abstracta pero cuando la utilizas la primera vez no puedes dejar de usarla, esta función es un atajo a la función del DOM document.getElementById(), que mejor explicación que un ejemplo verdad? toncs vamos a verlo…


<div id="lisa">hola mundo!</div>
<button onclick="duh();"
id="homero">clic</button>
<script>
function duh(){
    var elemento = $('lisa');
    elemento.innerHTML = 'chao mundo!';
    elemento.style.color = 'blue';
}
</script>


Tambien puede ser pasado como argumento el elemento como tal, veamos otro ejemplo


<div id="lisa">hola mundo!</div>
<div id="maggie">otro divider</div>
<button onclick="duh();" id="homero">clic</button>
<script>
function duh(){
    var elemento = $('lisa');
    var arrayElem = $('maggie', elemento); //paso dos tipos de parámetros
    for(var i=0; i<arrayElem.length;i++){
        arrayElem[i].innerHTML = 'divider ' + elemento[i].id;
        arrayElem[i].style.color = 'blue';
    }
}
</script>


en el ejemplo anterior vemos las otras dos características de la función $(), que puede recibir ademas del id de un elemento, puede recibir el propio elemento, y que si recibe mas de un elemento devuelve un array de elementos.

Función $A()

Esta función convierte a cualquier parámetro en un objeto Array, pero el objeto array de prototype no es exactamente como el array de javascript, ya que posee una extensión llamada Enumerable, la cual es una copia del lenguaje de programación Ruby, dándole mucha más versatilidad a JavaScript, veamos de que estamos hablando


<div id="lisa">hola mundo!</div>
<div id="maggie">otro divider</div>
<button onclick="duh();"
id="homero">clic</button>
<script>
function duh(){
    var listaNodos = document.getElementsByTagName('div');
    var arrayElem = $A(listaNodos);
    arrayElem.each( function(el, indice){
        el.innerHTML = indice + ':' + 'divider ' + el.id;
        el.style.color = 'blue';
    });
}


mas claro imposible.

Función $H()

Convierte un objeto en un hash enumerable


<div id="lisa">hola mundo!</div>
<button onclick="duh();"
id="homero">clic</button>
<script>
function duh(){
    var objetoUsuario = {id: 1, login: "grunch", email: "fjcalderon@gmail.com"};
    // convertimos el objeto a un hash
    var hash = $H(objetoUsuario);
    $('lisa').innerHTML = hash.toQueryString();
}
</script>


Función $F()

Esta función es muy básica, solo recibe como parámetro el id o elemento de un formulario y devuelve el valor del mismo, no merece ni un ejemplo

Función Try.these()

Una función realmente útil, irá probando diferentes funciones hasta conseguir alguna que, valga la redundancia “funcione” correctamente, aca les muestro el ejemplo clásico de esta función.


<script>
function ajax() {
    return Try.these(
      function() {return new XMLHttpRequest()},
      function() {return new ActiveXObject('Msxml2.XMLHTTP')},
      function() {return new ActiveXObject('Microsoft.XMLHTTP')}
    );
}
</script>


Función document.getElementsByClassName()

Recibe como parámetro una clase CSS y devuelve un array con los elementos que tienen como atributo className la clase CSS pasada como parámetro, vamos al ejemplo

<div class=”simpson” id=”lisa”>hola mundo!</div>
<div class=”simpson” id=”maggie”>otro divider</div>
<div class=”flanders” id=”ned”>uno mas</div>
<button onclick=”duh();” id=”homero”>clic</button>
<script>
function duh(){
    var arrayNodosSimpson = document.getElementsByClassName(’simpson’);
    arrayNodosSimpson.each( function(el, indice){
        el.innerHTML = indice + ‘:’ + ‘divider ‘ + el.id;
        el.style.color = ‘blue’;
    });
}
</script>

muy util verdad? bueno, esta función era una de mis preferidas pero hace unos meses apareció una función que la destronó y ya saben lo que dicen por ahi, cuando hay santo nuevo, los viejos no hacen milagros

Función $$()

Es la vedette de las funciones de prototype actualmente, su creación es simplemente una obra de arte, gracias a ella casi no uso la función anterior, recibe como parámetro un selector CSS y devuelve un array con cada elemento que cumpla con el criterio del selector dado, veamos unos ejemplos para mayor claridad


<div id="springfield"> <div class="simpson" id="lisa"><p>hola mundo!</p></div>
<div class="simpson" id="maggie"><p>otro divider</p></div>
<div class="flanders" id="ned">uno mas</div> </div>
<button onclick="duh();" id="homero">clic</button>
<div class="simpson" id="bart"><p>ay caramba!</p></div>
<script>
function duh(){
    var arrayNodosSimpson = $$('div#springfield div.simpson p');
    arrayNodosSimpson.each( function(el, indice){
        el.innerHTML = indice + ':' + 'divider ' + el.id;
        el.style.color = 'blue';
    });
}
</script>


impresionante, no? algo muy interesante es que podemos escribir nuestro código con menos lineas aun, por ejemplo


<script>
function duh(){
    $$('div#springfield div.simpson p').each( function(el, indice){
        el.innerHTML = indice + ':' + 'divider ' + el.id;
        el.style.color = 'blue';
    });
}
</script>


Todo esto se puede hacer con JavaScript sin prototype pero, en cuantas lineas? seguramente mas de 5

Creo que con esto ya tenemos una idea mas clara sobre prototype y como comenzar a programar utilizando sus bondades, hay muchas mas características de prototype pero eso te lo dejo a ti, a lo mejor en el futuro me decido a escribir otro artículo sobre este excelente framework de JavaScript, quien sabe, saludos y nos vemos por ahi.

Realmente el evento superó mis expectativas porque se pudo minimizar los inconvenientes de una manera tan rápida que dio la impresión de no hubo ni un pequeño percance, en esto Javier Pérez (A.K.A. Dvst), tiene todo el mérito, buen trabajo pana, en el CNSL hubo diferentes ponentes en diferentes áreas, todos muy buenos en su área específica, los cuales le dieron realce al evento.

El viernes después de la primera jornada decidimos por solicitud del pana Héctor ir a cenar comida china y nos lanzamos para un restaurante chino donde no había chinos atendiendo y habían mariachis cantando, un poco bizarro la comida era buena, compartimos un momento bastante agradable, creo que lo más importante para mi fue el reencuentro con viejos amigos de la red, especialmente con los panas Juan Moreno (A.K.A. Apostols) y Octavio Rossell (A.K.A Tr0n), panas que conozco hace casi 10 años de manera virtual y nunca me había tomado una cerveza con ellos, bueno con tr0n todavía no me la tomo porque el no quería tomar esa noche, además conocí otro pocotón de trolls nacionales y un troll internacional (franco-argelino) bastante amistoso llamado djamel.

Habrán muchos mas CNSL por este año y por los próximos 500 años, y sin duda saben que pueden contar conmigo incondicionalmente cuerda de trolls, un abrazo y nos vemos en la red.

Cuando tomamos la decision, lo unico que teniamos seguro era el dinero, pensamos q con $800 para los dos era suficientes pasar unos dias en colombia, no nos equivocamos, tomamos un bus de valencia a maracaibo, estuvimos 1 dia en maracaibo ya que tengo familia ahi y luego salimos rumbo a cartagena de indias, sin saber q nos esperaba en aquella fascinante ciudad.

Mientras ibamos llegando a nuestro destino comenzó a invadirme la ansiedad y le pregunté a uno de los señores del bus en el que veniamos si sabia donde podia hospedarme esa noche, y me dijo que en Boca Grande era muy bonito pero muy caro, que los hoteles se conseguian desde 50 mil pesos en adelante, eso es mucho para un pichón de mochilero como yo, pero me dio una opcion, que me quedara en unas residencias en el terminal de Cartagena por 30 mil, que no era peligroso ni mucho menos, pero esa idea no me gustó en lo absoluto, no voy a viajar a una ciudad como Cartagena para quedarme en su terminal, asi que decidimos mi pana y yo seguir hasta Boca Grande, que segun se conseguian hoteles en 50 mil, pensamos, sera solo una noche y luego buscamos algo mas economico…

Tomamos un bus hasta Boca Grande, nuestro destino, no sabiamos que podriamos encontrar alla pero seguro que era espectacular, una vez en el bus vimos subir una chica pelirroja, con una mochila mas grande que ella, casualmente se sentó atras de nosotros y el pana con el que andaba le dice “hola”, ella respondio muy amablemente y establecimos una conversacion, gracias a dios siempre le presté atención a las clases de inglés, creo que ese dia me salvaron la vida

Ella nos dijo que era israelita, que venia en bus desde Santa Marta y que se iba a encontrar con sus amigos en el hotel, aunque ella no conocia la ciudad tenia un papel con la dirección y dominaba bastante bien el español, le dijimos que eramos mochileros venezolanos y no teniamos idea de nada de nada, le preguntamos que si podiamos ir con ella y nos dijo que claro, nos fuimos con ella y en ese momento olvidamos todo aquello de boca grande, no nos importaba, estabamos seguro que ella sabia lo que hacia y estaba muy claro que sabia que iba a dormir en una cama esa noche, por eso ni lo pensamos, necesitabamos de ella, ademas ella era muy amistosa y agradable.

Nos albergamos en el Hotel Familiar, asi se llama, en ese hotel habian otros israelies esperando a Adí (la israelí q conocimos en el bus), ellos habian dicho en el hotel que venia su amiga y que como eran varios les hicieran un descuento, como nosotros llegamos con ella agarramos ese descuento, malo no es en venezuela le decimos a esa situación agarramos mango bajito

El hotel nos costó 8 mil pesos (aprox 4$) por dia, bastante económico, sin aire acondicionado pero no nos importaba, solo queriamos seguir adelante.

El hotel se encuentra en la antigua cartagena, en el barrio de getsemaní, hay muchos muchos hoteles de ese tipo muy económicos, uno muy frecuentado es el Viena, es muy importante el dominio del inglés si quieres relacionarte con otros mochileros ya que hay muy pocos mochileros hispanoparlantes, siendo sincero no vi a ninguno, pero nos relacionamos con gente de holanda, israel, inglaterra y colombia por supuesto.

En cartagena hay mucho que ver pero lo que considero mas importante es:
* Playa blanca, un destino obligatorio, segun comentan es la mejor playa de colombia, yo no soy nadie para contradecirlos
* El volcan de totumo
* Las islas rosario, para hacer snorkeling
* El castillo de San Felipe de Barajas
* Las rumbas, aunque son muy caras son buenas
* Toda la ciudad antigua es impresionante, no dejes de pasearte por toda

Lo mas importante creo que fue las amistades que hicimos con gente que viven a milles de kilometros de mi casa pero alla fuimos como hermanos, no importa la nacionalidad ni el color de la piel, lo importante era lo que cada uno tenia por aportar.

Aca comparto una foto de la mas pana de todos los mochileros, se llama Naama (N-A-A-M-A), y es israelita, estuvimos con ella solo un dia pero fué como si tuvieramos 10 años conociendola.

Nos enseñaron muchas cosas en hebreo, pero no se puede traducir jeje “Kusit kusit roza batusik”

No pudimos ir mas alla de cartagena ya que tuvimos problemas con el cambio de moneda ya que en venezuela tenemos un control cambiario y tuvimos que regresar, los israelies nos dijeron que el parque tayrona es buenisimo, y taganga tambien.

Como dije anteriormente, esto fue un experimento para nosotros pero ya sabemos como actuar cuando estes de mochilero, ahora lo que me queda es trabajar como un burro y hacer dinero para empreder un viaje de 5 meses por toda suramerica, será mi graduacion de mochilero.

un saludo..

Shalom Ben Zoná

Se me ocurrió escribir aca todo sobre la instalación del servidor Oracle en Linux pero he estado un poco corto de tiempo y se me hace un poco cuesta arriba escribir un artículo de esa magnitud, por ello solo me dedicaré en estas lineas a explicar como compilar e instalar PHP con soporte para la extensión oci8 que es la necesaria para conectarnos con una bd Oracle.

Para comenzar incluyo este link que pueden ayudar, en caso de que necesites instalar el servidor Oracle, y está muy bien escrito, si hacemos todo al pie de la letra funcionará todo ok.

http://www.oracle.com/technology/pub/articles/smiley_10gdb_install.html

Despues de instalar el Servidor Oracle en linux, necesitamos que el php esté compilado con la extensión oci8

Esto se va a llevar a cabo en un RHEL 4, el cliente Oracle se instalará en la misma máquina donde está instalado el servidor Oracle, para que el cliente Oracle nos funcione con php, es necesario tener compilado el php con soporte para la extensión oci8, normalmente esto se podría hacer con herramientas como yum o apt, que se descargan los binarios empaquetados en RPMs, pero no conseguí el RPM de php con soporte oci8, es por ello que decidí compilarlo el php para que soporte la extensión que vamos a utilizar.

1.- Lo primero es entrar en el sistema como un usuario sin privilegios, en nuestro caso se llamara “oracle”, debemos compilar el apache desde sus fuentes, en este caso vamos a instalarlo en su versión 2.0.54, descargamos desde http://www.apache.org el archivo httpd-2.0.54.tar.bz2.

$ mkdir $HOME/apache < < creamos el directorio donde vamos a instalar el apache
$ tar jxvf httpd-2.0.54.tar.bz2 << descomprimios el archivo de fuentes
$ cd httpd-2.0.54 << para entrar al directorio donde están las fuentes
$./configure --enable-module=so --prefix=$HOME/apache --with-port=9999 << con esto configuramos, mas info con ./configure --help
$ make << compilamos
$ make install << instalamos

con esto ya tenemos instalado el servidor apache

2.- Editamos $HOME/apache/conf/httpd.conf y agrega al final:

AddType application/x-httpd-php .php
AddType application/x-httpd-php-source .phps

3.- Chequea que en $HOME/apache/conf/httpd.conf esté descomentada esta linea:

ServerName localhost

levanta el servidor apache:

$HOME/apache/bin/httpd

Chequea que esté funcionando bien poniendo en el navegador http://localhost:9999 si no hay error tu servidor apache está funcionando bien.

4.- Ahora descarga las fuentes de php desde http://www.php.net, en este caso utilizaremos la versión 4.4.0.

5.- Antes de compilar el php debemos instalar el instantclient, descargamos los RPMs necesarios de esta dirección:

http://download.oracle.com/otn/linux/instantclient/oracle-instantclient-basic-10.1.0.3-1.i386.rpm
http://download.oracle.com/otn/linux/instantclient/oracle-instantclient-devel-10.1.0.3-1.i386.rpm

y los instalamos como root:

# rpm -Uvh oracle-instantclient-basic-10.1.0.3-1.i386.rpm
# rpm -Uvh oracle-instantclient-devel-10.1.0.3-1.i386.rpm

6.- Instalamos php

$ mkdir $HOME/php << creamos el directorio donde vamos a instalar el php
$ tar jxvf php-4.4.0.tar.bz2 << descomprimios el archivo de fuentes
$ cd php-4.4.0 << para entrar al directorio donde están las fuentes
$./configure \ << con esto configuramos, mas info con ./configure --help
--with-oci8-instant-client \
--prefix=$HOME/php --with-apxs2=$HOME/apache/bin/apxs \
--enable-sigchild --with-config-file-path=$HOME/apache/conf
$ make << compilamos
$ make install << instalamos

7.- Copiamos el archivo de configuracion PHP al directorio que le dimos con el parametro --with-config-file-path

cp php.ini-recommended $HOME/apache/conf/php.ini

8.- Seteamos la variable LD_LIBRARY_PATH a /usr/lib/oracle/10.1.0.3/client/lib y reiniciamos Apache.

Si se utiliza un archivo tnsnames.ora para definir los nombres de servicios de Oracle Net, asignamos a la variable TNS_ADMIN el directorio que contiene el archivo. Es muy importante setear todas las variables de ambiente necesarias antes de iniciar el apache, yo uso este script para iniciar el apache.

-+-+-+-+-+-+-+-+-+-+-+-+-+-
#!/bin/sh

APACHEHOME=$HOME/apache

LD_LIBRARY_PATH=/usr/lib/oracle/10.1.0.3/client/lib:${LD_LIBRARY_PATH}
TNS_ADMIN=$ORACLE_HOME/network/admin

export LD_LIBRARY_PATH TNS_ADMIN

echo "Starting Apache..."
$APACHEHOME/bin/httpd
-+-+-+-+-+-+-+-+-+-+-+-+-+-

9.- Para confirmar que la extensión está configurada creamos un archivo info.php y lo colocamos en $HOME/apache/htdocs/:
-+-+-+-+-+-+-+-+-+-+-+-+-+-
<?php
phpinfo();
?>
-+-+-+-+-+-+-+-+-+-+-+-+-+-

lo podemos ver en esta dirección http://localhost:9999/info.php

La página debe contener una sección llamada oci8, en la cual debe decir "OCI8 Support enabled".

10.- Ahora vamos a conectarnos a la bd oracle por medio de php,
para ello corremos este script de php


-+-+-+-+-+-+-+-+-+-+-+-+-+-
<?
$connect_str = "demo1";
$username = 'system'; // username de la bd
$pass = 'oracle'; // password de la bd
$db_conn = OCILogon($username, $pass, $connect_str );