Se trata de el aviso que CakePHP 1.2 ha sido liberado y tal como comenta, este sistema se trata de un framework, con el cual podemos hacer maravillas sin tener que rompernos la cabeza con php.

CakePHP

Esta claro que para poder usarlo es necesario tener conocimientos en Php, html, Javascript, Css entre otros, pero solo nos centraremos en usar los componentes que estáne ya programados y listos para ello, por ejemplo con este framework podemos crear todo un sistema de publicación para un blog, claro que sin la potencia de Wordpres pero es solo un ejemplo.

Lo interesante también es que hay un manual completamente en español, y esta muy fácil de seguir, yo personalmente no le he dado oportunidad a este framework(ni a smarty), por que siento el que código manual es mejor y muy potente, pero por si alguno de ustedes le interesa, aquí les dejo los datos de dicho framework.

Descarga de CakePHP 1.2 Aqui
Manual en español Aqui.
Pagina oficial CakePHP.

Via | Manual de CakePHP 1.2 y descarga versión final

Google Ajax Libraries API

Que viene siendo una especie de lugar donde se almacenaran librerías Ajax, (como Jquery, Mootools, Prototype, Etc..), y las cuales estarán accesibles a todo el publico.

Las librerias/Frameworks disponibles en este momento son

• jQuery
• prototype
• script.aculo.us
• MooTools
• dojo
• Google Maps
• Google Ajax Search
• Google AJAX Feed API
• Google data APIs

Las ultimas 4 no son Librerias JS, sin embargo tambien forman parte de este abanico de posibilidades.

Su implementación/uso es simple y de la siguiente forma:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

Esto es para cargar Jquery, para cargar alguna de las otras librerías JS, debemos cambiar la ruta del script(SRc) por alguna de las siguientes:

//jQuery

http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js

// Prototype

http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js

//Script.aculo.us

http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.1/scriptaculous.js

//MooTools

http://ajax.googleapis.com/ajax/libs/mootools/1.11/mootools-yui-compressed.js

//Dojo

http://ajax.googleapis.com/ajax/libs/dojo/1.1.1/dojo/dojo.xd.js

También se pueden agregar dichas librerías usando funciones de la api de Google, para ello, necesitaremos cargar la api de google y llamar lo que deseemos como el siguiente ejemplo

<script src="http://www.google.com/jsapi"></script>

<script type="text/javascript"><!--
// Load jQuery
google.load("jquery", "1");

// on page load complete, fire off a jQuery json-p query
// against Google web search
google.setOnLoadCallback(function() {
$.getJSON("http://ajax.googleapis.com/ajax/services/search/web?q=google&;v=1.0&;callback=?",

// on search completion, process the results
function (data) {
if (data.responseDate.results &&
data.responseDate.results.length>0) {
renderResults(data.responseDate.results);
}
});
});
// --></script>

Como pudimos ver la carga se realizo usando la función google.load, la cual funciona de la siguiente forma:

google.load(name, version, opt);

Como podemos observar se utilizan 3 parámetros, los cuales son, el nombre de la librería, la versión de dicha librería, y el ultimo parámetro, que es opcional es para indicar algunas opciones para personalizar mejor la carga de dicha librería, por ejemplo si la deseamos comprimida o no, entre otras opciones mas.

Ejemplo de carga

//con 2 parametros
google.load("jquery", "1.2.3");
google.load("prototype", "1.6");
google.load("scriptaculous", "1.8.1");
google.load("mootools", "1.11");
google.load("dojo", "1.1.1");

//con 3 parametros
google.load("mootools", "1.11", {uncompressed:true});

Andrés también comenta que el segundo parámetro tiene la opción de que si no indicas exactamente que versión utilizaras, es decir sin pones por ejemplo usar “scriptaculous con la version 1.8″, google automaticamente te mandara ultima versión que haya salido de dicha rama por ejemplo la “1.8.1″.

