Telepieza es un mezcla de ayuda, información, opinión, ocio, negocio y diversión, esperamos que todos vosotros os sintaís en vuestra casa.

Archivo de abril 2009

jpspan_02.jpg En la segunda parte de Ajax con JPSpan, vamos a realizar un programa en el lado del cliente con JavaScript y HTML y en el servidor un programa en PHP.

Dichos programas serán muy sencillos, porque mi intención es probar la rápidez del sistema de comunicaciones con JPSpan y después iremos complicando los programas en función de los comentarios y pruebas a realizar.

La ídea del programa: El programa tiene que enviar un campo con un select de M=Mujer y H=Hombre al servidor y este tiene que responder la ID de session del sistema, un nombre y empresa, supuestamente extraido de una Base de Datos y el texto de Hombre o Mujer seleccionado por el Usuario.

Ejemplo del programa muy Sencillo de Comunicación Ajax con JpSpan

Sesion ID :

Nombre :

Empresa:

Mujer

El programa en el lado del cliente y realizado en html es :


<head>
<title>Ejemplo Sencillo de JPSpan</title>
<script type=”text/javascript” src=”jpspan_server.php?client”></script>
<script type=”text/javascript”>

function init() {
remoteCustomer = new customer(customerCallback);
}

var customerCallback = {
getmydatos:function(mydatos)
{
showDatos(mydatos);
}
};

function fetchMydatos(tysexo) {
remoteCustomer.getmydatos(tysexo.value);
}

function showDatos(Mydatos) {
document.getElementById(“txtSession”).value = Mydatos["sessionid"];
document.getElementById(“txtNombre”).value  = Mydatos["nombre"];
document.getElementById(“txtEmpresa”).value = Mydatos["empresa"];
document.getElementById(‘esSexo’).innerHTML=Mydatos["tysexo"];
}

</head>
<body onload=”init();”>
<h1>Ejemplo muy Sencillo de Comunicación Ajax con JpSpan</h1>
<p><label>Hombre/Mujer</label>
<select size=”1″ name=”txtSexo”>
<option selected value=”M”>Mujer</option>
<option value=”H”>Hombre</option>
</select></p>
<p><button onClick=”javascript:fetchMydatos(document.getElementById(‘txtSexo’));” >Enviar</button></p>
<p>Sesion ID : <input id=”txtSession”  name=”sessionid” size=”55″ type=”text”></p>
<p>Nombre :<input id=”txtNombre” name=”nombre”  size=”55″ type=”text”> </p>
<p>Empresa : <input id=”txtEmpresa” name=”empresa” size=”45″ type=”text”></p>
<label>El Sexo Seleccionado es : </label><p id=”esSexo”> </p>
</body>
</html>


Vamos a comentar las instrucciones que son esenciales para la conexión del  programa con el servidor PHP:

Lee el resto de esta entrada »

Share

jpspan_01.jpg Uno de los grandes problemas del protocolo HTTP es que los servidores no pueden conectar con el Cliente (Navegador), si éste no ha pedido una conversación o conexión previa con el servidor de información de Internet.

La naturaleza de HTTP en las aplicaciones web, del punto de vista del internauta, se llevan a cabo por acciones (Eventos) y la aplicación web responde con otra página para enseñar dicha información o solicitar más información al usuario.

En una aplicación Web , cada acción del usuario, por ejemplo hacer un click en un botón de un formulario, genera la recarga de otra página web entera para actualizar la información solicitada y a la vez, muchas veces dicha información precisa de más datos que a su vez, crea frustración por tanta demora entre página y página.

ajax_php.gif Pero el mundo de internet está cambiando con la revolución de la WEB 2.0 y la técnica AJAX. Gracias a dicha técnica nos podemos acercar a apliaciones en entorno escritorio, sin la necesidad de recargar páginas enteras, sino partes de ella para visualizar los datos requeridos por el usuario.

Para poder trabajar con AJAX, necesitas dominar las tecnologías de  CSS, HTML, XML, JAVASCRIPT, DHTML y DOM, en el lado del Cliente (Navegador) y en el lado del servidor, puede ser cualquier lenguaje orientado a objetos como (JAVA, PHP, VISUAL, PERL).

La técnica que vamos a explicar con JPSpan, es un marco de trabajo Ajax,  para comunicar y transferir datos en formato (XML, JSON y PHP) con servidores programados en PHP con aplicaciones que en su otro extremo tengan  JAVASCRIPT.

JPSpan es simplemente un integrador de clases entre Javascript y PHP, para que se puedan comunicar entre ellos utilizando una clase PHP la técnica de reflexión.

Para poder conseguir los programas de JPSpan, hay que realizar lo siguiente :

  1. Nos descargamos de OpenSource la versión JPSpan 0.4.3, dicha versión tiene un montón de ejemplos y uno de ellos el autocomplete2.html es digno de probar.
  2. La versión que está colgada en OpenSource es muy antigua, para descargar la versión de explotación o programación tenemos que ir al blog de Valentin Agachi y recuperar JPSpan 2.0 con JSON, dicha versión no tiene ejemplos, pero es una de las más actualizadas, es del año 2.006 y soporta el navegador Opera 8.5+ en sus comunicaciones.
  3. Una vez recuperado JPSpan, tenemos que leer el artículo de uno de los blog más importantes de habla inglesa sobre AJAX y es The weblog of Joshua Eichorn

