Sobre Mi

delicious facebook linkedin twitter youtube flickr justintv youtube About Me
Creative Commons License
This work is licensed under a Creative Commons Attribution 2.5 Mexico License.
120x60-1

CodeIgniter, Ext JS y Blueprint

Empezar un proyecto siempre me inyecta adrenalina por un lado por lo emocionante que es iniciar desde cero y construir artesanalmente un sistema y por otro el momento de elegir las herramientas de apoyo. Me resisto a casarme con algunas practicas de desarrollo porque me queda la sensación de que me estoy perdiendo de algo muy bueno.

Ahora que inicié un proyecto que me tiene muy emocionado pues valientemente decidí usar frameworks de desarrollo que solo conocía por nombre como lo es CodeIgniter y Ext JS, php y javascript respectivamente, Blueprint ya es mi herramienta por default para escribir estilos, es tán fácil y ordenado.

Desde hace mas de un año temerosamente intente usar Zend Framework, pero como bien dice PHP Senior, soy un programador de objetos con grado de madurez tipo 2 nunca pude siquiera hacer pruebas porque simplemente no logre configurar y entender correctamente el entorno MVC, mi lado renuente dice que "la curva de aprendizaje de Zend es bastante alta" y mi lado comodin me dijo que "no me complicara y buscara otra manera de mejorar mi organización escribiendo código en el servidor", y tras analizar los que el mercado me ofrece segun la tabla comparativa vista en www.phpframeworks.com decante por CodeIgniter, por las siguientes razones:

  1. El diseño del sitio del framework esta cool.
  2. Lo pude configurar INSTANTANEAMENTE en mi servidor.
  3. Me ofrece justamente lo que necesito, y no mas.
  4. El nombre del framework es cool.
  5. Documentación decente.

Del lado del cliente soy esclavo invariable de jquery y Mootools, dicen los expertos que estos no tienen comparación pues se tratan de la guerra entre un Tooolkit Vs Framework. En proyectos laborales he tenido la oportunidad de utilizar estas herramientas a fondo, tanto que ya son parte inamovible de los proyectos.

Hace unos meses me invitaton a participar a un proyecto muy interesante, y el líder del proyecto tenia un capricho muy especial, que era usar Ext JS como apoyo para javascript, ya que esta herramienta cuenta con un verdadero framework de desarrollo para aplicaciones web, sin caer en fanatismos EXT JS es una joya que prónto estara en boca de todos. Por la crisis y por una negociación pobre, el proyecto esta detenido hasta nuevo aviso. Por lo anterior tuve la curiosidad de poder implementar EXT JS, y hoy me doy esta oportunidad.

Hoy tuve ganas de escribir este post para vertir este miedo tan divertido que es conocer lo hasta hoy desconocido con tiempos de entrega fijos y altas expectativas de cliente.

Espero pronto poder aportar mis experiencias en el proyecto con estas herramientas.

Manejo de arreglos en javascript y php

Crear un array en javascript y pasarlo a php mediante una string, para posteriormente convertir esa varible en un array pero ahora en php, donde podremos recorrerlo.

Esta es una técnica muy práctica y simple, aunque creo lo mejor es usar objetos json para transportar datos entre los lenguajes del lado cliente y servidor.

// Creando variable tipo arreglo en javascript
var productos = new Array();

// Insertando elementos en el arreglo en javascript
productos.push('silogin','Cytotec');

// Conviertiendo array en string
var misproductos = productos.join();

Ahora misproductos será una simple y llana string separada por comas y php ahora convierte esta variable string en un array

// Asumo que de algun modo ya se paso la variable de javascript a php,
$productos = explode(",", $misproductos);

