Telepieza´s Weblog

Cuando trabajas en leguanjes de programación web, siempre he tenido un gran dilema entre los significados de  palabra clave o palabra reservada en programación.

En ECMA-262 del lenguaje de programación JavaScript, las palabras claves indican el inicio y/o el final de instrucciones de ECMAScript. Dichas palabras están reservadas y no es posible utilizarlas como nombre de variable o funciones (En las versiones actuales de ECMAScript).

  ECMAScript define las palabras reservadas, como palabras que se reservan para su posterior utilización como palabras clave (En versiones futuras de dicho lenguaje),  dichas palabras no se pueden utilizar como nombres de funcion o variables.

                                          PALABRAS RESERVADAS

Si utilizamos en nuestros programas dichas palabras reservadas en funciones o variables , los navegadores nos pueden dar error de funcionamento en el futuro, cuando se incorporen dichas palabras en sus relises.

Por lo menos en JavaScript está muy claro el significado de palabra Clave y Palabra Reservada, una es el presente y la otra el futuro de nuevas versiones o relieses de programación y navegadores en la red.

Saludos de Telepieza

Soy una persona que lee todos los libros informáticos que existen en el mercado, me gusta documentarme, y analizar otros trabajos informáticos que son punteros en el mundo de Internet.

Llevo algunos post escribiendo sobre la técnologia Ajax y buscando información en  libros sobre CSS, DOM, JavaScript, XML, DHTML y AJAX.

 Algunos libros que he leido son :  CSS práctico, Profesional JavaScript, Manual de Referencias HTML, Profesional de AJAX, AJAX y los mejores trucos, Eclipse, Desarrollo de PHP y MySql, CSS Hojas de estilo en cascada para el diseño Web, MySql, XHTML   y muchos más que tengo en mi biblioteca personal.

Todos ellos te explican la sintaxis y los metodos de programación de cada uno de los lenguajes, pero sus ejemplos son de páginas web realizadas por otros  , y no por los que escriben los libros.

 Cuando empiezo a leer sobre AJAX en todos estos libros, mi mente se va al pasado a los años 90 cuando en la WEB 1.0 se programaba a pelo con tecnología JavaScript y HTML.

Los navegadores IE , Mozilla y Safary son distintos en la forma de tratar el  modelo de Caja o Box (Zona de contenido de texto o imagen), cuando queremos representar una página muy elaborada en nuestra web con etiquetas div.

 Un modelo de Caja o Zona de contenido en una página web, contiene a su alrededor áreas de borde, relleno y margen que hacen imperfecto nuestra página web según se vea con uno u otro navegador o con el mismo navegador pero con versiones diferentes.

Cuando leemos los libros ninguno te indica que la programación para entornos AJAX tiene que ser limpia, eso significa que en una página web sólo tiene que tener código html y nada de JavaScript o CSS. El código JavaScript y las Hojas de Estilo (CSS) tienen que estar en ficheros diferentes al código HTML.

Lee el resto de esta entrada »

 Mootools es un Framework (Estructura de soporte definida, mediante la cual otro proyecto de software puede ser desarrollado), web orientado a objeto para JavaScript, de código abierto (Open Source). Gracias a dicho programa podemos desarrollar aplicaciones de escritorio de una forma sencilla y elegante.

Es interesante leer la información de la wikipedia para entender mejor el porqué es necesario programas como Mootools, Jquery, Dojo, Prototype  o script.aculo.us para desarrollar páginas web cada vez más interactivas con el usuario final (Internauta).

Mootools tiene un API para ajax, pero en mi opinión el modulo JPSpan está más desarrollado para entornos AJAX – PHP.

JPSpan una de las cosas que tiene muy buenas es el control de 6 tipos diferentes de errores.

1. Control de Error en la comunicación con XMLHttpRequest.
2. Mensajes de Error durante la comunicación con el Servidor.
3. Control de Error desde el Servidor al Cliente.
4. Mensajes de Error de Aplicación del Servidor al Cliente.
5. Mensajes de Error de Aplicación del Cliente al Servidor.
6. Error de sintaxis en los programas de JavaScript