Lee el resto de esta entrada »

Share

  Cuando uno busca información en la red sobre tecnología Ajax, para incorporar en sus aplicaciones tanto en el entorno servidor como en el Cliente (Navegador), uno se sorprende de la cantidad de aplicaciones AJAX que existen en el mercado. (ver Tabla).

✗ Ajax AC ✗ DWR ✗Rico Library
✗ Ajax Client Engine ✗ Echo 2 ✗ RSList Library
✗ AJAX Java Server  ✗ ICEFaces ✗ SACK
✗ AJAX JSP Tag Library ✗ IWF ✗ Sajax Library
✗ Ajax.NET ✗ JAHAH ✗ Sarissa
✗ AjaxAspects ✗ Java2Script Pacemaker ✗ script.aculo.us
✗ AjaxCaller ✗ JavaScript GameLib ✗ SWATO Library
✗ AJFormFramework ✗ JPSpan ✗ Taconite
✗ AMFPHP ✗ Jquery Library ✗ Tacos Library
✗ BackBAse ✗ JSMX ✗ ThinkCap JX
✗ Bindows ✗ libXmlRequest Library ✗ Tibet Framework
✗ Bitkraft (.NET) ✗ MAJAX Library ✗ WebORB
✗ Catalyst ✗ Microsoft Atlas ✗ WidgetServer Java
✗ CL-AJAX ✗ Pear Library ✗ Xajax Library
✗ ComfortASP.NET ✗ PHP Classes ✗ XOAD o NAJAX
✗ Dojo Toolkit ✗ Prototype ✗ zumiPage
✗ DOM Drag ✗ qooxdoo  

 Cada una de dichas aplicaciones tiene algo bueno que otras carecen, pero sobre todo carecen de entornos IDE o GUI para poder realizar trabajos en dicha tecnología  de forma cómoda y sencilla para los profesionales de la tecnología WEB 2.0.

Podemos dividir dicha tabla en dos grandes bloques uno de ellos pensados para interconectar el servidor con el clientes vía técnica de reflexíon (DWR y JPSpam) o por generación de código Javascript (XAJAX, SAJAX, XAOD o NAJAX ….) y el otro bloque pensado más para interactuar con el cliente, los ( PROTOTYPE, DOJO, JQUERY … ), son framework escrito en JavaScriptque se orienta al desarrollo sencillo y dinámico de aplicaciones web.

Pero la evolución de dichos aplicativos va en aumento y muchas veces no sabes cual de dichos entornos es el mejor para utilizar en el lado del servidor o en el del Cliente.

Lee el resto de esta entrada »

Share

usuario_claveacceso.gif La técnica de HTTP es un protocolo sin estado, eso significa no tener un método incorporado para conservar el estado entre varias transacciones de un mismo usuario.

 Al solicitar una página desde Internet y después otra y otra, HTTP no cuenta con ninguna técnica para poder saber que dichas peticiones son solicitadas, por el mismo usuario a nuestro servidor Web. 

 La tecnología PHP si  incluye funciones de programación con enfoque de control de sesión,  cuando realizamos páginas en HTML y PHP  con la variable global $_SESSION  o $_COOKIE.

Cómo funciona las Sesiones en PHP ($_SESSION) ?

 Se controlan por un sólo id de sesión, un número criptográficamente aleatorio, generado por PHP y que se almacena en el lado del cliente mientras dure la sesión. Dicha sesión se puede almacenar en forma de Cookie en el lado del Cliente (PC) o pasar dicho id por GET o POST por medio de la URL.

 Dicho identificador id de Sesión actúa como una clave que permite grabar sendas variables en la variable global $_SESSION, en la parte del Servidor.

 Existe dos fomas diferentes para generar sesiones en php, una de ellas es con la función de PHP  : session_start(); y la otra configurar el php.ini para que lo realice automáticamente con la opción session.auto_start.

 La función session_start();  la podemos invocar en todas nuestras páginas PHP y podremos acceder a las variables de la matriz global de $_SESSION desde nuestro servidor web.

 Si al invocar dicha función ya existe el id de sesión, no vuelve a generar otro id, deja el ya generado con el  primer session_start(); , de esa forma no perdemos nuestras variables de sesión al cambiar de páginas, por ser el mismo número id inicial de sesión.

Cómo funcionan las Cookies o variable $_COOKIE?

Una cookie es información que el Servidor puede grabar al lado del Cliente, el comando es :

setcookie()  :

  nombre=VALOR; [expires=FECHA;] [path=RUTA] [domain=NOMBRE_DOMINIO;] [secure]

 Cuando un navegador se conecta a una dirección URL, primero busca las cookies almacenadas localmente. Si no son relevantes para dicha dirección se devuelven al servidor.

Lee el resto de esta entrada »

Share

 Si desea contactar con telepieza, puede enviar un e-mail a: telepieza@telepieza.com.
Normas de uso y Politica de privacidad .Telepieza empezó el 20/12/2007 a las 18h (Hora Española).
 Ayude a financiar Telepieza en Internet, picando un anuncio de su interes en nuestro Weblog.