Google ahora esta explotando una parte que la tenia olvidada, que es, la potencialidad y la necesidad de usar librerías ajax, aunque yo preferiría tener alojadas las librerías que uso en mi propio server, yo creo que es una buena iniciativa de Google, aunque también no hay que depender siempre de Google.

Para completar este post pueden leer la fuente | Google Ajax Libraries API, ajax sobre la arquitectura Google

Andrés Nieto nos comenta desde su blog, sobre un teclado virtual construido con Javascript, que nos permitirá ingresar texto como nosotros lo deseemos, además de que podemos elegir el idioma del teclado, en el que queramos que se nos muestre, claro, solo cambiara el idioma del teclado(osea la distribución de teclas) mas no lo que escribimos.
Su implementación es realmente fácil solo basta con bajarse el js y el Css.

<script src="http://www.ajaxman.net/wp-admin/keyboard.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="keyboard.css">

Y cuando lo queramos usar simplemente invocamos la clase “keyboardinput” de esta forma:

.
...
<input class="keyboardInput" type="text" />
...
.

La licencia que usa es BSD.

Aprovecho este post para felicitar a Andrés Nieto por sus 3000 posts escritos, los cuales en lo personal me han ayudado muchisimo a aprender y mejorar sobre Javascript, y por supuesto es una fuente de información excelente para mi blog, en hora buena Felicidades Andrés vamos por los 10000 posts.

Nota: Fui al Bugcon, Pero tome un par de fotos, y nos las tengo a la mano, les prometo platicar que tal estuvo, solo que mañana pondré el post.

Vía | Añade un teclado virtual a tus aplicaciones web

Recurso | Javascript Graphical / Virtual Keyboard Interface ]]> http://www.ajaxman.net/javascript-teclado-virtual-usando-javascript.html/feed 0 http://www.ajaxman.net/ajax-php-moohp-mootools-y-php.html http://www.ajaxman.net/ajax-php-moohp-mootools-y-php.html#comments Mon, 28 Apr 2008 15:29:43 +0000 Ajaxman http://www.ajaxman.net/?p=752 Buscando un script que me facilitara poner unas tabs para el próximo theme de el blog, el cual por cierto al parecer usara Mootools para unas tabs, las cuales luego verán, Me tope con este Framework.

Se llama mooHP, el cual como su nombre lo indica es una mezcla entre Mootools y Php.

La ventaja reside en que su sintaxis es muy similar a la de Mootools , por lo cual si estas acostumbrado a usar esta librería la implementación sera fácil y las ventajas muchas mas, como gestionar la gran mayoría de código vía Php.

A continuación les pongo un ejemplo de código y posteriormente un link para que vean el demo.

< ?php
include("mooHP2/dom.class.php");
include("mooHP2/element.class.php");
include("mooHP2/css.class.php");
include("mooHP2/utility.class.php");

//New instance of the dom class
$t = new dom();

//Loads a template from file
$t->loadFile("base.html");

//Gets element by css selector  and sets it's HTML content.
$t->SE("body")->setHTML("");

//Selected ellement: body adopts  new element
$t->SE("body")->adopt( $t->element("div", array("id"=>"header") ,"Hello world!") );

//Body adopts  <br />
$t->SE("body")->newLine();

$picked = "";
if (isset( $_GET["cd"] )) {
 $picked = " you have selected #".$_GET["cd"];
}

//Body adopts new element div: with assigned properties as second argument and text as content;
$t->SE("body")->adopt( $t->element("div", array("style"=>"margin:10px; padding:10px; border:1px solid #444;"), "Counting down:".$picked) );

// $select  = new Element()
$select = $t->element("select", array("name"=>"cd"), "");

//Body adopts new element of type form
$t->SE("body")->adopt( $t->element("form", array("id"=>"newForm","method"=>"get") ) );
//Selects new element by ID and adopts previously defined element $select
$t->S("newForm")->adopt( $select );
// #newForm adopts new Element input
$t->S("newForm")->adopt( $t->element("input", array("type"=>"submit", "value"=>"CLICK!") ) );