JPSpan no se centra sólo en gestionar bien los mensajes de error, sino en la comunicación de datos pudiendo ser en los siguientes formatos:  JSON, PHP, XML, TXT.

Podemos utilizar Mootools como gestor de eventos para controlar las teclas y el ratón en nuestra aplicación WEB, dejando el código de nuestra página sólo con código HTML, sin ninguna instrucción  JavaScript y CSS.

Se dice que la era de la WEB 2.0 es eso, uno o varios ficheros con extensión  .css para los estilos, uno o varios ficheros .js para el código JavaScript y por último una página realizada en php o html o .NET o Java, que su resultado final  es sólo código HTML.

Todo lo expuesto no es posible si no tenemos herramientas como Mootools o JPSpan para poder realizar nuestros proyectos con una precisión y fiabilidad increible.

Pero todo tiene una pega, y son las incompatibilidades que un programador tiene cuando quiere unir diferentes programas (Mootools y JPSpan)  para poder llegar a un resultado final  esperado por el programador, cuando tenemos dichos problemas, nos es muy dificil solucionarlos por tener poca ayuda disponible en Internet.

Escribo dicho post para explicar cómo solucionar un problema grave de funcionamiento del modulo JPSpan utilizando Mootools como framework en nuestras aplicaciones Web.

El problema radica en la no recepción de parámetros o datos enviados por nuestro programa realizado en JavaScript al servidor de datos PHP.

Lee el resto de esta entrada »

Los de Openbravo han realizado su convención anual en mi tierra, en Barcelona, y hemos recibido un e-mail del Sr. Jordi Mas (Director of Community Development at Openbravo), indicando que hemos sido premiados por ser los primeros,  por números de votos,  en el apartado BEST SUPPORT PARTICIPANT (individual).

EL BLOG DE TELEPIEZA QUIERE AGRADECER DE TODO CORAZÓN A TODAS LAS PERSONAS QUE NOS HAN VOTADO PARA PODER CONSEGUIR EL PRIMER PREMIO EN EL APARTADO (BEST SUPPORT PARTICIPANT) DE OPENBRAVO.

Escribo los post de Openbravo con el nick de Espinas, pero mi nombre real es Mariano,  quiero compartir con todos vosotros  el premio concedido por votación popular por confiar y estar todos los días con nosotros leyendo el blog de Telepieza.

Aquí les dejo el e-mail enviado por  el Sr. Jordi Mas de Openbravo a Telepieza.

As you probably now,  Openbravo has organized the Openbravo Community Awards, to honor individuals and companies for their outstanding contributions to the Openbravo ERP and POS projects.

Openbravo Community during the last weeks have nominated first and voted later the people that made a difference with their contributions. During the Openbravo World Conference that ocurred last weekend we revealed the winners of every category.

It is a pleasure for to inform you that you are the person that has won the category Best support participant (individual) by obtaining the highest number of votes.

Thanks a lot and congratulations for the award

Jordi Mas
Director of Community Development at Openbravo

TODOS LOS COMPONENTES DE TELEPIEZA ESTAMOS MUY EMOCIONADOS, GRACIAS Y UN SALUDO CORDIAL A TODOS NUESTROS LECTORES.

UN ABRAZO A TODOS ……..

Vamos a realizar un pequeño resumen en la 5ª parte de lo aprendido sobre JPSpan y PHP antes de seguir aprendiendo más cosas sobre la tecnología AJAX – JPSpan – PHP.

……………………………………………………..

1.- JPSpan se comunica mediante HTTP, define la sintaxis y la semántica que utilizan los elementos software de la arquitectura web (clientes, servidores, proxies) para comunicarse. Es un protocolo orientado a transacciones y sigue el esquema petición-respuesta entre un cliente y un servidor.