// Recorrido de array en php
foreach ($productos as $nombre)
{
    echo '
  • $nombre
  • '; }

    Obtener el valor de un radio group con mootools

    Este post tiene como objetivo desde luego aportar un script sencillo con mootools para poder obtener el valor de un radio group, pero aprovechando el 'raite' estoy probando SyntaxHighlighter, que como se auto describe, es proyecto de Alex Gorbatchev -desarrollador en Toronto- que permite imprimir en pantalla multiples sintaxis de códigos, en mi prueba estoy usando para css,js y texto plano.

    Javascript

    <script type="text/javascript" src="mootools-1.2.3-core.js"> 
    <script type="text/javascript" src="mootools-1.2.3.1-more.js"> 
    <script type="text/javascript">
    window.addEvent('domready', function() {
    	var Tips1 = new Tips($$('.Tips1'));
    	$('get-radio-value').addEvent('click', function(){
           var rol = $('radio-group').getElements('input[name=role]:checked').get('value');
           $each(rol, function(role, index){rol=(role!="")?role:"";});    
    	   alert(rol);
    	});
    });
    </script>
    

    XHTML

         <div id="radio-group">
             <input type="radio" name="role" value="mujer" /> Mujer
             <input type="radio" name="role" value="hombre" /> Hombre
             <input type="radio" name="role" value="bicolor" /> Bicolor
             <span id="get-radio-value" title="Obtener Valor" class="Tips1"<Obtener Valor</span>
         </div>
    

    CSS

    <style type="text/css">
    #get-radio-value
    {
    	width:120px;
    	height:20px;
    	border:1px solid #eeeeee;
    	padding:5px;
    	cursor:pointer;
    	margin-left:10px;
    }
    .Tips1
    {
    	color:#333;
    }
    </style> 
    

    3er aniversario luctuoso de mi padre

    Hoy hace ya tres años a mi viejo le toco irse y con esta canción quiero expresar un poco de la melancolía que acompaña el día.

    Curiosamente hoy 22 de de junio me toco ir al velorio de La madrina de Myrna, y lei algo que quiero compartir.

    Para los que quise y me quisieron...

    Cuando me vaya, sueltame, dejame ir,
    tengo tanto que ver y hacer.
    No deben aferrarse a mi con lagrimas,
    den gracias por el tiempo hermoso que tuvimos.

    Les di mi amor y ustedes solo imaginen
    cuanta felicidad me dieron.
    Les doy gracias por el amor que me demostraron
    pero ha llegado la hora de viajar solo.

    Lloren ahora un poco por si les reconforta
    y dejen que se alivie su tristeza
    con la certeza de que nuestra separación
    será solo por un corto tiempo y
    bendigan entonces los recuerdos de su corazón.

    Yo no estare lejos y la vida sigue,
    si me necesitan, llamenme y vendre
    Aunque no podrán verme ni tocarme,
    siempre estaré cerca de ustedes.
    Y si escuchan con su corazón, escucharán
    que todo mi amor les rodea suave y claramente.

    Entonces cuando ustedes tengan
    que venir solos a este camino,
    yo estaré ahi sonriendo y dandoles la bienvenida.

    MochaUI: Framework de desarrollo para aplicaciones web

    MochaUI es un framework para el desarrollo de aplicaciones web escrito con Mootools, el cual nos permite enforcarnos en la abstracción de datos y programación de nuestra aplicación, dejando la parte estética a los expertos en diseño de interfaz.

    Hay muchas y variadas opciones en cuanto a librerías de desarrollo pero ésta, además que Mootools la respalda, esta bien linda.

    Interfaz de MochaUI

    Los puntos fuertes que logro destacar son:

    • Espacio de trabajo como la interfaz de un sistema operativo tradicional(menus, paneles con toggle, dock, barras, navegación en ramas de arbol).
    • Menú de navegación usable.
    • Manejo de ventanas como si de una aplicacion de escritorio se tratara (minimizar, maximizar,cerrar) todo por defecto.
    • Navegacion de pestañas dentro de las ventanas
    • Acordion
    • Manejo de personalización de espacio de trabajo (guardar y cargar configuraciones).
    • Creación dinámica de ventanas con incrustación de iFrames (se me ocurren muchas ideas).
    • Carga de contenido en ventanas mediante AJAX.

    MochaUI es un trabajo realizado por Greg Houston, diseñador gráfico y de interfaz en Joplin Missouri. Gracias Greg!