for ($i=1; $i< =20; $i++) {
	//$newOption is new option element
	$newOption = $t->element("option", array("value"=>$i), "Count down: " . $i );
	//$select adopt as it's first child the $newOption element
	$select->adoptTop( $newOption );
	if ( isset($_GET["cd"]) && $_GET["cd"] == $i ) {
		//Setting an attribute to an element
		$newOption->setProperty("selected","selected");
	}
}

//Body accepts  new style rules
$t->SE("body")->setStyle("margin","10px");

//Body adopts <br />
$t->SE("body")->newLine();

//Appending text to the body
$t->SE("body")->appendText("and here comes the appended text");

//Body is adopting the inc.html contents
$t->SE("body")->adopt( $t->includeFile("inc.html") );

if (!isset( $_GET["cd"] )) {
	//Make simple alert with javascript
	$t->alert("Hello and welcome to mooHP");
}

//Setting the <title> tah innerHTML
$t->setPageTitle("..:: Hello and welcome to mooHP ::..");

//Creating new instance of the css class
$newCss = new css();
//Setting rule in css
$newCss->setStyle("color","#ff9900");
//Setting rules in css
$newCss->setStyles(array("font-weight"=>"bold","font-size"=>"24px" ));
//Writing the defined css to element
$newCss->writeToElement( $t->S("header") );

//Creating new instance of the css class
$newCss2 = new css();
//Setting rule in css
$newCss2->setStyle("border","10px solid #DDD");
//Setting rule in css
$newCss2->setStyle("padding","10px");
//Writing the defined css as #newForm selector in $t dom instance
$newCss2->writeToDom("#newForm", $t);

//Writing the page   if true is passed as argument the page will be compresed
$t->writePage(true);

?>

El resultado de esto seria lo siguiente.
http://www.devpartment.com/testdrive/mooHP/

Creo que Mootools, me esta ganando, y eso se debe a una gran ventaja que ofrece ante otras Frameworks, como JQuery o Prototype, y eso es su peso, que es extremadamente pequeño, bueno aun sigo defendiendo a Jquery, pero si no se compacta un poco mas quiza tenga que darle un vistazo a Mootools.

Por cierto fui la Flisol, no participe casi en nada y es por que no me dio tuve mucho tiempo, eso si me compre una nueva playera muy chida de Debian Linux, tome unas fotos y me queria traer la de Php, pero pues no habia mas Varo($), asi que sera para la próxima, en cunato baje las fotos les platicare como estuvo la cosa.

Via | mootools + PHP = mooHP
Descarga | Descargar MooHP
Mas información en | http://www.devpartment.com/posts/mootools-php-moohp/

Y lo encontre visitando ajaxian, y bueno les cuento sobre esto:

Se hizo una encuesta sobre algunos gustos y preferencias sobre desarrollo web y ajax, los resultados muestran varias tendencias sobre los frameworks ajax mas usados asi como el lenguaje de script del lado del servidor tambien mas usado o talvez preferido.

Hubo varias preguntas y respuestas pero las que sin duda me interesaron mas fueron:

¿Que Plataformas de desarrollo que está usando?

La respuesta con grafica y con numeros.

• PHP: 296
• Just HTML and CSS: 289
• Java (other): 177
• .Net: 163
• Cold Fusion: 105
• JSP: 105
• Servlets: 89
• Other (please specify): 57
• Struts: 51
• Python: 46
• Rails: 42
• Flex: 27
• JSF: 23

¿Qué herramientas de desarrollo usas (seleccione todos los que correspondan)?

En este caso el resultado es:

• Eclipse: 289
• Dreamweaver: 241
• NotePad: 156
• Visual Studio: 154
• Aptana: 105
• Other (please specify): 80
• Textmate: 42
• Flex Builder: 39
• BBEdit: 36
• NotePad++: 33

Aqui un detalle, muchos usan eclipse y otros mas usan dreamweaver, yo uso rapidphp y es excelente aunque solo esta disponible para windows, pero sin duda su flexibilidad y caracteristicas lo hacen fenomenal, ojala y fuera opensource, pero aun asi lo uso por encima de dreamweaver, no es un post patrocinado ni nada, pero deberian probarlo.