2.- JPSpan utiliza el Objeto XMLHttpRequest (XHR), también referida como XMLHTTP (Extensible Markup Language / Hypertext Transfer Protocol), es una interfaz empleada para realizar peticiones HTTP y HTTPS a servidores WEB. Para los datos transferidos se usa cualquier codificación basada en texto, incluyendo: texto plano, PHP, XML, JSON, HTML. Dicho objeto lo tenéis en JPSpan/js/httpclient.js

3.- JPSpan utiliza la técnica de reflexión de objetos. La reflexión es un proceso mediante el cual un programa es capaz de obtener información sobre si mismo y por tanto es capaz de auto modificarse en tiempo de ejecución. JavaScript emplea el concepto de reflexión para permitir descubrir propiedades y métodos de objetos externos. El ejemplo más sencillo es el de averiguar si un objeto posee un determinado método y así poder ejecutarlo (Eso es lo que hace JPSpan).

Lee el resto de esta entrada »

Nos vamos a centrar en la 4ª parte en estudiar el método  displayClient(), por ser el encargado de generar el esquema de código JavaScript necesario para la comunicación.

Cómo hemos indicado JPSpan proporciona al Cliente el código JavaScript necesario para realizar llamadas a la clase en el lado del servidor y hacer que la página pueda gestionar las llamadas en sí.

La función displayCliente(), está en la página /JPSpan/Server.php y es :

/**
* Display the Javascript client and exit
* @return void
* @access public
*/
function displayClient() {
$G = & $this->getGenerator();
require_once JPSPAN . ‘Include.php’;
$I = & JPSpan_Include::instance();
// HACK – this needs to change
$I->loadString(__FILE__,$G->getClient());
$client = $I->getCode();
header(‘Content-Type: application/x-javascript’);
header(‘Content-Length: ‘.strlen($client));
echo $client;
}

Lo importante de dicho método es la generación de la variable $client, es donde está todo el código JavaScript generado por JPSpan en función a los parámetros que le hemos enviado, por ejemplo, indicar que el código de transmisión de los argumentos (variables) sea por ‘php’, ‘xml’ o json’ o Comprimir el código JavaScript mediante la página script.php.

Cómo no es posible visualizar por pantalla la variable $client, vamos a introducir tres líneas nuevas de código php (ver abajo en rojo la incorporación) para grabar dicha variable en un fichero con nombre ‘logclient.txt’ para analizar su contenido en profundidad y es :

/**
* Display the Javascript client and exit
* @return void
* @access public
*/
function displayClient() {
$G = & $this->getGenerator();
require_once JPSPAN . ‘Include.php’;
$I = & JPSpan_Include::instance();
// HACK – this needs to change
$I->loadString(__FILE__,$G->getClient());
$client = $I->getCode();
$t_log_fp   = fopen(‘logclient.txt’, ‘w’);
fwrite($t_log_fp, $client );
fclose($t_log_fp);
header(‘Content-Type: application/x-javascript’);
header(‘Content-Length: ‘.strlen($client));
echo $client;
}

La primera instrucción insertada por nosotros $t_log_fp  = fopen(‘logclient.txt, ‘w’); le indicamos que abra el fichero de modo escritura, si no existe lo crea, y que empiece en el primer registro al indicar la letra ‘w’.

La segunda instrucción  fwrite($t_log_fp, $clientn ); le indicamos que grabe en dicho fichero la variable $client.

La tercera instrucción fclose($t_log_fp); le indicamos que cierre el fichero logclient.txt.

NOTA : Cuando activamos el programa realizado en html con el navegador y llama al programa jpspan_server.php del servidor, grabará en la carpeta  (donde ha sido llamado el programa jpspan_server.php) el fichero logclient.txt con todas las instrucciones javascript necesarias para poder realizar la comunicación.

Podemos ver el fichero una vez generado : FICHERO LOGCLIENT.TXT

Lee el resto de esta entrada »