Y una sobre el uso de ajax (la que mas nos interesa)

Si está usando Ajax, juegos de herramientas o framewokrs de lo que está usando en sus proyectos (seleccione todos los que correspondan)?

• jQuery: 144
• Prototype: 143
• Scriptaculous: 127
• YUI: 99
• Ajax for ASP.Net (Atlas): 91
• Mootools: 65
• Dojo: 63
• ExtJs: 61
• Nitobi: 61
• Spry: 29
• Other (please specify): 27
• GWT: 19
• JMaki: 6
• Mochikit: 2

Por increible que parezca Jquery esta dominado a prototype, vemos tambien que al framwork Mochikit muy pocos lo usan.

Y hay mas pero solo puese esas.

Esto no es algo que se cumpla siempre debemos recordar que fue solo una encuesta, pero nos ayuda a ver hacia donde va el desarrollo web.

Los que quieran ver todo los datos de la encuesta, los encuentran aqui | Nitobi Survey Results
Via | Nitobi Survey Results on Ajax Development
Y todos los resultados de dicha encuesta estan Aqui | Descargar

Esta herramiento nos permitira conectar Javascript y archivos swf, cosa que se complicaba bastante al hacerla manualmente usando Fscommand.

Para poder empezar a trabajar con esta herramienta, la haremos de la siguiente forma.

Primero bajaremos Mootools 1.2 Beta de la siguiente Direccion http://mootools.net/download/tags/1-2b2

Desde ahi podemos elejir que plugins o complementos deseamos bajar, junto con el nucleo de Mootools, obviamente elejiremos las que uno desea pero tambien incluiremos Swiff la cual se localiza dentro de la seccion Utilities.

Ahora crearemos un archivo Flash, en este caso nuestro archivo flash estara vacio, lo unico que pondremos estara en una accion ahora escribiremos el ActionScript que permita crear la interfaz con Swiff.

//(ActionScript) achivo mySwf.swf
import flash.external.*;

function echoText(text) {
    ExternalInterface.call('alert', "This message is from Flash: "+text);
}

//Fires the 'onLoad' event within the Swiff object.
ExternalInterface.call(onLoad);

Ahora lo publicamos, y podremos cargarlo mediante Mootools Swiff.

//(JavaScript) archivo js
var obj = new Swiff('mySwf.swf', {
    width:  1,
    height: 1,
    container: $('swiffContainer'),
    events: {
        onLoad: function() {
            alert("Flash cargado!")
        }
    }
});

Esto solo nos mostrara el mensaje “Flash cargado!”.

Inclusive no es necesario ni mostrar el swf, puede ser hasta de 1px por 1px, talvez esto sea muy simple, sin embargo esto solo fue un ejemplo de su uso basico.

Pueden darle un vistazo al blog oficial de Mootools, para ver todas las capacidades de esta herramienta.

Via | What’s New in 1.2: Swiff

Claro, como se imaginaran no es un analisis de todas las librerias, solo de las mas importantes o mas conocidas.

Como son:

• jquery-1.2.1
• dojo-1.0.1
• prototype-1.6.0
• yahoo-utilities-2.4.0
• protoculous-1.0.2

Sin embargo que tiene de especial, este analisis que, otros no hayan hecho?.

Eso es lo mas interesante, ya que no es un analisis, realizado por los creadores del sistema, si no que es un analisis realizado por los usuarios.

Asi de esta forma, el resultado creo yo, sera mas eficaz y mas real.

Pueden checar como van los analisis en la sigueinte direccion

http://jst.pbwiki.com/summary.php

En el momento que yo entre las cosas estaban asi.

Esto por supuesto es refiriendose a las librerias para Ajax-Javascript, sin duda, sera interesante esperar a ver como se va actualizando este analisis.

De momento yo me quedo con Jquery, no hay mas, aunque quizas pronto le de un chance a Mootools, la que por cierto no esta en el test.

Via | JavaScript Library Loading Speed