Gnu/Linux, Programacion y mas

Tutorial: Ajax pagination Codeigniter // Paginación con Ajax en CodeIgniter

2012-04-20T23:20:00.000-07:00

Hey Hola, como les va a todos, antes que nada vamos a ver el resultado final, o almenos lo que esperamos obtener al final de este articulo.

Como podemos apreciar, los nuevos resultados son anexados de forma asíncrona usando ajax. pretty cool x). Bueno a primera vista solo podríamos decir eso, pero si somos mas cuidadosos podemos ver una pequeña animación la cual nos indica que la consulta para los nuevos registros esta siendo procesada, ademas, el enlace de More Results es des habilitado para prevenir el caso que un usuario impaciente pueda realizar nuevamente click en el enlace si aun haberse completado totalmente la consulta anterior, nuevamente, pretty cool x). y por ultimo, cuando ya no quedan mas registros por ser retornados desde la base de datos, notificamos al usuario que no hay mas registros para mostrar.

Para lograr lo anteriormente explicado vamos a utilizar: Libreria Javascript JQuery para realizar las llamadas ajax a la base de datos. como gestor de base de datos... bueno eso es indiferente, pero como yo uso XAMPP vamos a trabajar con MySql y PhpMyAdmin. y para manejar las vistas y el acceso a la base de datos (osea el MVC) el Framework Codeigniter. creo que no se me olvida nada... bueno, y un poco de CSS.

Bueno. que es lo primero que vamos a codificar. pues en si, la lógica de las consultas, y como estamos usando el Framework Codeigniter, nos referimos al Modelo. entonces, sin perder mas tiempo, procedamos a crear un nuevo archivo en la carpeta application/models llamado (en mi caso) UserModel.php
El Modelo por el momento simplemente contendrá un método el cual recibirá dos parámetros, El máximo numero de registros retornados($limit) y el $offset, que vendría a ser como el numero desde el cual la consulta retornara registros de la base de datos. bueno, ustedes entenderán a que me quiero referir, y si no es así, cuando ejecutemos el código nos vamos a enterar :). so (8) dont worry, be happy.(8).

<?php

 // @author McCubo <-- ese soy yo xD
 // @copyright 2011
 // @license GPL V2.
class UserModel extends CI_Model {

    public function __construct() {
        parent::__construct();
    }

    // @return $limit cantidad de registros a partir de $offset
    public function getUserList($limit, $offset=0) {
        $this->db->select('id, first_name, last_name, nickname, registration_date');
        $this->db->order_by('first_name', 'asc');
        return $this->db->get('user', $limit, $offset);
    } // getUserList End

    // @return integer del total de registros en la tabla
    public function getTotalUserCount() {
        $numRows = $this->db->count_all_results('user');
        return $numRows;
    }// getTotalUserCount End

}//UserModel End

?>//FILE END

Bastante sencillo no?. indicamos que campos necesitamos retornar con la consulta (ya que no quiero mostrar la password, tipo de privilegios, edad y otros campos que no son relevantes). los ordenamos por nombre ascendente y retornamos los valores encontrados por la consulta.

Luego la otra función es aun mas sencilla, simplemente retornamos cuantos registros existen en la tabla (es importante conocer cuantos registros tiene la tabla a la hora de configurar la paginación) Ahora, ya teniendo los métodos en el modelo, guardemos, y dejemos en segundo plano ese archivo para proceder con... no se, déjenme pensarlo, no se si el controlador o la vista. si, vamos a empezar con el controlador. Entonces procedemos a crear un nuevo archivo php llamado (en mi caso) UserController.php en la carpeta application/controllers. justo ahora vamos a crear el método index:

<?php
 // @author McCubo <-- otra vez yo...
 // @copyright 2011
 // @license GPL V2.
class UserController extends CI_Controller {
    private $limit = 1;

    public function __construct() {
        parent::__construct();
        $this->load->model('UserModel');
        $this->load->library(array('form_validation', 'table', 'session', 'encrypt'));
        $this->load->helper(array('security', 'form'));
    } // End Construct

    public function index() {
        $data['userList'] = $this->UserModel->getUserList($this->limit);
        $data['limit'] = $this->limit;
        $data['totalCount'] = $this->UserModel->getTotalUserCount();
        $this->load->view('user/userView', $data);
    } // End Index

    public function user_ajax_pag($offset) {
       // Empty. not implemented yet
    }
}// End Controller
?> // End File

En el Constructor, lo normal, la llamada al constructor de la clase padre, cargamos el modelo, librerias y helpers que vamos a necesitar en todo el controlador.

Mientras tanto en el index, llamamos al método que nos devuelve la lista de usuarios, si el $offset es enviado como parámetro a la función, entonces este es 0 (Cero.) ya que necesitamos regresar desde el primer registro de la tabla, hasta un numero de $limit. Luego cargamos una nueva vista (que aun no hemos creado) y le pasamos un arreglo el cual contiene dos posiciones.

Y Creamos una función user_ajax_pag (vacia por el momento), la cual es la que vamos a llamar desde la vista. dicha funcion nos retornara de forma asincrona los registros de las consultas.

Bueno dejemos este otro archivo tambien en segundo plano para crear uno nuevo llamado userView.php (en el directorio application/views/user) en el cual vamos a desarrollar la vista, osea la paginación, como podemos ver en el gif de arriba, dicha tabla tiene dos imagenes (que suponen eliminar y editar). pues esas columnas por el momento las vamos a olvidar paracentrar nuestra atención en la cuestión de la paginación.
La vista inicial:

Como podemos suponer, userList será el div contenedor de la tabla. y la etiquita script que esta vacia, en ella se ejecutara la llamada al método que nos retornará los nuevos registros (que es el método vacio del controlador user_ajax_pag). Bueno antes que nada, vamos iniciar con una pequeña condicional, si no existen registros en la tabla, mostramos el mensaje correspondiente en lugar de la tabla:

        
  <div id="userList">
      <?php if ($totalCount == 0) : ?>
           <h3>No Records Found</h3>
      <?php else: ?>
           // Generamos la tabla
      <?php endif; ?>
  </div>

Entonces, vamos a proceder a seguir editando la vista, en especifico a generar la tabla

    <body>
        <div id="userList">
            <?php if ($totalCount == 0) : ?>
                <h3>No user to display</h3>
            <?php else : ?>
                // Generamos la tabla
                <?php $this->table->set_heading('User Id', 'First Name', 'Last Name', 'NickName', 'Registration Date'); ?>
                <?php $template = array('table_open' => '<table border="1" cellpadding="1" cellspacing="0" class="stripeTable" style="width:500px;"'); ?>
                <?php $this->table->set_template($template); ?>
                <?php foreach ($userList->result() as $user) : ?>
                    <?php $this->table->add_row($user->id, $user->first_name, $user->last_name, $user->nickname, $user->registration_date); ?>
                <?php endforeach; ?>
                <?php echo $this->table->generate(); ?>
                <div id="div_more" class="div_more_pag"><a href="#">More Results</a></div>                
            <?php endif; ?>
        </div>
    </body>

Entonces si nos vamos a nuestro navegador y escribimos la url para nuestro controlador. si tenemos uno o mas registros en la tabla de la base de datos, entonces obtendremos algo como esto:

o si No tenemos registros:

Bueno, Llegamos a este punto, guardamos todos los cambios en este archivo y nos regresamos al controlador, y vamos a implementar el método user_ajax_pag.

    public function user_ajax_pag($offset) {
        // Lista con los Nuevos registros
        $userList = $this->UserModel->getUserList($this->limit, $offset);
        $data['userList'] = $userList;
        // Vista que simplemente nos retorna una tabla en formato HTML con los nuevos registros de la consulta
        $newTable = $this->load->view('user/ajax/userList_pagination', $data, true);
        $returnedData = array('newtable' => $newTable);
        // Codificamos a formato json (que es lo que vamos a esperar en la vista)
        $json_encode = json_encode($returnedData);
        // para que se note un poco mejor la animacion. deberia de ser removido una vez puesto en produccion
        sleep(1);
        echo $json_encode;
    }

Ahora vamos a ver la vista userList_pagination.php, la cual se almacena en: application/views/user/ajax

<?php
    foreach ($userList->result() as $user) {
        $this->table->add_row($user->id, $user->first_name, $user->last_name, $user->nickname, $user->registration_date);
    }
    echo $this->table->generate();
?>

Eso seria todo por parte del Controlador, entonces guardamos y nos regresamos a la vista.
Agregamos código entre las etiquetas de <script> que dejamos anteriormente sin implementar, y dicho código nos quedara parecido a lo siguiente:

           $(document).ready(function() {
                // variable enviada desde el controlador
                var totalCount = "<?php echo $totalCount; ?>";
                // variable enviada desde el controlador
                var limit = "<?php echo $limit; ?>";
                var controller =  "<?php echo site_url("userController/user_ajax_pag/"); ?>";
                limit = parseInt(limit);
                var counter = limit;
                $("#div_more a").click(function() {
                    var methodUrl = controller+"/"+counter;                                        
                    $.ajax({
                        type: "POST", // Indicamos que método se utilizará para la petición
                        url: methodUrl, // Método a ejecutarse
                        dataType: "json", // Tipo de respuesta esperada
                        beforeSend: function() {                            
                            $("#div_more").toggleClass("div_more_pag loadingAjaxClass");
                        },
                        success: function(data) {
                            // Si ningun error es arrojado obtenemos el HTML que contiene la nueva tabla, osea todos las etiquetas <tr>
                            var newRecords = $("tbody", data.newtable).html();
                            // Obtenemos la tabla y despues de la ultima fila agregamos N numero de filas devueltas por la consulta
                            $("table tr:last").after(newRecords);
                            // Creamos el estilo tipo Zebra para la tabla
                            createTableStyle();
                            // Aumentamos el counter, que lo podemos ver como el offset de la proxima consulta
                            counter += limit;
                        },
                        complete: function() {
                            $("#div_more").toggleClass("div_more_pag loadingAjaxClass");
                            if (counter >= totalCount) {
                                $("#div_more a")
                                    .text("No More Results to show...") // Cambiamos el texto del enlace
                                    .css("pointer-events", "none") // deshabilitamos el enlace
                                    .css("color", "#CCC"); // Cambiamos color del enlace
                            }
                        }
                    });
                    return false;
                });  // End link More Result Click event
           }); // End Jquery document.ready

Agregamos la referencia a la hoja de estilo en el header

<link rel="stylesheet" href="<?php echo base_url("css/main.css"); ?>" >

Y dicha Hoja de estilo es la siguiente:

.div_more_pag, .loadingAjaxClass{
    text-align: center;
    margin-top: 10px;
    padding-top: 7px;
    height: 28px;
    width: 500px;
    background: #E0F2F7;
    border: 1px solid #000;
}

.div_more_pag a, .loadingAjaxClass a {
    text-decoration: none;
}

.div_more_pag a{
    color: #000;
}

.loadingAjaxClass a {
    color: #CCC;
    pointer-events: none;
    cursor: default;
}

.div_more_pag a:hover {
    color: #610B0B;
}

.loadingAjaxClass {
    background: #fff;
    background-image: url("images/loading.gif");
    background-repeat: no-repeat;
    background-position: right;
}

Bueno, espero no se me olvide nada y si les gusta comenten, si no les gusta compartan x).
Ojala les funcione, cualquier duda o comentario pueden hacerlo escribiendo en este post o a mi cuenta personal de google (gmail) y vamos a tratar de solucionar o aclarar cualquier cuestión del tema

Suscribanse al blog o háganse seguidores demi cuenta de twitter para enterarse de los nuevos post que, ojala el tiempo y Dios lo permitan, estaré publicando :D
Saludos y Cuídense.

JPA CriteriaBuilder, Conjunction, Disjunction, in, like, between, greater Than, lower than

2012-03-30T22:25:00.002-07:00

Hola a todos. Después de mucho tiempo sin publicar nada por acá, me gustaría compartir lo que últimamente he aprendido con las lecturas que he realizado y aplicado con éxito en el trabajo. La cuestión en este tema será como crear consultas dinámicas usando el api de persistencia de Java (por sus siglas en inglés JPA).

Para lograr dicho objetivo vamos a utilizar las clases EntityManager y CriteriaBuilder.

Bueno iniciemos con un pequeño ejemplo de cómo sería un método el cual nos retorne todos los registros de la tabla.

public List<EntityClass> getAll() {
     // Obtenemos una instancia de la clase, ya sea por medio de inversion de control o cualquier otro tipo de factoria
     EntityManager entityManager = getEntityManager();
     // Obtenemos el CriteriaBuilder
     CriteriaBuilder criteriaBuilder = entityManager.getCriteriaBuilder();
     // Indicamos que tipo de objetos esperamos en nuestra consulta
     CriteriaQuery<EntityClass> criteriaQuery = criteriaBuilder.createQuery(EntityClass.class);
     // Indicamos la entidad sobre la cual necesitamos crear la consulta
     Root<EntityClass> entityRoot = criteriaQuery.from(EntityClass.class);
     // retornamos una lista de la entidad especificada
     return entityManager.createQuery(criteriaQuery).getResultList();
}

Una consulta SQL equivalente sería un “SELECT entity FROM EntityClass AS entity”, y ese string pasarlo al entityManager y obtendríamos el mismo resultado.

En un caso como el anterior quizá uno llegue a plantearse la interrogante si es necesario usar el CriteriaBuilder para construir una consulta tan sencilla,….. Bueno a mi criterio si vale la pena. Ya que ese código es más fácil de mantener y en un futuro, mas fácil para escalar (Crear una clase abstracta la cual reciba como parámetro de clase el tipo de objeto el cual se va a manipular, no sé, algo así me puedo imaginar por el momento). Además usamos programación orientada a objetos lo cual es mejor que realizar una consulta tipo String.

La verdadera ventaja de usar CriteriaBuilder lo vamos a poder ver en casos en los cuales las consultas no son estáticas, óseas que dependiendo de algún tipo de parámetro enviado al método este agregara una restricción o añadirá una subquery a la búsqueda, entonces la consulta es creada en tiempo de ejecución, y es acá donde el uso de CriteriaBuilder nos facilita mucho el trabajo de construir nuestra consulta final.

Consideremos un ejemplo en el cual necesitamos que la consulta se cree en tiempo de ejecución; Tenemos una búsqueda de Usuarios (Entidad Usuario.class) en la cual le enviamos como parámetro la edad mínima y edad máxima que debe poseer un usuario para que sea tomado en cuenta en los criterios de la búsqueda, si la ambas edades no son proporcionadas, todos los usuarios de la base de datos serán retornados en el método, sin importar su edad. Tomando en cuenta que la entidad Usuario.classposee los métodos getter y setter para una propiedad edad tipo Integer, procedamos a realizar el método de la búsqueda.

    public List<Usuario> getAll(Integer edadMinima, Integer edadMaxima) {
        EntityManager em = getEntityManager();
        CriteriaBuilder cb = em.getCriteriaBuilder();
        CriteriaQuery<Usuario> criteriaQuery = cb.createQuery(Usuario.class);
        Root<Usuario> usuario = criteriaQuery.from(Usuario.class);
        // Creamos un predicado conjunction, que vienen a ser un tipo de restriccion en el query
        Predicate conjunction = cb.conjunction();
        if (edadMinima != null) {
            // agregamos una expresion al conjunction, greater than
            conjunction.getExpressions().add(cb.gt(usuario.get("edad").as(Integer.class), edadMinima));
        }
        if (edadMaxima != null) {
            // agregamos una expresion al conjunction, lower than
            conjunction.getExpressions().add(cb.lt(usuario.get("edad").as(Integer.class), edadMaxima));
        }
        // O Podemos usar la restriccion Between, la cuestion es aprender a usar la gran amplia gama de restricciones
        // que nos ofrece el CriteriaBuilder =D , ustedes eligen que restriccion se adecua a sus necesidades
        // if you know what i mean x)
        // Validamos que edad Minima y maxima != null
        if (edadMaxima != null && edadMinima != null) {
             conjuntion.getExpressions().add(cb.between(usuario.get("edad").as(Integer.class), edadMinima, edadMaxima)));
        }

        // si el conjunction posee mas de cero expresiones, entonces las agregamos al query con el metodo where
        if (conjunction.getExpressions().size() > 0) {
            criteriaQuery.where(conjunction);
        }
        // retornamos la lista filtrada
        return em.createQuery(criteriaQuery).getResultList();
    }

Bueno como dije anteriormente, el código es de fácil mantenimiento, lo que es igual a decir que es fácilmente entendimiento al lector, en este caso a un programador.

Lo primero, obtenemos una instancia de la clase EntityManager y con esta creamos un nuevo CriteriaBuilder, al CriteriaBuilder le indicamos que tipo de dato queremos que nos retorne la consulta, en este caso objeto Usuario (cb.createQuery(Usuario.class);). Luego al CriteriaQuery le indicamos sobre qué entidad se efectuara la consulta (criteriaQuery.from(Usuario.class);) con esto tenemos una consulta la cual retorna todos los registros de la base de datos, pero ya que nuestra intención es filtrar mediante parámetros esa búsqueda creamos, a partir de la instancia del CriteriaBuilder, un Predicado (cb.conjunction();) este tipo de predicado (conjunction) lo podríamos ver como una compuerta lógica AND en el SQL estándar. Luego evaluamos si el parámetro es distinto a nulo entonces agregamos una expresión a la lista del conjunction, dicha expresión es el Greater Than (cb.gt(“propiedad de la entidad a Evaluar”), valor) y Lower Than respectivamente. Y por ultimo evaluamos si la lista del Predicado no esta vacía, de ser así, se lo agregamos al CriteriaQuery (criteriaQuery.where(conjunction);).

El mismo método podría generar diversas consultas dependiendo de los parámetros, las posibilidades podrían ser :

-- (Ambos valores son diferente de nulo) 
SELECT usu FROM Usuario AS usu WHERE usu.edad > ? AND usu.edad < ?  

--  (Solamente edadMinima es diferente de nulo)  
SELECT usu FROM Usuario AS usu WHERE usu.edad > ? 

-- (Solamente edadMaxima es diferente de nulo)
SELECT usu FROM Usuario AS usu WHERE usu.edad < ?   

-- (Ambos valores son nulos)
SELECT usu FROM Usuario AS usu 

-- (Si usamos el Between)
SELECT usu.nombre FROM usuario AS usu WHERE usu.edad BETWEEN ? AND ?

Como podemos observar, la consulta SQL se define en tiempo de ejecución dependiendo al número de parámetros o condiciones que se evalúen como verdaderas en los parámetros enviados al método. Obviamente no quiero dar a entender que este es el único método para realizar consultas dinámicas, claro que no, pero esta es la forma que a mi parecer es un poco mas auto explicativo el código.

Eso nos regresa una lista de Usuario, pero ¿qué pasa si simplemente necesito conocer el nombre del usuario, y no todo el objeto en sí? (una gran ayuda cuando estamos haciendo subconsultas in).

Para dar respuesta al anterior párrafo, es muy sencillo, pues simplemente hacemos unos pequeños cambios al código. Obviamente el valor de retorno, del método, ahora será uno de Tipo List<String> y al CriteriaBuilder le indicamos que tipo de clase esperamos como respuesta. Entonces cambiamos cb.createQuery(Usuario.class); por algo como esto cb.createQuery(String.class); (Porque ya no queremos todo el objeto, sino simplemente una propiedad tipo String de la entidad). Ahora el CriteriaBuilder ya sabe qué tipo de valor necesitamos que nos retorne, y ahora simplemente agregamos una línea debajo de criteriaQuery.from(Usuario.class); en la siguiente línea de código le indicamos que propiedad de la entidad necesitamos que nos retorne. Y nos quedaría algo así:

criteriaQuery.select(usuario.get("nombre").as(String.class));

un equivalente (omitiendo las restricciones creadas por el predicado del conjunction) en SQL seria así :

SELECT usu.nombre FROM Usuario AS usu

Bueno, el uso del Disjunction es igual al del Conjunction, simplemente cambia la compuerta lógica empleada para ella, que en el caso del Disjunction es OR.
A un conjunction se le puede agregar un disjunction de la siguiente manera, osea que tendríamos nuestro comparador OR dentro de un paréntesis en la consulta. para el siguiente ejemplo usaremos la tabla que se viene viendo en el post, usuario, cuya estrutura es la siguiente:

SELECT usu.nombre, usu.edad FROM usuario AS usu WHERE usu.nombre LIKE '%a%' AND (usu.tipo=1 OR usu.tipo=3)

El resultado de la query seria:

Pero la misma consulta sin los paréntesis retorna registros de la tabla que no deseamos mostrar. como podemos comprobar:

Bueno, ahora vamos a crear esa query usando instancias del CriteriaBuilder y algunos Predicados (Conjunction y Disjunction). En esta parte voy a omitir el codigo de getEntityManager y lo del CriteriaQuery.from, ya que seria igual al ejemplo anterior ( el cual regresa la lista de usuarios ). Bueno. ahora el codigo:

    // Clase ObjetoBusqueda, posee todos los parametros que deseamos incluir en la busqueda, seria un POJO con sus
    // getters y setters
    public List getAll(ObjetoBusqueda objetoBusqueda) {
    // Obtenemos el EntityManager, CriteriaBuilder y Creamos el Query sobre la entidad deseada (Usuario.class en nuestro caso)
    // Creamos los predicados
    Predicate conjunction = cb.conjunction();
    Predicate disjunction = cb.disjunction();
    if (objetoBusqueda.getNombre() != null) {
    // % Agregamos los comodines SQL al inicio y fin del parametro a buscar
          conjunction.getExpressions().add(cb.like(cb.lower(usuario.get("nombre").as(String.class)), "%"+ objetoBusqueda.getNombre() + "%"));
    }
    if (objetoBusqueda.isBucarTipo()){
        disjunction.getExpressions().add(cb.equal(usuario.get("tipo"), 1));
        disjunction.getExpressions().add(cb.equal(usuario.get("tipo"), 3));
    }
    if (disjunction.getExpressions().size() > 0) {
        // agregamos el disjunction al conjunction para que quede encerrado en paréntesis (como en el Query SQL
        // de la Imagen de Arriba)
        conjuntion.getExpressions().add(disjunction);
    }
    if (conjuntion.getExpressions().size() > 0) {
    criteriaQuery.where(conjuntion);
    }
    // retornamos la lista filtrada
    return em.createQuery(criteriaQuery).getResultList();
}// Fin del Metodo

Bueno con ese código obtendríamos una lista de usuario al igual que en el sql de la imagen. Solo un par de detalles a resaltar del código, el parámetro que recibe el método, seria una clase java la cual tendría todos los parámetros por los cuales deseemos filtrar la búsqueda, osea, eso es mejor que enviar todos los parámetros al método, y que los parámetros del método sean mas fáciles de manejar, igual, si en algún caso necesitamos agregar otro parámetro a la búsqueda, solo le creamos la propiedad al POJO de búsqueda y lo tratamos en el método sin modificar la lista de parámetros que recibe el método :).

Bueno, hasta acá, ya se ha cubierto una buena parte del total que este articulo tendrá, por lo tanto vamos a ver como usar un criteriaBuilder.in, para eso vamos a modificar, o mejor dicho agregar un par de tablas a la base de datos, bueno. para el siguiente ejemplo vamos a obtener una lista de usuarios que han ingresado al sistema en los últimos N días, para eso vamos a suponer que cada vez que el usuario ingresa al sistema, en ese instante se guarda la fecha y el id del usuario. entonces tendríamos una entidad la cual llamaremos historial, y al usuario le vamos a agregar una propiedad de tipo lista de objetos de historial, en otras palabras, un usuario puede tener muchos historiales, y un registro de historia solo puede pertenecer a un usuario, osea que en usuario tenemos la relación @OneToMany, indicando una propiedad tipo Lista de Historial, y en historial tenemos una relación @ManyToOne haciendo referencia a una propiedad tipo usuario.
Bueno, una imagen nos aclarara la situación ^^.

Bueno, los registros de la tabla usuario han cambiado respecto a la anterior imagen, pero es irrelevante la verdad. lo que si importa destacar acá es que tenemos 3 usuarios, 2 de ellos han tenido actividad los últimos días (esta entrada la estoy escribiendo el 30 de Marzo del 2012). entonces, si construimos una query la cual nos retorne los usuario que han tenido actividad en los últimos... diez días, dicha consulta nos debería de retornar simplemente al usuario McCubo y Ringo 2012. vamos a construir la consulta entonces.

    public List<Usuario> getUltimosLogeados() {
        EntityManager entityManager = getEntityManager();
        CriteriaBuilder cb = entityManager.getCriteriaBuilder();
        CriteriaQuery<Usuario> historyCriteriaQuery = cb.createQuery(Usuario.class);
        Root<Historial> historialRoot = historyCriteriaQuery.from(Historial.class);
        historyCriteriaQuery.select(historialRoot.get("usuario").as(Usuario.class));
        Predicate historyConjunction = cb.conjunction();
        Calendar calendar = Calendar.getInstance();
        calendar.add(Calendar.DATE, -10);
        Date date = calendar.getTime();
        // usamos greaterThanOrEqualTo en lugar de ge dado que ge espera recibir dos Expresiones tipo Numero, y dado que
        // las fechas no son numeros, recurrimos a este otro metodo del Builder
        historyConjunction.getExpressions().add(cb.greaterThanOrEqualTo(historialRoot.get("fechaIngreso").as(Date.class), date));
        historyCriteriaQuery.where(historyConjunction);
        List<Usuario> userList = entityManager.createQuery(historyCriteriaQuery).getResultList();
        
        
        CriteriaQuery<Usuario> userCriteriaQuery = cb.createQuery(Usuario.class);
        Root<Usuario> usuarioRoot = userCriteriaQuery.from(Usuario.class);
        Predicate usuarioConjunction = cb.conjunction();
        // Agregamos una restriccion a la consulta de Usuarios, indicando que necesitamos que retorne unicamente
        // Los usuarios que estan en la lista que se pasa como parametro
        usuarioConjunction.getExpressions().add(usuarioRoot.in(userList));
        userCriteriaQuery.where(usuarioConjunction);
        List<Usuario> resultList = entityManager.createQuery(userCriteriaQuery).getResultList();
        System.out.println(date);
        return resultList;
    }

Bueno, aunque pueda ser que los ejemplos no tengan mucha correlación o que las restricciones (mas que todo en esta del IN) al parecer no tiene mucha lógica o se pudo evitar el IN agregando un historyCriteriaQuery.distinct(true); para que nos retornara de una sola vez los usuarios que su ultima actividad estuviera en un lapso de tiempo menor a diez días, el objetivo era mas que nada, mostrar como se aplica la sintaxis de los métodos y para que sirva de guia para alguna alma perdida en el ciber espacio. pero bueno, después de mucho de no postear nada, espero me halla dado a entender y si no, pues en verdad lo siento, he tratado de comentar el código he ir insertando pequeñas imagen es para que el lector tenga una idea mas clara de lo que deseo compartir.

Eso es todo, y espero comenten(No comentarios agresivos -.-) si tienen alguna duda, trataremos de darle solución...
Saludos!

ahhh por cierto, en este enlace quedan las entidades mapeadas por alguna duda.

How to: Upload Files with Ajax in CodeIgniter // Subir Archivos usando ajax en CodeIgniter

2012-01-07T11:03:00.000-08:00

Hola a todos. antes que nada espero que esten pasando un feliz nuevo año y que la mayoria de las metas propuestas puedan ser completadas :D
Bueno, empezando con el tema de la entrada, ahora veremos como subir archivos con el framework php CodeIgniter. para eso vamos a usar la libraria upload que nos proporciona el framework, seria bueno darle una leida al articulo del manual oficial :D.

Pero usando solamente la libreria del framework (que realiza su funcion de una manera excelente) no se logra obtener un funcionamiento asincrono,para ello vamos a usar este grandioso script de javascript el cual podemos descargar desde la web de los desarrolladores aca, en la pagina explican como hacer funcionar el escript, asi que lo que vamos a hacer aca es simplemente integrarlo son CodeIgniter y usar la libreria upload para eso. entonces iniciamos.

Para esto vamos a crear los siguientes archivos, en mi caso:

View/files--> uploadFile.php
Controllers--> FileController.php

y por ultimo necesitaremos la libreria de javascript JQuery y la jquery-ui.min, las cuales podemos descargar desde la pagina oficial de jquery.

una vez tengamos todos los archivos necesarios procedemos a crear la vista:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>Upload Files by McCubo...gnuteam.blogspot.com</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="<?= base_url("js/jquery.js"); ?>"></script>
        <script type="text/javascript" src="<?= base_url("js/jquery-ui.min.js"); ?>"></script>
        <script type="text/javascript" src="<?= base_url("js/ajaxfileupload.js"); ?>"></script>
        <link rel="stylesheet" href="<?= base_url("css/main.css"); ?>" />
        <link rel="stylesheet" href="<?= base_url("css/smoothness/jquery-ui-1.8.16.custom.css"); ?>" />
        <script type="text/javascript" >
            $(function() {
                $('#uploadFile').submit(function(e) {
                    e.preventDefault();
                    var doUploadFileMethodURL = "<?= site_url('fileController/doUploadFile'); ?>";
                    $.ajaxFileUpload({
                        url : doUploadFileMethodURL,
                        secureuri : false,
                        fileElementId :'userFile',
                        dataType : 'json',
                        data : { 'title' : $('#title').val() },
                        success  : function (data) {
                            var base_url = "<?= base_url("css"); ?>";
                            $(".userDialog")
                            .html(data.message)
                            .css("background", 'url('+base_url+"/"+data.background+') no-repeat right')
                            .dialog({
                                autoOpen: true,
                                show: "explode",
                                hide: "hide",
                                modal: true
                            });
                            if(data.status != 'error') {
                                $('#title').val('');
                            }
                        }
                    });
                    //                    return false;
                });
            });
        </script>
        <style type="text/css" >
            .userDialog{
                display: none;
            }
        </style>
    </head>
    <body>
            <fieldset style="width: 360px;"><legend>upload File</legend>
                <form action="" method="post" id="uploadFile" >
                    <label class="form">Title</label><input type="text" name="title" id="title" maxlength="40"/>
                    
                <label class="form">File</label><input type="file" id="userFile" name="userFile" size="20" />
                <input type="submit" id="submit" name="submit" value="Upload File!"/>
            </form>
        </fieldset>
        <div class="userDialog"></div>
    </body>
</html>

Bueno, lo que hay que tomar en cuenta es que en lugar de usar el .ajax que provee Jquery usaremos el .ajaxFileUpload del script que nos hemos descargado. Y En ese método indicamos (mediante el atributo url) la direccion del metodo que se va ejecutar (en nuestro caso el metodo del controlador), el tipo de dato, y los parametros que recibira ese metodo y lo mas importante el atributo fileElementId, donde indicamos el id que posee el componente de tipo 'file' en nuestro formulario.

Bueno, ahora procedemos a crear nuestro Controlador y el metodo que se llamara como lo hemos indicado en el javascript(doUploadFile)
Creamos el modelo:

<?php

class FileController extends CI_Controller {

    private $max_size = 1024;

    public function __construct() {
        parent::__construct();
        $this->load->library(array('upload', 'form_validation'));
        $this->load->helper(array('form', 'string'));
    }

    public function index() {
        $this->load->view('files/uploadFile');
    }

public function doUploadFile() {
        $status = '';
        $message = '';
        $background = '';
        $file_element_name = 'userFile';
        $this->form_validation->set_rules('title', 'Description', 'required|min_length[5]');
        if (!$this->form_validation->run()) {   // Validation Error
            $this->form_validation->set_error_delimiters('', '');
            $form_error_title = form_error('title');    //  catch file description field error
            $message = $form_error_title . "<br >";
            $status = 'error';
            $background = 'images/error.png';
        } else {
            if ($status != 'error') {
                $config['upload_path'] = './uploads/';
                $config['allowed_types'] = 'png|jpg|gif|doc|docx|pdf|txt|xsl|xslx|html|odf|rar|zip|7zip';
                $config['max_size'] = $this->max_size * 8;
                $config['overwrite'] = TRUE;
                $this->upload->initialize($config);
                if (!$this->upload->do_upload($file_element_name)) {    // Validation Errors. FAIL
                    $status = 'error';
                    $message = $this->upload->display_errors('', '');
                    $background = 'images/error.png';
                } else {
                    $data = $this->upload->data();
                    $title = $this->input->post('title');
      // casi siempre queremos guardar ese archivo en la base de datos. para eso llamamos el metodo del modelo indicado
                    // $insertFile = $this->SOME_MODEL->SAVE_FILE($data, $title);  // Llamada al modelo para guardar
      $insertFile = TRUE;
                    if ($insertFile) {  // File was added correctly to DB
                        $status = 'succees';
                        $message = 'File SuccessFully Uploaded!';
                        $background = 'images/saved.png';
                    } else {    // Record wasnt added to DB
                        unlink($data['full_path']); # Deletes the File
                        $status = 'error';
                        $message = 'Something went wrong!!...';
                        $background = 'images/error.png';
                    }
                }
                @unlink($_FILES[$file_element_name]);
            }
        }
        $json_encode = json_encode(array('message' => $message, 'status' => $status, 'background' => $background));
        echo $json_encode;
    }
?>

Con eso seremos capaz de subir archivos al servido, y si queremos guardar informacion del mismo en una tabla de la base de datos.
Espero me halla dado a entender, y que este pequeño ejemplo de como subir archivos sea util y funcional para alguien. Comenten si tienen problemas o dudas y vamos a tratar de encontrarles solucion :D.
Suscribanse al Feed o haganse seguidores del blog para estar al pendiente de nuevos post.
Hasta un nuevo post. Saludos!!!!

How to: Create Login with Ajax and CodeIgniter // Crear Login con Ajax y CodeIgniter

2011-12-08T08:36:00.001-08:00

Bueno, hola otra vez :D. Últimamente debido a mis pequeños momentos de ocio que he podido tener en el trabajo, me he dedicado a aprender un poco más (nunca esta de mas conocer un poco acerca de las tecnologías actuales :) ) acerca de programación web con PHP 5 y el framework CodeIgniter (version 2.1.0).

Haciendo un poco de lectura en la documentación oficial del framework he decidido llevar a la practica lo que ahí se expone, claro esta, incluyendo una que otra funcionalidad con la libraría de javascript JQuery (usando esta para las llamadas ajax a los controladores [llamadas a bases de datos y demás cosas]).

En este punto doy por entendido que ya tienes Apache, PHP y MySQL instalado, configurado y el Framework CodeIgniter configurado con la base de datos que vamos a usar, de no ser así leer la documentación oficial.
En la base de datos debemos tener una tabla llamada user/usuario/persona/ o como querrás llamarla, eso es irrelevante (en mi caso user), acá una imagen de la estructura:

Ahora crearemos.

una vista; la cual llamaremos userLogin.php y esta estara situada en application/views
un Controlador; UserController.php y lo guardamos en application/controllers
y por ultimo un modelo; UserModel.php, application/models

Creamos en la raíz del proyecto dos carpetas. llamadas

css. acá guardaremos (obviamente) las hojas de estilo y las imágenes del sistema
js. carpeta que almacenará la libreria de jquery y jquery-ui.min, entre otros scripts que deseemos crear.

Bueno una vez ya definido la estructura del sistema, ahora definiremos la lógica bajo la cual programaremos el Login.
Por el momento los campos que nos interesan de la tabla user con : password, nickname, email. mediante estos se validara al usuario.
Las llamadas a la base de datos serán de modo asíncronas lo cual nos va a permitir consultar la base de datos sin necesidad de refrescar el sitio entero.
Empecemos entonces creando el Modelo:

<?php

/**
 * @author McCubo
 * @copyright 2011
 * @license GPL V2.
 */
class UserModel extends CI_Model {

    public function __construct() {
        parent::__construct(); //Llamada al constructor padre. Must
    }

    /**
     * @author McCubo
     * @param String $ident Nickname o Email del usuario a buscar
     * @return userResult objeto usuario del respectivo nick o email, null si no existe
     */
    public function getUserFromIdent($ident) {
        $this->db->where('nickname', $ident);
        $this->db->or_where('email', $ident);
        $userResult = $this->db->get('user')->row();
        return $userResult;
    }
}
?>

Como podemos ver, la única función del modelo es ejecutar la consulta a la base de datos, creamos la consulta y la convertimos a un único objeto ->row(); retorna null si no existe usuario asociado al identificador proporcionando.
Cabe hacer notar que los campos nickname como email son únicos en la tabla user.
Ahora crearemos el Controlador:

<?php

/**
 * @author McCubo
 * @copyright 2011
 */
class UserController extends CI_Controller {

    public function __construct() {
        parent::__construct();
        $this->load->model('UserModel');
        $this->load->library(array('form_validation', 'session', 'encrypt'));
        $this->load->helper(array('security', 'form');
    }

    // Primer metodo al llamar al controlador
    public function index() {
        $this->load->view('userLogin');
    }
    
    // Metodo para logear usuario
    public function doLogin() {
        $this->form_validation->set_rules('userIdent', 'User Ident', 'required');
        $this->form_validation->set_rules('password', 'Password', 'required');
        if (!$this->form_validation->run()) {   // Falló la validación
            $message = validation_errors();
            $background = 'images/error.png';
        } else {    # Validacion paso sin problemas
            $userIdent = $this->input->post('userIdent');
            $password = $this->input->post('password');
            $user = $this->UserModel->getUserFromIdent($userIdent);
            if ($user != null) {    // usuario con $userIdent existe en systema
                if ($user->password == do_hash($password, 'md5')) { //Encriptamos la password (en la db se guarda encriptada)
                    $sessionData = array(
                        'username' => $user->nickname,
                        'email' => $user->email,
                        'loggedIn' => true
                    );
                    $this->session->set_userdata($sessionData); // agregamos info a la session
                    $message = "Now You're Logged in as " . $this->session->userdata('username');
                    $background = 'images/ok.png';
                } else {    // Wrong password
                    $message = "Password Incorrect!";
                    $background = 'images/error.png';
                }
            } else {    // user with $userIdent not Found in DB
                $message = "user Ident. " . $userIdent . " not found on McCubos System";
                $background = 'images/error.png';
            }
        }
        $returnedData = array(
            'message' => $message,
            'background' => $background
        );
        $jsonData = json_encode($returnedData);
        echo $jsonData; //array asociativo json format
    }
}
?>

Bueno una breve explicación. el método obtiene el identificado del usuario (puede ser nickname o email) y consulta si existe un registro con la información proporcionada (se ejecuta en el modelo). si el usuario existe, verificamos que la contraseña del formulario es igual a la contraseña que esta almacenada en la base de datos (codificadas con MD5). si ambas contraseñas coinciden, significa que la contraseña corresponde al registro con el identificador del usuario, iniciamos sesión con la cual controlaremos la seguridad de la pagina (mediante la propiedad loggedIn). de lo contrario se almacena en la variable mensaje el mensaje correspondiente al fallo que ocurrió en el proceso.
Al final imprimimos un arreglo en formato json.

para terminar y hacer funcionar el sistema de login creamos la vista, osea el formulario que llamará de forma asíncrona al método doLogin del controlador UserController.
La Vista:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>Login to McCubo's System</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="<?= base_url("js/jquery.js"); ?>"></script>
        <script type="text/javascript" src="<?= base_url("js/jquery-ui.min.js"); ?>"></script>
        <link rel="stylesheet" href="<?= base_url("css/main.css"); ?>" />
        <link rel="stylesheet" href="<?= base_url("css/smoothness/jquery-ui-1.8.16.custom.css"); ?>" />
        <script type="text/javascript" >

                $("#loginButton").click(function(){
                    var base_url = '<?= base_url('css'); ?>';
                    var doLoginMethodUrl = '<?= site_url("userController/doLogin") ?>';
                    var userIdent = $("#userIdent").val();
                    var password = $("#userPassword").val();                    
                    $.ajax({
                        type: "POST",
                        url: doLoginMethodUrl,
                        dataType: "json",                        
                        data: 'userIdent='+userIdent+"&password="+password,
                        cache: false,                        
                        success: function(data){
                            $(".userDialog")
                            .html(data.message)
                            .css("background", 'url('+base_url+"/"+data.background+') no-repeat right')
                            .dialog({
                                autoOpen: true,
                                show: "explode",
                                hide: "FadeOut"
                            })
                        }
                    });
                    return false;
                });
            });

        </script>
        <style type="text/css" >
            .userDialog{
                display: none; 
            }
        </style>
    </head>
    <body>
        <div class="userDialog"></div>
        <fieldset style="width: 300px;"><legend>user Data</legend>
            <?php form_open() ?>
            <label class="form">Nickname/Email</label><input type="text" name="userIdent" id="userIdent" />
            <label class="form">Password</label><input type="password" name="userPassword" id="userPassword" />
            <input type="submit" id="loginButton" name="loginButton" value ="Log in" />
            <?php form_close() ?>
        </fieldset>
    </body>
</html>

De esta forma hemos creado un login el cual efectua las llamadas al controlador de forma asíncrona y respetando el modelo vista controlador(MVC) separando la lógica de la aplicación :D.

Los resultados de un login exitoso seria como el de la imagen (user ident proporcionado nickname)

o (user ident proporcionado email):

Error en la validación de Campos:

Identificador Existe pero contraseña no corresponde a dicho registro:

Identificador no existe:

Bueno aplicarle estilo a la pagina principal lo dejo a ustedes, ya que en esta entrada no es CSS el objetivo de aprendizaje. x)
Por ahora dejamos esta entrada hasta acá, pero próximamente, si e Optimus Prime lo quiere y mi estado de animo no esta muy deteriorado, publicare futuros ejemplo de mantenimiento a la base de datos (Insert, Update, Delete) claro esta con Ajax ;).
Recuerden crear los directorio en el raiz, dicho directorios deben tener este contenido (o similar).

y el Contenedor del Css de jquery y del Sitio:

Espero haberme dado a entender con este pequeño post, también que a alguien ahí afuera le sirva o almenos lo tome de guía para mejorarlo o algo así x). Nos vemos en el siguente post.
Pásenla bien y gracias por leerme :)

How to: set MaxLength JTextfield // Setear longitud maxima de texto JTextField

2011-12-08T07:59:00.001-08:00

Hola a todos :D espero estén pasando bien y preparándose para la celebración de la Navidad (si es que la celebran claro :D). no hay nada de malo en no celebrarla pero muchas veces hay regalos y comida... y lo mejor de todo... Its FREE!! x).
Bueno ya pasando al tema en cuestión. muchas veces (por no decir todas) queremos validar desde la interfaz del usuario la cantidad máxima de caracteres que un campo puede soportar. Cuando creamos una aplicación web la tarea es mas que sencilla, simplemente (si mi memoria no me falla) se hace asi:

Fácil verdad :D. pero en Java. por diferentes razones no existe un método para lograr dicho comportamiento en nuestros JTextField. entonces nosotros creamos una clase a la cual le indicamos la longitud deseada. esto de la siguente manera:

package tester;

import javax.swing.text.AttributeSet;
import javax.swing.text.BadLocationException;
import javax.swing.text.PlainDocument;

/**
 *
 * @author McCubo
 * @website http://www.gnuteam.blogspot.com
 * @version 0.1
 */
public class TextLimiter extends PlainDocument {

    private Integer limit;

    public TextLimiter(Integer limit) {
        super();
        this.limit = limit;
    }
    /**
     * sobre escribimos este metodo de la clase PlainDocument
     * Si el limite es negativo o nulo no impone un limite al texto
     */
    @Override
    public void insertString(int offs, String str, AttributeSet a) throws BadLocationException {
        if (str == null) {
            return;
        }
        if (limit == null || limit < 1 || ((getLength() + str.length()) <= limit)) {
            super.insertString(offs, str, a);
        } else if ((getLength() + str.length()) > limit) {
            String insertsub = str.substring(0, (limit - getLength()));
            super.insertString(offs, insertsub, a);
        }
    }
}

Y para usarlo simplemente (después del initComponent, en caso de usar NetBeans IDE...~~como yo xD~~):

jTextField1.setDocument(new TextLimiter(10));

Como ven es simple de crear y fácil de implementar. Espero les sirva y espero comenten, esta vez no dejo archivo de descarga porque es simplemente una clase la que se debe crear.
Comenten y Nos vemos en otras entradas :D

How to: Change JInternalFrame Icons // Cambiar iconos de los JInternalFrame (maximizar, cerrar, minimizar)

2011-10-27T15:42:00.000-07:00

Hola a todos :D en esta ocasión vamos a ver como darle un aspecto un poco mas personalizado a nuestras aplicaciones swing en java. el objetivo de esta entrada es cambiar los botones de maximiza, minimizar y cerrar(en sus diferentes estados) de los JInternalFrames. He optado por usar la clase NimbusLookAndFeel para lograr el objetivo, lo hago de estar forma porque es un LookAndFeel bastante agradable a la vista y permite (como vimos en esta entrada) poner, de una forma super sencilla, barras traslucidas a los JInternalFrames.
Pasamos de tener algo como esto:

a algo aun mas bonito y personalizado(me refiero al aspecto de los botones de los JInternalFrames x)... por alguna duda que pueda surgir) como esto:

Como vamos a lograr eso?. la verdad super sencillo. algo asi:

Bueno antes de nada, una pequeña y breve introducción de lo que vamos a hacer.
Para empezar debemos tener en cuenta el estado que cada uno de los botones tiene, minimizar y cerrar comparten los mismo estados, los cuales son:

Pressed : cuando hacemos y sostenemos el click sobre el botón.
Enabled : este estado lo gana cuando la ventana que lo contiene gana el foco.
Enabled+WindowNotFocused : la ventana no tiene el foco.
MouseOver : el puntero esta sobre el área del botón.
MouseOver+WindowNotFocused : el puntero esta sobre el área del botón en una ventana inactiva (no poseedora del foco).

Mientras tanto Maximizar posee esos mismos estado pero agregando algunos mas propios de el, esos estados son :

Enabled+WindowMaximized : el botón maximizar pasa a ese estado cuando la ventana contenedora regresa true a la llamada del método isMaximum(), en otras palabras, si esta maximizada pero con el foco ganado.
MouseOver+WindowMaximized : el puntero esta sobre el área del botón y ademas la ventana esta maximizada.
Pressed+WindowMaximized : esta presionado y ventana padre maximizada.
MouseOver+WindowNotFocused : puntero sobre el botón con la condición que la ventana padre no sea poseedora del foco.
MouseOver+WindowMaximized+WindowNotFocused : bueno... este es una gran combinación de eventos: puntero sobre el botón con las condiciones que la ventana este maximizada pero no tenga el foco.

Cada botón tiene algunos otros estados, pero creo que con los mencionados el objetivo de dar a entender el funcionamiento se cubre perfectamente; si quieres agregar mas estados, los pasos básicamente serian igual :D
Primero crearemos la clase principal, la cual constara unicamente de una barra de menú y un jdesktopPane.
(si notan alguna similitud con el código de la entrada anterior es porque es el mismo código ^^, almenos esta clase)

import java.awt.BorderLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.util.HashMap;
import javax.swing.JDesktopPane;
import javax.swing.JInternalFrame;
import javax.swing.JMenu;
import javax.swing.JMenuBar;
import javax.swing.JMenuItem;
import javax.swing.UIManager;

/**
 *
 * @author McCubo
 */
public class LaFMain extends javax.swing.JFrame {

    private JMenuBar menu;
    private JMenu action;
    private JMenuItem actionItem;
    private static JDesktopPane jDesktopPane;

    public LaFMain() {
        initComponents();
        setVisible(true);
    }

    private void initComponents() {
        menu = new JMenuBar();
        action = new JMenu("Action");
        actionItem = new JMenuItem("perform Action");
        jDesktopPane = new JDesktopPane();
        setDefaultCloseOperation(EXIT_ON_CLOSE);
        setSize(600, 400);
        setLayout(new BorderLayout());
        jDesktopPane.setBorder(new BackgroundImage());
        actionItem.addActionListener(getListener());
        action.add(actionItem);
        menu.add(action);
        getContentPane().add(menu, BorderLayout.NORTH);
        getContentPane().add(jDesktopPane, BorderLayout.CENTER);
    }

    private ActionListener getListener() {
        return new ActionListener() {

            public void actionPerformed(ActionEvent e) {
                JIF jIF = new JIF();
                jIF.setVisible(true);
                jDesktopPane.add(jIF);
            }
        };
    }

    public static JDesktopPane getjDesktopPane() {
        return jDesktopPane;
    }

    public static void main(String[] args) {
        new LaFMain();
    }
}

class validador {

    public static HashMap<String, JInternalFrame> jIframes = new HashMap<String, JInternalFrame>();

    public static void addJIframe(String key, JInternalFrame jiframe) {
        jIframes.put(key, jiframe);
    }

    public static JInternalFrame getJInternalFrame(String key) {
        return jIframes.get(key);
    }
}

esta clase la guardamos con el nombre de LaFMain.java.
Ahora, creamos una clase que extienda de com.sun.java.swing.plaf.nimbus.NimbusLookAndFeel a esa clase la he llamado McLaFNimbus.java, esa clase solo tendrá 2 métodos y un constructor vació. y su código es el siguente:

import com.sun.java.swing.Painter;
import com.sun.java.swing.plaf.nimbus.NimbusLookAndFeel;
import java.awt.BasicStroke;
import java.awt.Graphics2D;
import java.awt.Image;
import java.awt.RenderingHints;
import javax.swing.ImageIcon;
import javax.swing.JComponent;
import javax.swing.UIDefaults;

/**
 *
 * @author McCubo
 */
public class McLaFNimbus extends NimbusLookAndFeel {

    public McLaFNimbus() {
        super();
    }

    @Override
    public UIDefaults getDefaults() {
        UIDefaults defaults = super.getDefaults();
        String closePressed = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.closeButton\"[Pressed].backgroundPainter";
        String closeEnable = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.closeButton\"[Enabled].backgroundPainter";
        String closeEnableNotFocused = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.closeButton\"[Enabled+WindowNotFocused].backgroundPainter";
        String closeRollOverNotFocus = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.closeButton\"[MouseOver+WindowNotFocused].backgroundPainter";
        String closeRollOver = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.closeButton\"[MouseOver].backgroundPainter";

        String iconEnable = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.iconifyButton\"[Enabled].backgroundPainter";
        String iconRollOver = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.iconifyButton\"[MouseOver].backgroundPainter";
        String iconPressed = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.iconifyButton\"[Pressed].backgroundPainter";
        String iconRollOverNotFocus = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.iconifyButton\"[MouseOver+WindowNotFocused].backgroundPainter";
        String iconNotFocus = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.iconifyButton\"[Enabled+WindowNotFocused].backgroundPainter";

        String maximizeEnable = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.maximizeButton\"[Enabled].backgroundPainter";
        String maximizeMaxEnable = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.maximizeButton\"[Enabled+WindowMaximized].backgroundPainter";
        String maximizeRollOverFocus = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.maximizeButton\"[MouseOver].backgroundPainter";
        String maximizeMaxRollOverFocus = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.maximizeButton\"[MouseOver+WindowMaximized].backgroundPainter";
        String maximizePressed = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.maximizeButton\"[Pressed].backgroundPainter";
        String maximizeMaxPressed = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.maximizeButton\"[Pressed+WindowMaximized].backgroundPainter";
        String maximizeNotFocus = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.maximizeButton\"[Enabled+WindowNotFocused].backgroundPainter";
        String maximizeRollOverNotFocus = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.maximizeButton\"[MouseOver+WindowNotFocused].backgroundPainter";
        String maximizeMaxNotFocus = "InternalFrame:InternalFrameTitlePane:\"InternalFrameTitlePane.maximizeButton\"[MouseOver+WindowMaximized+WindowNotFocused].backgroundPainter";

        defaults.put(closeEnableNotFocused, getPainter("src/resources/LookAndFeel/closeNotFocused.png"));
        defaults.put(closeRollOver, getPainter("src/resources/LookAndFeel/FrameCloseRoll.png"));
        defaults.put(closeEnable, getPainter("src/resources/LookAndFeel/FrameClose.png"));
        defaults.put(closePressed, getPainter("src/resources/LookAndFeel/FrameClosePush.png"));
        defaults.put(closeRollOverNotFocus, getPainter("src/resources/LookAndFeel/rollOverNotFocus.png"));

        defaults.put(iconEnable, getPainter("src/resources/LookAndFeel/iconEnable.png"));
        defaults.put(iconRollOver, getPainter("src/resources/LookAndFeel/iconRollOverFocus.png"));
        defaults.put(iconPressed, getPainter("src/resources/LookAndFeel/iconPush.png"));
        defaults.put(iconRollOverNotFocus, getPainter("src/resources/LookAndFeel/iconRollOverNotFocus.png"));
        defaults.put(iconNotFocus, getPainter("src/resources/LookAndFeel/iconNotFocus.png"));

        defaults.put(maximizeEnable, getPainter("src/resources/LookAndFeel/FrameMaximize.png"));
        defaults.put(maximizeMaxEnable, getPainter("src/resources/LookAndFeel/FrameRestore.png"));
        defaults.put(maximizeRollOverFocus, getPainter("src/resources/LookAndFeel/maximizeRollOverFocus.png"));
        defaults.put(maximizeMaxRollOverFocus, getPainter("src/resources/LookAndFeel/FrameRestoreMaxRollOver.png"));
        defaults.put(maximizePressed, getPainter("src/resources/LookAndFeel/FrameRestorePressed.png"));
        defaults.put(maximizeMaxPressed, getPainter("src/resources/LookAndFeel/FrameRestoreMaxPressed.png"));
        defaults.put(maximizeNotFocus, getPainter("src/resources/LookAndFeel/maximizeNotFocus.png"));
        defaults.put(maximizeRollOverNotFocus, getPainter("src/resources/LookAndFeel/maximizeRollOverNotFocus.png"));
        defaults.put(maximizeMaxNotFocus, getPainter("src/resources/LookAndFeel/maximizeMaxNotFocus.png"));
        return defaults;
    }

    public Painter<JComponent> getPainter(final String path) {
        return new Painter<JComponent>() {

            public void paint(Graphics2D g, JComponent object, int width, int height) {
                g.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
                g.setStroke(new BasicStroke(2f));
                g.drawImage(ImageUtils.getScaledImage(path).getImage(), 0, 0, null);
            }
        };
    }
}
class ImageUtils {

    /**
     *
     * @param URL direccion de la imagen dentro del proyecto
     * @return una Imagen redimensionada a 16 x 16
     */
    public static ImageIcon getScaledImage(String path){
        ImageIcon sourceIcon = new ImageIcon(path);
        ImageIcon scaledIcon = new ImageIcon(sourceIcon.getImage().getScaledInstance(16, 16, Image.SCALE_DEFAULT));
        return scaledIcon;
    }

}

y creamos un pequeño cambio en la clase principal, en el constructor, antes del método initComponents(); agregamos el siguiente código:

        try {
            UIManager.setLookAndFeel(new McLaFNimbus());
        } catch (Exception ex) {
            System.out.println(ex);
        }

Lo corremos y ya!! tenemos iconos personalizados en nuestra aplicación java :D. como siempre el código completo de la aplicación lo pueden encontrar en el enlace de descarga justo al final de la entrada.

PD1. Este método solo funciona con NimbusLookAndFeel, si quieres usar otro Look and Feel (MetalLookAndFeel por ejemplo) es totalmente diferente.
PD2.No se si existe otra forma mas sencilla o con menos vueltas para lograr lo que acá he comentado. de ser asi... compartan el hipervínculo xD.

Bueno eso es todo. espero les guste/funcione/sirva/puedan aprender algo, y para cualquier duda o sugerencia comenten :D. Si esta entrada o alguna otra del blog te ha servido comparte el enlace del blog para que ~~me ayudes a conquistar el mundo~~ el conocimiento llegue a otras personas que también lo necesitamos. Saludos, nos vemos!!!!

el código fuente completo y demás cosas acá

Abrir JInternalFrame desde otro JInternalFrame

2011-10-21T14:13:00.000-07:00

Hola como respuesta a un comentario en esta entrada ~~(por fin alguien comenta en el blog xD)~~ . veremos (justo lo que solicitan e indica el titulo de la entrada)
Crearemos 3 Clases.(LafMain.java, JIF.java, JIF2.java)
el codigo de JIF2.java no lo escribo porque es un JinternalFrame vacio :D

Si necesitan o quieren ver como crear un menú pueden entrar acá o acá :D
la clase principal:

import java.awt.BorderLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.util.HashMap;
import javax.swing.JDesktopPane;
import javax.swing.JInternalFrame;
import javax.swing.JMenu;
import javax.swing.JMenuItem;
import javax.swing.UIManager;

/**
 *
 * @author McCubo
 */
public class LaFMain extends javax.swing.JFrame {

    private JMenuBar menu = new JMenuBar();
    private JMenu action = new JMenu("Action");
    private JMenuItem actionItem = new JMenuItem("perform Action");
    private static JDesktopPane jDesktopPane = new JDesktopPane();
    private static McLaFNimbus mcLaFNimbus;

    public LaFMain() {
        initComponents();
        setVisible(true);
    }

    private void initComponents() {
        setDefaultCloseOperation(EXIT_ON_CLOSE);
        setSize(600, 400);
        setLayout(new BorderLayout());
        actionItem.addActionListener(getListener());
        action.add(actionItem);
        menu.add(action);
        getContentPane().add(menu, BorderLayout.NORTH);
        getContentPane().add(jDesktopPane, BorderLayout.CENTER);
    }

    private ActionListener getListener() {
        return new ActionListener() {

            public void actionPerformed(ActionEvent e) {
                JIF jIF = new JIF();
                jIF.setVisible(true);
                jDesktopPane.add(jIF);
            }
        };
    }

    public static JDesktopPane getjDesktopPane() {
        return jDesktopPane;
    }

    public static void main(String[] args) {
        new LaFMain();
    }
}

class validador {

    public static HashMap<String, JInternalFrame> jIframes = new HashMap<String, JInternalFrame>();

    public static void addJIframe(String key, JInternalFrame jiframe) {
        jIframes.put(key, jiframe);
    }

    public static JInternalFrame getJInternalFrame(String key) {
        return jIframes.get(key);
    }
}

Listo, un JFrame bastante sencillo, con una barra de menú en la parte superior y en el centro un JDesktopPane (tipo statico debido que el método que lo retorna es estatico).
ahora crearemos JInternalFrame que llamara a otro JInternalFrame (el diseño con la ayuda del IDE NetBeans) y el listener del boton.
la clase en cuestion:

import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.JInternalFrame;

/**
 *
 * @author McCubo
 */
public class JIF extends javax.swing.JInternalFrame {

    /** Creates new form JIF */
    public JIF() {
        setTitle("TITULO");
        initComponents();
        jButton1.addActionListener(getButtonActionListener());
    }

    private ActionListener getButtonActionListener(){
        return new ActionListener(){

            public void actionPerformed(ActionEvent e) {
                JInternalFrame ji = validador.getJInternalFrame(JIF2.class.getName());
                if(ji == null || ji.isClosed()){
                    ji = new JIF2();
                    LaFMain.getjDesktopPane().add(ji);
                    validador.addJIframe(JIF2.class.getName(), ji);
                }
                ji.setVisible(true);
            }

        };
    }
    /*Codigo del diseño Generado por Netbeans*/

y esto seria el resultado:

How To: Create Dinamic menu from XML file Java // Crear menu dinamico desde XML en Java

2011-10-12T08:18:00.000-07:00

Hola a todos, ahora lo que vamos a ver es como generar un menú y sus opciones hijas desde un xml, esto desde mi humilde punto de vista es bastante útil, dado que estar generando el menú desde código en java lleva mucho tiempo, y si queremos agregar otra opción al menú, se tienen que hacer demasiados cambios al código; con esto no quiero decir que con esta forma que veremos a continuación no se tiene que cambiar nada cuando se quiera cambiar la estructura del código, pero si los cambios son mínimos y el esfuerzo también.

Para empezar veremos el resultado final (para que se animen mas a seguir leyendo ^^).

y la otra opción de menú:

Como podemos ver en la segunda imagen, el menú puede tener tantas opciones anidadas como nosotros deseemos.
Ahora veremos la estructura en el xml:

<?xml version="1.0" encoding="UTF-8"?>
<menu itemLabel="McCuboMenu" key="null">
    <node itemLabel="File" key="file" icon="src/CustomJMenuXML/resources/default.png">
        <leaf itemLabel="Save" key="file.save" icon="src/CustomJMenuXML/resources/save_as.png"/>
        <node itemLabel="Save As..." key="file.save.as" icon="src/CustomJMenuXML/resources/save_as.png" >
            <leaf itemLabel="PDF" key="file.save.as.pdf" icon="src/CustomJMenuXML/resources/pdf_format.png" />
            <leaf itemLabel="HTML" key="file.save.as.html" icon="src/CustomJMenuXML/resources/html_format.png" />
            <leaf itemLabel="PPT" key="file.save.as.ppt" icon="src/CustomJMenuXML/resources/ppt_format.png" />
            <leaf itemLabel="XLS" key="file.save.as.xls" icon="src/CustomJMenuXML/resources/xls_format.png" />
            <node itemLabel="Other" key="file.format.other" icon="src/CustomJMenuXML/resources/default.png">
                <leaf itemLabel="LXDE" key="file.format.other.lxde" icon="src/CustomJMenuXML/resources/default.png" />
                <node itemLabel="Other" key="file.format.other" icon="src/CustomJMenuXML/resources/default.png">
                    <leaf itemLabel="Other_Other" key="file.format.other.other_other" icon="src/CustomJMenuXML/resources/default.png" />
                </node>
            </node>
        </node>
    </node>
    <node itemLabel="O.S and Apps" key="os.app" icon="src/CustomJMenuXML/resources/windows.png">
        <leaf itemLabel="Compiz Fusion" key="os.app.fusion" icon="src/CustomJMenuXML/resources/fusion.png" />
        <leaf itemLabel="Chrome" key="os.app.chrome" icon="src/CustomJMenuXML/resources/chrome.png" />
        <node itemLabel="Debian" key="os.app.debian" icon="src/CustomJMenuXML/resources/debian.png" >
            <leaf itemLabel="Stable" key="os.app.debian.stable" icon="src/CustomJMenuXML/resources/default.png" />
            <leaf itemLabel="Testing" key="os.app.debian.testing" icon="src/CustomJMenuXML/resources/default.png" />
        </node>
    </node>
</menu>

ese archivo lo guardaremos como menuDefinition.xml, como pueden apreciar ese xml no tiene DTD , por motivos de tiempo x). pero seria bueno que ustedes si lo aplicaran x).

La estructura del xml es sencilla, los elementos node, son aquellos elementos que tienen mas elementos dentro (osea son un menú contenedor) y los elementos leaf son los elementos de ultimo nivel.
Cada elemento de la definición del menú tiene los siguientes atributos:

itemLabel: texto que mostrara dicho elemento en el menú.
key: identificador del elemento (trataremos que este sea único)
icon: icono del elemento.

La primera clase que crearemos será ImageUtils.java dicha clase tendrá un método estático el cual nos retornara una imagen re dimensionada para poder incluirla en el elemento del menú.

package CustomJMenuXML.source;

import java.awt.Image;
import javax.swing.ImageIcon;

/**
 *
 * @author McCubo
 */
public class ImageUtils {

    /**
     *
     * @param URL direccion de la imagen dentro del proyecto
     * @return una Imagen redimensionada a 16 x 16
     */
    public static ImageIcon getScaledImage(String URL){
        ImageIcon sourceIcon = new ImageIcon(URL);
        ImageIcon scaledIcon = new ImageIcon(sourceIcon.getImage().getScaledInstance(16, 16, Image.SCALE_DEFAULT));
        return scaledIcon;
    }

}

ahora crearemos una clase que extienda de javax.swing.JMenu y la nombraremos CustomJMenu.java.

package CustomJMenuXML.source;

import javax.swing.ImageIcon;

/**
 *
 * @author McCubo
 */
public class CustomJMenu extends javax.swing.JMenu{

    private String label;
    private ImageIcon icon;

    public CustomJMenu(String label, ImageIcon icon) {
        super(label);
        this.label = label;
        this.icon = icon;
        setIcon(this.icon);
    }

}

En realidad no era necesario crear esta clase, el único motivo por el cual la he creado es para crearle un constructor al JMenu en el cual reciba como parámetro el icono del elemento y no tener que estar llamando al método setIcon(ImageIcon) cada vez que se crea un nuevo elemento de menú. pero bueno, ustedes valoraran si como se les sea mas útil ^^

Ahora, no estoy del todo seguro que esta sea la mejor forma de agregarle los ActionListener a cada uno de los elementos del menú, así que cualquier observación o sugerencia para realizar esta tarea de una forma mas efectiva, lo agradecería. igual encontré formas que eran menos ... no se, estéticas o eficientes x) así que mejor he decidido implementar la forma que se me ocurrió x).
Crearemos una clase que extienda de javax.swing.JMenuItem y que implemente java.awt.event.ActionListener esa clase la llamaremos CustomJMenuItem.java.

package CustomJMenuXML.source;

import java.awt.event.ActionListener;
import javax.swing.ImageIcon;

/**
 *
 * @author McCubo
 */
public class CustomJMenuItem extends javax.swing.JMenuItem implements java.awt.event.ActionListener {

    private String key;

    public CustomJMenuItem(String label, ImageIcon icon, String key) {
        super(label, icon);
        this.key = key;
        addActionListener(getActionListener());
    }

    private ActionListener getActionListener() {
        return this;
    }

    public void actionPerformed(java.awt.event.ActionEvent e) {
        if (key.equals("os.app.chrome")) {
            System.out.println("os.app.chrome");
        }
        /*
         * aqui todos los IF para cada una de las opciones del menu, por eso
         * digo que no es muy eficiente este metodo, muchos IF, pero ni modo xD
         */
    }
}

y por ultimo, creamos lo que será la barra de menú de nuestra aplicación. extendemos una clase de javax.swing.JMenuBar y la llamamos CustomXMLMenu.java. dicha clase deberá quedarnos así:

package CustomJMenuXML.source;

import java.util.ArrayList;
import java.util.List;
import javax.swing.JMenuBar;
import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import org.w3c.dom.Document;
import org.w3c.dom.Element;
import org.w3c.dom.Node;
import org.w3c.dom.NodeList;

/**
 *
 * @author McCubo
 * @version 0.5.1
 */
public class CustomXMLMenu extends JMenuBar {

    private Document document;

    public CustomXMLMenu() {
        try {
            Document doc = null;
            DocumentBuilderFactory docBuilderFactory = DocumentBuilderFactory.newInstance();
            DocumentBuilder docBuilder = docBuilderFactory.newDocumentBuilder();
            doc = docBuilder.parse(getClass().getResourceAsStream("menuDefinition.xml"));
            doc.normalize();
            this.document = doc;
            Element root = getRoot();
            for (Element element : getChildList(root)) {
                CustomJMenu customJMenu = new CustomJMenu(element.getAttribute("itemLabel"), ImageUtils.getScaledImage(element.getAttribute("icon")));
                addChildsToNode(customJMenu, getChildList(element));
                add(customJMenu);
            }
        } catch (Exception ex) {
            System.out.println(ex.toString());
        }
    }

    private void addChildsToNode(CustomJMenu menu, List<element> childList) {
        for (Element element : childList) {
            if (!getChildList(element).isEmpty()) {
                CustomJMenu customJMenu = new CustomJMenu(element.getAttribute("itemLabel"), ImageUtils.getScaledImage(element.getAttribute("icon")));
                addChildsToNode(customJMenu, getChildList(element));
                menu.add(customJMenu);
            } else {
                String label = element.getAttribute("itemLabel");
                String key = element.getAttribute("key");
                CustomJMenuItem jMenuItem = new CustomJMenuItem(label, ImageUtils.getScaledImage(element.getAttribute("icon")), key);
                menu.add(jMenuItem);
            }
        }
    }

    private Element getRoot() {
        if (document == null) {
            return null;
        }
        List<element> list = getChildList(document);
        if (list.size() > 0) {
            return list.get(0);
        }
        return null;
    }

    private List<element> getChildList(Node node) {
        List<element> list = new ArrayList<element>();
        NodeList nodeList = node.getChildNodes();
        for (int i = 0; i < nodeList.getLength(); i++) {
            if (nodeList.item(i).getNodeType() == Node.ELEMENT_NODE) {
                list.add((Element) nodeList.item(i));
            }
        }
        return list;
    }
}

eso seria todo para crear nuestra barra de menú. ahora simplemente la agregamos a nuestra aplicación, creando una instancia de esta y agregándola al contenedor. asii:

package CustomJMenuXML.source;

import java.awt.BorderLayout;
import java.awt.Dimension;

/**
 *
 * @author McCubo
 * @version 0.7.6
 */
public class JMenuXMLMain extends javax.swing.JFrame {

    private CustomXMLMenu menu = new CustomXMLMenu();

    public JMenuXMLMain() {
        initComponents();
        setVisible(true);
    }

    private void initComponents() {
        setDefaultCloseOperation(EXIT_ON_CLOSE);
        setLayout(new BorderLayout());
        setSize(new Dimension(300, 350));
        getContentPane().add(menu, BorderLayout.NORTH);
    }

    public static void main(String[] args) {
        new JMenuXMLMain();
    }
}

Como podemos ver, el código Java permanece mas legible que si creáramos el menú desde este archivo.

Espero que te sirva, puedas compartir con alguien que lo necesite, simplemente aprender del código y, porque no, mejorarlo y mandármelo ya corregido xD (no, no es broma).

Link de descarga de la aplicacion completa
Nos vemos a la próxima, y saludos!

Debian tambien es atractivo para el usuario final

2011-10-11T07:06:00.000-07:00

mmm Hola :D, pues después de algún tiempo de no publicar algo relacionado directamente con el O.S Gnu/Linux, pues quiero volver a darle continuidad a compartir y hacer ver las ventajas que un sistema operativo de ideología libre te puede ofrecer, pues la foto de ahora, quiero dar a demostrar que Gnu/Linux no es esto:

sino que puede ser esto (siempre que el usuario lo desee):

(y siempre con el apoyo de la poderosa terminal para tareas básicas, configuraciones, instalación o algún otro trabajito)

y con la cuestión de los controladores, wireless, vídeo, audio, cámara web integrada, lectores de tarjetas SD, puertos USB, etc. de todo eso lo unico que tuve que buscar información (alrededor de 15 minutos) fue para la tarjeta de red inalámbrica, que gracias a que la corporación que fabrica los chip ha liberado los drivers, instalar los drivers fue mas facil que decir "tres tristes tigres comían trigo entres tristes platos"... bueno eso es un poco difícil la verdad xD pero instalar los drivers no lo fue tanto, se los aseguro.
Los demás dispositivos Debian los instalo perfecta mente desde un inicio. Bonito Debian no? :D

Con eso lo que quiero decir es que cuando el software libre recibe apoyo de las grandes corporaciones de Hardware. cada vez Debian y las otras distribuciones basadas en Gnu/Linux serán mas faciles de usar/configurar :D.

y con lo de la estabilidad rendimiento, mmm pues no me quejo, corre rapido y fluido con unas pocas aplicaciones ejecutandose (tampoco se puede hacer milagros con una mini-laptop con recursos super limitados)... aunque pensandolo bien, instalando un gestor de escritorio mas liviano; como fluxbox (que tambien es bonito), esta pequeña maquina no tendria que envidiar a ninguna dual Core :D...pero me gusta KDE x) asi que sacrificare un poco el rendimiento por el buen estilo que brinda este maravilloso entorno :D

Bueno con este pequeño aporte espero que mas de alguno se anime a instalar Debian (no en VirtualBox o VMWare ) en cualquiera de sus ramas (Stable. Testing o SID) dependera tus gustos; tutoriales hay infinidad en la red, por lo tanto no saturare la red con otro mas indicando como instalar o que paquetes son equivalentes a otros en sistemas windows.

Ahora bien, espero aportar algunos tips/trucos desde consola y por el momento eso es todo :D espero animarlo y a comprender que el software libre es mas que software que no requiere del pago de una licencia para poder usarlo, sino mas bien, el software libre es todo un mundo de libertad en el cual tus conocimentos pueden ampliarse enormemente con la ayuda de la comunidad de usuarios que sin animos de lucro brindan ayuda a todos nosotros que nos vamos iniciando en este gran sistema.
Llevo alrederor de 3 o 4 años usando Gnu/Linux Debian, para diferentes propositos,pero para cada uno de los propositos me ha funcionado mas que perfecto. no me canso de invitarte a probarlo y que le des tiempo para que se pueda encariñar x). y cuando eso pase :D ya no necesitaras un Dual Boot para tener windows.

Saludos a todos aquellos que leen esto desde un S.O Libre :D y para aquellos que se animaran a tenerlo en sus Pc's. Saludos y que la pasen genial :D
hasta el proximo post. :D

HOW TO: Llenar Swing Jtree con archivo XML

2011-10-07T14:23:00.000-07:00

Hola a todos :). espero la estén pasando genial; y si no es así, almenos que no la estén pasando mal x).
Ahora pienso compartir algo que a mi parecer es muy útil (almenos en su debido momento me sirvió mucho) y es llenar un un Jtree desde un archivo xml. bueno, iniciemos entonces :D

Para empezar vamos a crear una sencilla clase que se llamará XMLTreeNode.java, dicha clase solo poseerá una propiedad Element (dicho tipo (interface que extiende de Node) representa un elemento ~~un poco obvio no?~~ xD en un documento HTML o XML, para nuestro caso un xml), un método getElement() que nos devuelve la propiedad, el método toString() (obviamente sobre escrito) y un método getKey(), entenderemos su uso a medida avancemos con la lectura. Quedando el código de la siguiente manera:

package CustomJtreeXML;

import org.w3c.dom.Element;

/**
 *
 * @author McCubo
 * @version 0.9
 */
public class XMLTreeNode {

    private Element element;

    public XMLTreeNode(Element element) {
        this.element = element;
    }

    @Override
    public String toString() {
        return element.getAttribute("NodeLabel");
    }

    public Element getElement() {
        return element;
    }

    public String getKey() {
        return element.getAttribute("key");
    }
}

Ahora crearemos otra clase, la cual llamaremos XMLTreeModel.java, la cual implementará la interface TreeModel, una vez hecho esto, implementamos los métodos de dicha interface y nuestras clase se deberia ver algo asi:

package CustomJtreeXML;

import javax.swing.event.TreeModelListener;
import javax.swing.tree.TreeModel;
import javax.swing.tree.TreePath;

/**
 *
 * @author McCubo
 */
public class XMLTreeModel implements TreeModel{

    public Object getRoot() {
        throw new UnsupportedOperationException("Not supported yet.");
    }

    public Object getChild(Object parent, int index) {
        throw new UnsupportedOperationException("Not supported yet.");
    }

    public int getChildCount(Object parent) {
        throw new UnsupportedOperationException("Not supported yet.");
    }

    public boolean isLeaf(Object node) {
        throw new UnsupportedOperationException("Not supported yet.");
    }

    public void valueForPathChanged(TreePath path, Object newValue) {
        throw new UnsupportedOperationException("Not supported yet.");
    }

    public int getIndexOfChild(Object parent, Object child) {
        throw new UnsupportedOperationException("Not supported yet.");
    }

    public void addTreeModelListener(TreeModelListener l) {
        throw new UnsupportedOperationException("Not supported yet.");
    }

    public void removeTreeModelListener(TreeModelListener l) {
        throw new UnsupportedOperationException("Not supported yet.");
    }

}

Por el momento nada del otro mundo todo ese código, simplemente la implementación de los métodos que proporciona la interface.

Implementamos los métodos la interface (y claro esta) agregamos métodos propios para darle mayor funcionamiento a la clase, y nuestra clase debería de verse de la siguiente manera:

package CustomJtreeXML;

import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import java.util.logging.Level;
import java.util.logging.Logger;
import javax.swing.event.TreeModelEvent;
import javax.swing.event.TreeModelListener;
import javax.swing.tree.TreeModel;
import javax.swing.tree.TreePath;
import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import javax.xml.parsers.ParserConfigurationException;
import org.w3c.dom.Document;
import org.w3c.dom.Element;
import org.w3c.dom.Node;
import org.w3c.dom.NodeList;
import org.xml.sax.SAXException;

/**
 *
 * @author McCubo
 */
public class XMLTreeModel implements TreeModel {

    private Document document;
    private List<TreeModelListener> listeners = new ArrayList<TreeModelListener>();

    /**
     *
     * @param xmlDoc nombre del documento xml a leer
     */
    public void readDocument(String xmlDoc) {
        Document doc = null;
        try {
            DocumentBuilderFactory dbFactory = DocumentBuilderFactory.newInstance();
            DocumentBuilder docBuilder = dbFactory.newDocumentBuilder();
            doc = docBuilder.parse(getClass().getResourceAsStream(xmlDoc));
            doc.normalize();
            this.document = doc;
            TreeModelEvent evt = new TreeModelEvent(this, new TreePath(getRoot()));
            for (TreeModelListener listener : listeners) {
                listener.treeStructureChanged(evt);
            }
        } catch (ParserConfigurationException ex) {
            Logger.getLogger(XMLTreeMain.class.getName()).log(Level.SEVERE, null, ex);
        } catch (SAXException ex) {
            Logger.getLogger(XMLTreeMain.class.getName()).log(Level.SEVERE, null, ex);
        } catch (IOException ex) {
            Logger.getLogger(XMLTreeMain.class.getName()).log(Level.SEVERE, null, ex);
        }
    }


    public void addTreeModelListener(TreeModelListener listener) {
        if (!listeners.contains(listener)) {
            listeners.add(listener);
        }
    }

    public void removeTreeModelListener(TreeModelListener listener) {
        listeners.remove(listener);
    }

    public Object getChild(Object parent, int index) {
        if (parent instanceof XMLTreeNode) {
            List<Element> elements = getChildElements(((XMLTreeNode) parent).getElement());
            return new XMLTreeNode(elements.get(index));
        } else {
            return null;
        }
    }

    public int getChildCount(Object parent) {
        if (parent instanceof XMLTreeNode) {
            List<Element> elements = getChildElements(((XMLTreeNode) parent).getElement());
            return elements.size();
        }
        return 0;
    }

    public int getIndexOfChild(Object parent, Object child) {
        if (parent instanceof XMLTreeNode && child instanceof XMLTreeNode) {
            Element pElement = ((XMLTreeNode) parent).getElement();
            Element cElement = ((XMLTreeNode) child).getElement();
            if (cElement.getParentNode() != pElement) {
                return -1;
            }
            List<Element> elements = getChildElements(pElement);
            return elements.indexOf(cElement);
        }
        return -1;
    }

    public Object getRoot() {
        if (document == null) {
            return null;
        }
        List<Element> elements = getChildElements(document);
        if (elements.size() > 0) {
            return new XMLTreeNode(elements.get(0));
        } else {
            return null;
        }
    }

    public boolean isLeaf(Object node) {
        if (node instanceof XMLTreeNode) {
            Element element = ((XMLTreeNode) node).getElement();
            List<Element> elements = getChildElements(element);
            return elements.isEmpty();
        } else {
            return true;
        }
    }

    public void valueForPathChanged(TreePath path, Object newValue) {
        //not used
    }

    /**
     *
     * @param node Elemento del cual necesitamos obtener sus elementos hijos
     * @return Lista de elementos hijos del nodo especificado
     */
    private List<Element> getChildElements(Node node) {
        List<Element> elements = new ArrayList<Element>();
        NodeList list = node.getChildNodes();
        for (int i = 0; i < list.getLength(); i++) {
            if (list.item(i).getNodeType() == Node.ELEMENT_NODE) {
                elements.add((Element) list.item(i));
            }
        }
        return elements;
    }
}

Por ultimo solo tenemos que crear una clase que extienda de javax.swing.Jtree. Esa clase la llamaremos XMLTree y su codigo seria algo asi:

package CustomJtreeXML;

/**
 *
 * @author McCubo
 */
public class XMLTree extends javax.swing.JTree {

    private XMLTreeModel xMLTreeModel;

    public XMLTree() {
        super();
        xMLTreeModel = new XMLTreeModel();
        setModel(xMLTreeModel);
        setEditable(false);
    }

    public XMLTreeNode getSelectedNode() {
        if (getSelectionPath() != null) {
            return (XMLTreeNode) getSelectionPath().getLastPathComponent();
        }
        return null;
    }

    /**
     *
     * @return Lista de Nodos los cuales tienen el foco
     */
    public List<XMLTreeNode> getSelectedNodes() {
        List<XMLTreeNode> selectedNodes = new ArrayList<XMLTreeNode>();
        TreePath[] selectionPaths = getSelectionPaths();
        for (TreePath treePath : selectionPaths) {
            if (treePath.getLastPathComponent() instanceof XMLTreeNode) {
                XMLTreeNode node = (XMLTreeNode) treePath.getLastPathComponent();
                selectedNodes.add(node);
            }
        }
        return selectedNodes;
    }

    public void addTreeListener(javax.swing.event.TreeSelectionListener aListener) {
        addTreeSelectionListener(aListener);
    }

    @Override
    public XMLTreeModel getModel() {
        return xMLTreeModel;
    }
}

Ahora, si usas NetBeans, compila el proyecto y agregalo(XMLTree) a la paleta de componentes y ya :D. pero como me falta como 2 horas para salir del trabajo, vamos a crear un ejemplo sencillo de como implementarlo. para esto crearemos una clase llamada XMLTreeMain.java. La cual nos quedara asi:

package CustomJtreeXML;

import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.JButton;
import javax.swing.event.TreeSelectionEvent;
import javax.swing.event.TreeSelectionListener;

/**
 *
 * @author McCubo
 */
public class XMLTreeMain extends javax.swing.JFrame {

    private XMLTree xMLTree;
    private JButton button = new JButton("getValue");

    public XMLTreeMain() {
        super("TreeXML");
        initComponents();
        setVisible(true);
    }

    private void initComponents() {
        setDefaultCloseOperation(EXIT_ON_CLOSE);
        setLayout(new BorderLayout());
        setSize(new Dimension(300, 250));
        xMLTree = new XMLTree();
        xMLTree.getModel().readDocument("demo.xml");
        xMLTree.addTreeListener(treeListener());
        button.addActionListener(buttonListener());
        getContentPane().add(xMLTree, BorderLayout.CENTER);
        getContentPane().add(button, BorderLayout.SOUTH);
    }

    private ActionListener buttonListener() {
        return new ActionListener() {

            public void actionPerformed(ActionEvent e) {
                System.out.println(xMLTree.getSelectedNode().getKey());
                for (XMLTreeNode xMLTreeNode : xMLTree.getSelectedNodes()) {
                    System.out.println(xMLTreeNode.getKey());
                }
            }
        };
    }

    private TreeSelectionListener treeListener() {
        return new TreeSelectionListener() {

            public void valueChanged(TreeSelectionEvent e) {
                Object lastPathComponent = e.getPath().getLastPathComponent();
                if (lastPathComponent instanceof XMLTreeNode) {
                    XMLTreeNode selectedNode = (XMLTreeNode) lastPathComponent;
                    System.out.println("node selected = " + selectedNode.getKey());
                }
            }
        };
    }

    public static void main(String[] args) {
        new XMLTreeMain();
    }
}

ahhh y por ultimo la estructura del archivo xml (demo.xml) en mi caso es asi:

<?xml version="1.0"?>
<root NodeLabel="root" key="">

  <node NodeLabel="A" key="">
  	<node NodeLabel="AA" key="1NodeChild.A">
		<entry NodeLabel="AAA" key="1NodeChild.Aa" />
	</node>
  	<entry NodeLabel="AB" key="2NodeChild.A" />
	<entry NodeLabel="AC" key="3NodeChild.A" />
	<entry NodeLabel="AD" key="4NodeChild.A" />
  </node>
   <node NodeLabel="B" key="">
  	<entry NodeLabel="BA" key="1NodeChild.B" />
  	<entry NodeLabel="BB" key="2NodeChild.B" />
	<entry NodeLabel="BC" key="3NodeChild.B" />
	<entry NodeLabel="BD" key="4NodeChild.B" />
  </node>
  <node NodeLabel="C" key="">
  	<entry NodeLabel="CA" key="1NodeChild.C" />
  	<entry NodeLabel="CB" key="2NodeChild.C" />
	<entry NodeLabel="CC" key="3NodeChild.C" />
	<entry NodeLabel="CD" key="4NodeChild.C" />
  </node>
</root>

Bueno eso es todo por este post :D. espero al alguien en algun universo paralelo le sirva xD. solo una cuestion mas, el .xml debe estar en la misma carpeta y mismo nivel o inferior al que el TreeModel. dejo un enlace de descarga del projecto por alguna duda... sin mas que agregar.. nos vemos :-)

Enlace de Descarga

HOW TO: JDesktopPane Background Image, JInternalFrame Transparent Title Bar

2011-09-06T14:48:00.000-07:00

Hey hola a todos :) mas de alguna vez hemos querido darle un aspecto un poco mas vistoso a nuestras aplicaciones Swing en Java, ademas de eso, como todos sabemos algunos Look and Feel nos ayudan bastante (como el caso de Nimbus), pero aun asi, no estamos conforme con el resultado final.
Entonces supongamos que nuestra aplicacion se mira asi:

ummmm... la verdad, por muy bueno que sea el funcionamiento de la aplicacion no deja de ser un poco "aburrida" para el usuario final (al cual casi siempre le gusta ver que las pantallas tengas fuegos artificiales).
Obviamente no puedo hacer que las pantallas tengas dichos efectos x) pero almenos vamos a mejorar su aspecto haciendo la barra de titulo transparentes y una imagen de fondo a la pantalla principal. quedando el resultado final:

Bueno ahora es el momento indicado para decir: "No es lo que estoy buscando!!! esto no me sirve" y hacer clic en el icono de la flecha de "go back" de tu navegador x).

Ok, si aun estas leyendo significa que tu piensas que el siguiente código puede ser de utilidad en alguna aplicación que estes desarrollando, asi que empecemos.

Voy empezar explicando como se logra la transparencia en los JInternalFrame. en verdad es muy sencillo y simple como crear una subclase de JInternalFrame y sobre-escribir el método paintComponent.
Entonces nuestras clase queda de la siguiente manera:

package NEW.newpackage;

import java.awt.Color;
import java.awt.Graphics;
import javax.swing.Icon;
import javax.swing.JInternalFrame;

/**
 *
 * @author McCubo
 * @version 1.0
 * @website http://www.gnuteam.blogspot.com
 */
public class CustomInternalFrame extends JInternalFrame{

    public CustomInternalFrame(String title) {
        super(title, true, true, true, true);
    }

    public void setIcon(Icon anIcon){
        setFrameIcon(anIcon);
    }
    
    @Override
    protected void paintComponent(Graphics g) {
        g.setColor(new Color(100, 0, 4, 85));
        g.fillRoundRect(0, 0, getWidth(), getHeight(), 15, 15);
    }

}

Como dije anteriormente, bastante sencillo, ahora lo único que debemos hacer es crear clases que extiendan de CustomInternalFrame y agregarlas el JDesktopPane de nuestra aplicación ^^.

Ahora crearemos una clase que implemente la interfaz Border, dicha clase le indicamos la ruta del archivo a cargar como fondo e implementamos los metodos que la interfaz requiere. quedando dicha clase de la siguente manera:

package NEW.newpackage;

import java.awt.Component;
import java.awt.Graphics;
import java.awt.Insets;
import java.awt.image.BufferedImage;
import java.net.URL;
import javax.imageio.ImageIO;
import javax.swing.border.Border;

/**
 *
 * @author McCubo
 */
public class BackgroundImage implements Border{
    public BufferedImage back;

    public BackgroundImage(){
        try {
            URL imagePath = new URL(getClass().getResource("../resources/logo_backup.png").toString());
            back = ImageIO.read(imagePath);
        } catch (Exception ex) {
            
        }
    }

    public void paintBorder(Component c, Graphics g, int x, int y, int width, int height) {
        g.drawImage(back, (x + (width - back.getWidth())/2),(y + (height - back.getHeight())/2), null);
    }

    public Insets getBorderInsets(Component c) {
        return new Insets(0,0,0,0);
    }

    public boolean isBorderOpaque() {
        return false;
    }

}

Ahora un ejemplo de la clase principal podria ser:

package NEW.newpackage;

import java.awt.BorderLayout;
import java.awt.Dimension;
import javax.swing.ImageIcon;
import javax.swing.JDesktopPane;
import javax.swing.JFrame;
import javax.swing.UIManager;

/**
 *
 * @author McCubo
 * @version 1.0
 * @website http://www.gnuteam.blogspot.com
 */
public class MainFrame extends JFrame {

    private JDesktopPane jdesktopPane = new JDesktopPane();

    public MainFrame() {
        try {
            UIManager.setLookAndFeel("com.sun.java.swing.plaf.nimbus.NimbusLookAndFeel");
            setSize(new Dimension(500, 300));
            setIconImage(new ImageIcon("src/NEW/newpackage/icon.png").getImage());
            setLayout(new BorderLayout());
            CustomJInternalFrame1 customInternalFrame = new CustomJInternalFrame1();
            jdesktopPane.add(customInternalFrame);
            CustomJInternalFrame1 customInternalFrame1 = new CustomJInternalFrame1();
            jdesktopPane.add(customInternalFrame1);            
            add(jdesktopPane, BorderLayout.CENTER);
            customInternalFrame1.setVisible(true);
            customInternalFrame.setVisible(true);
            //Aca indicamos la clase con la imagen de fondo
            jdesktopPane.setBorder(new BackgroundImage());
            setVisible(true);
            setDefaultCloseOperation(EXIT_ON_CLOSE);
        } catch (Exception ex) {
            System.out.println(ex);
        }
    }

    public static void main(String[] args) {
        new MainFrame();
    }
}

Implementando esas clases el resultado final seria parecido al de la segunda imagen de esta entrada.
Solamente unos puntos que debo aclarar: la barra transparente solo la he probado con el Look and Feel de Nimbus y con el de Java de defecto, y resulta todo bien con Nimbus :D.

Por alguna duda en el código, dejo el proyecto completo en este enlace: Descargar Proyecto

Espero te sirva aunque sea una linea de todo el código acá presentado, no olvides de suscribirte o hacerte seguidor del blog/twitter para saber cuando se publiquen nuevas entradas.
Hasta la próxima, Saludos!!!

HOW TO: resize jcombobox popup // redimensionar popup de un JCombobox

2011-09-02T11:12:00.000-07:00

Hola a todos. si sueles programar en java, o al menos lo intentas (como es mi caso xD), mas de alguna ocasión has creado una aplicación de escritorio usando las JFC para crear tu GUI. si es así, quizá es bastante posible que hallas usado un JCombobox que se llena desde la base de datos (con información la cual no sabemos la longitud que posee).

cuando este caso se presenta pueden ocurrir los siguientes problemas o complicaciones del diseño:

El objecto no muestra su texto completo, dejando incompleta la información que necesitamos mostrar en el JCombobox
El componente (JCombobox) se auto-re dimensiona al ancho del objeto con el texto mas extenso... cuando esto sucede, es bastante común que el componente desordene otros componentes que están ubicados cerca de el, obligándonos a re diseñar o re ubicar algunos componentes en dicha pantalla; lo cual implica tiempo, tiempo que lo podríamos estar usando para avanzar en otras pantallas del sistema o... simplemente para navegar por Internet ^^

un ejemplo ilustrado del terrible problema:

EDITO: debido a un problema con algunas versiones de jdk lanza un Null Pointer; al final de la entrada agrego un metodo alternativo para lograr el mismo objetivo.

Bueno para solucionar dichos problemas vamos a crear una clase que implemente la interfaz PopupMenuListener la cual va a cambiar los límites (ancho) del menú emergente para proveer al JComboBox algunas funcionalidades diferentes. entre las cuales:

la ventana emergente puede ser más amplio que el JCombobox
la ventana emergente se muestra por encima del JCombobox (útil cuando el componente esta ubicado al fondo de la pantalla y las opciones que desplegara son bastantes, evitando así que las opciones ultimas de la lista no sean visibles)

La clase la llamaremos CustomPopupMenuListener.java, así que empecemos :D
primero lo primero: crear la clase, implementar la interfaz y sus métodos (comentamos el codigo de los metodos - throw new UnsupportedOperationException("Not supported yet.");-
.

package resources.test;

import javax.swing.event.PopupMenuEvent;
import javax.swing.event.PopupMenuListener;

/**
 *
 * @author McCubo
 */
public class CustomPopupMenuListener implements PopupMenuListener{

    public void popupMenuWillBecomeVisible(PopupMenuEvent e) {
        //throw new UnsupportedOperationException("Not supported yet.");
    }

    public void popupMenuWillBecomeInvisible(PopupMenuEvent e) {
        //throw new UnsupportedOperationException("Not supported yet.");
    }

    public void popupMenuCanceled(PopupMenuEvent e) {
        //throw new UnsupportedOperationException("Not supported yet.");
    }

}

Luego creamos las propiedades de la clase: dos tipo boolean , un constructor el cual reciba como parámetros esas propiedades y los respectivos getters y setters de las dos propiedades:

package resources.test;

import javax.swing.event.PopupMenuEvent;
import javax.swing.event.PopupMenuListener;

/**
 *
 * @author McCubo
 */
public class CustomPopupMenuListener implements PopupMenuListener{

    private boolean popupWider;
    private boolean popupAbove;

    public CustomPopupMenuListener(boolean popupWider, boolean popupAbove) {
        this.popupWider = popupWider;
        this.popupAbove = popupAbove;
    }

    public boolean isPopupAbove() {
        return popupAbove;
    }

    public void setPopupAbove(boolean popupAbove) {
        this.popupAbove = popupAbove;
    }

    public boolean isPopupWider() {
        return popupWider;
    }

    public void setPopupWider(boolean popupWider) {
        this.popupWider = popupWider;
    }
    
    public void popupMenuWillBecomeVisible(PopupMenuEvent e) {
        //throw new UnsupportedOperationException("Not supported yet.");
    }

    public void popupMenuWillBecomeInvisible(PopupMenuEvent e) {
        //throw new UnsupportedOperationException("Not supported yet.");
    }

    public void popupMenuCanceled(PopupMenuEvent e) {
       //throw new UnsupportedOperationException("Not supported yet.");
    }

}

Ahora la parte que nos interesa mas, dando funcionalidad al método popupMenuWillBecomeVisible, método el cual es invocado justo en el momento antes que se va a desplegar la lista de elementos del JCombobox, quedando el codigo:

package resources.test;

import java.awt.Dimension;
import java.awt.Point;
import javax.swing.JComboBox;
import javax.swing.JList;
import javax.swing.JScrollBar;
import javax.swing.JScrollPane;
import javax.swing.SwingUtilities;
import javax.swing.event.PopupMenuEvent;
import javax.swing.event.PopupMenuListener;
import javax.swing.plaf.basic.BasicComboPopup;

/**
 *
 * @author McCubo
 */
public class CustomPopupMenuListener implements PopupMenuListener {

    private boolean popupWider;
    private boolean popupAbove;

    public CustomPopupMenuListener(boolean popupWider, boolean popupAbove) {
        this.popupWider = popupWider;
        this.popupAbove = popupAbove;
    }

    public boolean isPopupAbove() {
        return popupAbove;
    }

    public void setPopupAbove(boolean popupAbove) {
        this.popupAbove = popupAbove;
    }

    public boolean isPopupWider() {
        return popupWider;
    }

    public void setPopupWider(boolean popupWider) {
        this.popupWider = popupWider;
    }

    public void popupMenuWillBecomeVisible(PopupMenuEvent e) {
        JComboBox comboBox = (JComboBox) e.getSource();
        if (comboBox.getItemCount() == 0) {
            return;
        }
        Object child = comboBox.getAccessibleContext().getAccessibleChild(0);
        if (child instanceof BasicComboPopup) {
            if (popupAbove) {
                popupAbove((BasicComboPopup) child);
            }
            if (popupWider) {
                popupWider((BasicComboPopup) child);
            }
        }
    }

    private void popupAbove(BasicComboPopup popup) {
        Point parent = popup.getInvoker().getLocationOnScreen();
        int height = popup.getPreferredSize().height;
        popup.setLocation(parent.x, parent.y - height);
    }

    private void popupWider(BasicComboPopup popup) {
        JList list = popup.getList();
        JScrollPane scrollPane = (JScrollPane) SwingUtilities.getAncestorOfClass(JScrollPane.class, list);
        // se suma el valor de la barra de desplazamiento vertical al ancho que tomara el popup, de lo contrario, la barra vertical oculta
        // una porcion del item mas largo
        int popupWidth = list.getPreferredSize().width + 5 + getScrollBarWidth(popup, scrollPane);
        Dimension scrollPaneSize = scrollPane.getPreferredSize();
        popupWidth = Math.max(popupWidth, scrollPaneSize.width);
        scrollPaneSize.width = popupWidth;
        scrollPane.setPreferredSize(scrollPaneSize);
        scrollPane.setMaximumSize(scrollPaneSize);
    }

    /**
     * @return el valor de la barra de desplazamiento vertical (si es que esta es visible)
     */
    private int getScrollBarWidth(BasicComboPopup popup, JScrollPane scrollPane) {
        int scrollBarWidth = 0;
        JComboBox comboBox = (JComboBox) popup.getInvoker();
        if (comboBox.getItemCount() > comboBox.getMaximumRowCount()) {
            JScrollBar vertical = scrollPane.getVerticalScrollBar();
            scrollBarWidth = vertical.getPreferredSize().width;
        }
        return scrollBarWidth;
    }

    public void popupMenuWillBecomeInvisible(PopupMenuEvent e) {
        //throw new UnsupportedOperationException("Not supported yet.");
    }

    public void popupMenuCanceled(PopupMenuEvent e) {
        //throw new UnsupportedOperationException("Not supported yet.");
    }
}

El código es un poco sencillo, pero el resultado que obtenemos ayuda bastante. para aplicarlo a un combobox en nuestra aplicacion, seria de la siguente manera:

       jComboBox1.addPopupMenuListener(new CustomPopupMenuListener(true, true));

Opcion #2. (si el método anterior arroja un Null Pointer Exception)
Creamos una clase que descienda de JCombobox y sobreescribimos 2 metodos. el codigo deberia quedar asi:

import javax.swing.*; 
import java.awt.*; 
import java.util.Vector; 
 
public class CustomJCombobox extends JComboBox{ 
 
    public CustomJCombobox() { 
    } 
 
    private boolean layingOut = false; 
    // Sobreescribimos este Metodo :)
    public void doLayout(){ 
        try{ 
            layingOut = true; 
            super.doLayout(); 
        }finally{ 
            layingOut = false; 
        } 
    } 
    // Tambien sobreescribimos este otro metodo :D
    public Dimension getSize(){ 
        Dimension dim = super.getSize(); 
        if(!layingOut) 
            dim.width = Math.max(dim.width, getPreferredSize().width); 
        return dim; 
    } 
}

y el resultado seria algo asi usando cualquiera de las dos opciones:

el popup se mustra sobre el combo por el segundo boolean que se le pasa al constructor, de lo contrario se mostraria bajo el combo ;)
Espero este pequeño aporte les pueda servir :D
Saludos!

Abrir solo un JinternalFrame por instancia en una Aplicación MDI // Allow only one JinternalFrame per Instance in a MDI app.

2011-08-12T13:45:00.000-07:00

Para lograr este objetivo existen muchas maneras (como toda cosa en la vida) de lograrlo, pero como mi conocimiento es muy limitado no conozco todas esas maneras x). asi que solamente alcanzaremos ese objetivo mediante 3 formas:

Patron Singleton
Utilizando HashMap y una clase de utilidad
Haciendo modal el JinternalFrame

A mi parecer la mas eficiente y eficaz (Nose cual es la diferencia entre esas dos palabras pero suena como que si en verdad se lo que estoy hablando xD) de las opciones es la #2. Pero mi intencion no es obligar a nadie a usar simplemente las opciones que a mi me gustan, sino mas bien, ampliar el conocimiento de cómo podemos alcanzar el mismo objetivo mediante diferentes medios.

La estructura de estos ejercicios (para mayor claridad) sera: un solo proyecto, el cual tendra 3 Opciones en la barra de menu, en cada opcion se desarrollara cada una de las formas.

mainFrame.java

package Clases;



import java.awt.BorderLayout;

import java.awt.Color;

import java.awt.Dimension;

import java.awt.event.ActionEvent;

import java.awt.event.ActionListener;

import java.beans.PropertyVetoException;

import java.lang.reflect.Constructor;

import java.util.logging.Level;

import java.util.logging.Logger;

import javax.swing.ImageIcon;

import javax.swing.JDesktopPane;

import javax.swing.JFrame;

import javax.swing.JInternalFrame;

import javax.swing.JMenu;

import javax.swing.JMenuBar;

import javax.swing.JMenuItem;



// author McCubo

public class mainFrame extends JFrame{



    private JDesktopPane desktopPane;

    private JMenuBar menuBar;

    private JMenu menuSingleton;

    private JMenu menuHashMap;

    private JMenu menuModal;

    private JMenuItem optionSingleton;

    private JMenuItem optionHashMap;

    private JMenuItem optionModal;



    public mainFrame() {

        super("SingletonPack");

        initComponents();

        initMenuListeners();

    }



    private void initComponents(){

        setDefaultCloseOperation(EXIT_ON_CLOSE);        

        setSize(new Dimension(800, 500));

        setLocationRelativeTo(null);

        setBackground(Color.WHITE);

        setLayout(new BorderLayout());

        desktopPane = new JDesktopPane();

        // setDragMode sirve para indicarle en que forma se visualizaran los JInternalFrames dentro del Componente

        // OUTLINE_DRAG_MODE: solo se visualiza el borde de los JInternalFrame

        desktopPane.setDragMode(JDesktopPane.OUTLINE_DRAG_MODE);

        menuBar = new JMenuBar();

        menuSingleton = new JMenu("Singleton");

        menuHashMap = new JMenu("HashMap");

        menuModal = new JMenu("Modal");

        //Creando los Item de los Menu

        optionSingleton = new JMenuItem("Abrir", new ImageIcon("recursos/gamepad.png"));

        optionHashMap = new JMenuItem("Abrir", new ImageIcon("recursos/img.jpg"));

        optionModal = new JMenuItem("Abrir", new ImageIcon("recursos/default.png"));

        // añadimos esos Items a su correspondiente Menu

        menuSingleton.add(optionSingleton);

        menuHashMap.add(optionHashMap);

        menuModal.add(optionModal);

        // añadimos los menus al MenuBar

        menuBar.add(menuSingleton);

        menuBar.add(menuHashMap);

        menuBar.add(menuModal);

        // El JMenuBar y JDesktopPane son agregados al JFrame

        this.add(menuBar, BorderLayout.NORTH);

        this.add(desktopPane, BorderLayout.CENTER);

        setVisible(true);

    }



    private void initMenuListeners(){

        optionSingleton.addActionListener(new ActionListener() {



            public void actionPerformed(ActionEvent e) {

                try {

                    // Obtenemos una instancia (Nueva o la que ya tenemos) de la clase OpcionSingleton

                    OpcionSingleton instance = OpcionSingleton.getInstance();

                    if(!instance.isVisible() && !instance.isIcon()){

                        // Si la instancia No esta visible y No esta Minimizada (osea que no existe dentro del MDI)

                        // la agregamos al JDesktopPane

                        desktopPane.add(instance);                        

                    }

                    instance.setVisible(true);

                    instance.setIcon(false);

                } catch (PropertyVetoException ex) {

                    Logger.getLogger(mainFrame.class.getName()).log(Level.SEVERE, null, ex);

                }

            }

        });



        optionHashMap.addActionListener(new ActionListener() {



            public void actionPerformed(ActionEvent e) {

                try {

                     // Obtenemos el JInternalFrame que deseamos abrir, Null si no existe

                    JInternalFrame jInternal = Util.getJInternal(OpcionHashMap.class.getName());

                    if (jInternal == null || jInternal.isClosed()) {

                         // Class.forName(OpcionHashMap.class.getName()) = Creamos una Nueva clase partiendo del Nombre, y de esa Clase

                         // obtenemos el contructor .getConstructor() y le indicamos a que clase pertenece el parametro enviado, nuestro

                         // caso un String.class

                        Constructor constructor = (Class.forName(OpcionHashMap.class.getName())).getConstructor(String.class);

                         // dado que nuestro constructor recibe como parametro un String, dicho parametro es enviado en

                         // constructor.newInstance("Opcion del HashMap");

                         // y hacemos el respectivo Cast al objecto que nos es retornado (JInternalFrame)

                         //

                        jInternal = (JInternalFrame) constructor.newInstance("Titulo del Opcion del HashMap desde mainFrame :O");

                        desktopPane.add(jInternal);

                         // agregamos el recien creado JInternalframe al HashMap de la clase Util

                        Util.addJInternal(OpcionHashMap.class.getName(), jInternal);

                    }

                    jInternal.setVisible(true);

                    jInternal.setIcon(false);                    

                } catch (Exception ex) {

                    Logger.getLogger(mainFrame.class.getName()).log(Level.SEVERE, null, ex);

                }

            }

        });



        optionModal.addActionListener(new ActionListener() {



            public void actionPerformed(ActionEvent e) {

                OpcionModal opcionModal = new OpcionModal(mainFrame.this);

                opcionModal.setVisible(true);

            }

        });

    }



    public static void main(String ... args){

        new mainFrame();

    }



}

Clase Util.java (necesaria para los el menu de HashMap)

package Clases;



import java.util.HashMap;

import javax.swing.JInternalFrame;



 // @author McCubo

public class Util {



     // HashMap el cual almacenara el nombre de la clase y la ventana correspondiente a dicha clase

    private static HashMap<String , JInternalFrame> JInternalMap = new HashMap<String , JInternalFrame>();





     // @param className Nombre de la clase que queremos Obtener

     // @return si la className se encuentra en el set de Llaves del HashMap, entonces retorna

     // el objeto correpondiente, de lo contrario retorna null



    public static JInternalFrame getJInternal(String className){

        return JInternalMap.get(className);

    }



     // @param className Nombre de la clase

     // @param JInternal Objeto Correspondiente a esa clase    

    public static void addJInternal(String className, JInternalFrame JInternal){

        JInternalMap.put(className, JInternal);

    }

}

Ahora la clase con patron Singleton
Nota: el diseño de los siguentes JInternalFrame lo hice con el IDE Netbeans, asi que el metodo initComponents y la declaracion de campos (JLabel, JTextFields, etc) no los presentos, debido a que es muy extenso. pero no importa mucho, ya que el proyecto esta en un zip al final de la entrada, so dont worry ;)

package Clases;



// @author McCubo



public class OpcionSingleton extends javax.swing.JInternalFrame {



    private static OpcionSingleton frameOpcion1;



     // si no se tiene ninguna instancia de esta clase O la instancia que poseemos

     // el JInternalFrame esta cerrado, siendo asi retornamos una nueva instancia;

     // caso contrario, retornamos la instancia que ya tenemos



    public static OpcionSingleton getInstance() {

        if (frameOpcion1 == null || frameOpcion1.isClosed) {

            frameOpcion1 = new OpcionSingleton();

        }

        return frameOpcion1;

    }



    // Creates new form OpcionSingleton



     // El Constructor debe ser privado para que ninguna clase pueda crear

     // nuevas instancias directamente

    private OpcionSingleton() {

        initComponents();

    }



    private void initComponents(){

       // Codigo Generado por Netbeans

    }



   // Variables declaration - do not modify 

   // Mas Codigo Generado por NetBeans

}// Fin de la Clase

Ahora la Clase OpcionHashMap.java

package Clases;



// @author McCubo



public class OpcionHashMap extends javax.swing.JInternalFrame {



    // Creates new form Opcion2

    public OpcionHashMap(String tituloDelJinternal) {

        initComponents();

        setTitle(tituloDelJinternal);

    }



    private void initComponents(){

       // Codigo Generado por Netbeans

    }



   // Variables declaration - do not modify 

   // Mas Codigo Generado por NetBeans

}// Fin de la Clase

y por ultimo (lo que dicen "y por ultimo pero no menos importante es mentira")
OpcionModal.java

package Clases;



import javax.swing.JDialog;

import javax.swing.JFrame;



// @author mcubias



public class OpcionModal extends JDialog {



    // Creates new form OpcionModal

    public OpcionModal(JFrame mainFrame) {

        super(mainFrame, "Soy modal!!!", true);

        initComponents();

        setLocationRelativeTo(null);

    }



    private void initComponents(){

       // Codigo Generado por Netbeans

    }



   // Variables declaration - do not modify 

   // Mas Codigo Generado por NetBeans

}// Fin de la Clase

Finalmente mi opinion ~~Noooo Noo no dejes de leer por favor!!!!!~~ es que el patron singleton es bastante sencillo, muy comprensible y facil de implementar pero a todas las clases deberiamos agregarle el metodo static que nos retorna la instancia de la clase... con el tiempo y entre mas grande sea la aplicacion, esas cuantas lineas se pueden llegar a convertir en muuuchas lineas extras de codigo.
Mientras (como dije arriba) el HashMap me parece ideal, quiza un poco mas complejidad en el codigo pero, las clases que se llaman no se toca su estructura en ningun momento, asi que me parece bastante bueno usarlo, por muchas razones, la cantidad y tipo de parametro pueden variar entre cada clase que mandamos a llamar, y con ese metodo podemos facilmente adaptarlo para dicho funcionamiento (recibir distinto tipos y cantidad de parametros por constructor).

Y Por ultimo: hacer modal la ventana. lo que debemos hacer es simplemente darle un extends de JDialog, enviarle el frame principal y en el parametro del constructor enviarle true para que sea modal... pros: facil de usar. (solo ese creo). contras: aveces necesitamos que la clase descienda de una clase que No se JDialog, y como bien sabemos, una clase solo puede extender de una clase a lo mucho, asi que ahi veriamos problemas, otro contra, en toda la aplicacion solo vas a poder tener una ventana abierta... poco funcinal creo. pero bueno ahi esta si la quieres implementar :D

Enlace descarga

Espero a alguien en el universo le sirva este ejemplo. Obviamente hay formas mucho mejores para la generacion de Menus en Java, generarlo desde un xml, tener una clase ListenerMenuXxx en lugar de tener todos los Listener en la misma clase, nose pueden haber infinitas mejores formas de hacerlo, pero mi objetivo ahora simplemente era mostrar y compartir algunas formas con las cuales es posible la implementar solo un JInternalFrame por instancia.
asi que sin mucho mas que decir, Saludos!!!

Deshabilitar Opciones en JCombobox y de paso ponerle imagenes. parte II. // Disabling options on JComboBox

2011-07-04T16:00:00.000-07:00

Bueno, como siempre trato de cumplir con lo que prometo, aca vamos a ver (basandonos en el articulo anterior) como terminar de codificar nuestro Jcombobox con imágenes y opciones deshabilitadas (la ultima quedo cubierta en el post anterior). Asi que lo que queda practicamente es setearle al combo un HashMap, que quiere decir eso, que para cada opcion del combo solo tendra una imagen, y si por alguna razon la opcion se repite solo quedara con una imagen (un combo solamente puede tener una imagen asociada) vease http://download.oracle.com/javase/1.4.2/docs/api/java/util/HashMap.html para mayor entendimiento :D

bueno como dije al final del post anterior lo unico que haremos sera agregar un metodo AgregarImagenesAlCombo, y en el setRenderer al Componente (nuestro caso un Jlable) setearle el icon para el correspondiente Opcion del combo, al final el resultado de nuestras clases sera:

he tratado de comentar lo mas posible el codigo para que sea, hasta cierto punto, autoexplicable (ya que me esta dando problemas el script de la sintaxis de java, me agrega codigo [parentesis, signos de igual, etc]), pero de tener alguna duda enviame un email o comenta en el blog y pues veremos como superamos las barreras. Anexo las tres clases en un .rar para que lo puedan correr….bueno eso es todo amigos!!!

Espero que de una forma u otra te halla servido este pequeño ejemplo. Obviamente el correcto funcionamiento u optimizacion del mismo depende como tengas tu codigo :D

Codigo Fuente:
http://www.mediafire.com/?81dqoa7t4dwbk9z

Un pdf en el que trato de explicar con mayor profundidad algunos aspectos (incluye el codigo fuente en imagenes)
http://www.mediafire.com/?0q2pbq1joepm1z3
PD1: el pdf esta de lado x) pero solo rotenlo con el adobe reader o cualquier lector de pdf que utilicen
PD2. Si tienen alguna duda referente al codigo seria bueno que se documenten un poco acerca de:

How to: Disable Options JCombobox // JComboBox con opciones deshabilitadas e imagenes // Disabling Options on JComboBox

2011-07-01T14:59:00.000-07:00

Woow mañana será un año desde mi última publicación en el post… Qué vergüenza x) pero por motivos de estudio y trabajo descontinué la publicación de artículos; No estoy seguro de cuantas personas son lectores frecuentes del blog, aunque espero que no sea el único *_* Bueno aunque si fuera el único si llego a sufrir de una amnesia profunda al menos voy a recordar que solía gustarme (eso si me recuerdo de la url del blog O.o) jajaja. También espero que de ahora en adelante pueda postear al menos un articulo cada semana o cada mes… pero no cada año como es el caso de este post x).

Bueno pues últimamente he estado un poco aprendiendo (o al menos tratando) un poco del extenso mundo de Java Swing, cosas como Objetos, Componente y Listeners, entre algunos mas. Pues en una de esas tardes que vas buscando el significado de la vida por internet (y obvio no lo encontré xD) mejor busque como hacer que un JcomboBox pueda mostrar un texto en la Ventana pero como Variable de ese texto tener otro valor. Explicándome mejor: Supongamos que tenemos una lista de paises —Paises[todos los países del Mundo], pero al usuario le queremos mostrar ex: Luxemburgo, y en la Base de Datos queremos guardar ese valor con el código ISO, ósea: LUX. En HTML el problema mencionando anteriormente se resolvería (si me memoria no me deja mal) fácilmente con un:

<select>
   <option value='LUX'>Luxemburgo</option>
  </select>

Pero en Java cuando estamos ingresando el valor del JcomboBox, podemos hacerlo de muchas formas, pasarle un vector con todos los item que deseamos que ese combo tenga o bien pasarle un Objeto a la vez con los cuales se cargara el susodicho JcomboBox, en el ejemplo usaremos el ultimo método(uno por uno) y quedaría así:

JComboBox combo1 = new JComboBox();
  combo1.addItem("texto que mostrara el JcomboBox");

Pero haciéndolo de esa forma nos alejamos de nuestro objetivo, el cual era mostrar un texto en la ventana y que el valor de ese Item del Combo fuera otro. Para Poder lograr eso haremos una Clase que llamaremos ObjectoEnComboBox, dicha Clase tendrá un constructor el cual recibirá dos parámetros de tipo String los cuales serán: Texto a Mostrar en el ComboBox, Texto que queremos recibir del combo), cuando escriba el código omitiré los imports para hacer un poco más corto el código ok ;):

public class ObjectoEnComboBox{
  private String textoMostrado;
  private String valorCombo;
  
  public ObjectoEnComboBox(String textoMostrado, String valorCombo){
   this.textoMostrado = textoMostrado;
   this.valorCombo = valorCombo;
  }
  /**
  * Sobreescribiendo el metodo toString()
  */
   @Override
   public String toString() {
     return this.textoMostrado;
   }
  /**
   * Creando los getter
   */
  public String getTextoMostrado(){
    return textoMostrado;
  }

  public String getValorCombo(){
    return valorCombo;
  }
 }

Como dije anteriormente el constructor de la clase recibe dos parametros, los metodos getter de las dos propiedades entenderemos su uso cuando estemos aplicando el objeto. pero adelantando un poco: serviran para recuperar tanto el texto como el valor del combo ;).
Nota: es necesario sobreescribir el metodo toString() porque de lo contrario el texto que mostrara el combo sera la ubicacion en memoria del objecto. algo como
Project.Componente.ObjetoEnCombo@65765, y obviamente no queremos eso... pero si es lo que quieren no lo sobreescriban x)
bien ahora veremos como aplicar eso en codigo

public class ComboPrueba extends javax.swing.JFrame{

    private JComboBox combo;
    public ComboPrueba() {
        combo = new JComboBox();
        getContentPane().setLayout(new FlowLayout());
        /**
         * Creamos los item que tendra el combo
         */
        ObjetoEnCombo item1 = new ObjetoEnCombo("the Wonder woman", "F");
        ObjetoEnCombo item2 = new ObjetoEnCombo("Super Man", "M");
        combo.addItem(item1);
        combo.addItem(item2);
        combo.addActionListener(comboListener());
        add(combo);
        
        setVisible(true);
        setSize(new Dimension(150, 100));
        setDefaultCloseOperation(EXIT_ON_CLOSE);
    }

    private ActionListener comboListener(){
        return new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                System.out.println(((ObjetoEnCombo)combo.getSelectedItem()).getValorCombo());
            }
        };
    }

    public static void main(String ... args){
        new ComboPrueba();
    }

}

El ejemplo consiste en tener un combobox con dos item con valores predeterminados, como podemos ver al constructor de la clase le enviamos los dos valores que necesita y ademas le agregamos un listener al combo para imprimir en consola el valor (no el texto)del item seleccionado, para esto debemos hacer un cast al al Objecto que nos devuelve el combo con su metodo combo.getSelectedItem. ya teniendo el objecto simplemente accedemos a la propiedad de valor con getValor. que es el valor que queremos guardar en la base de datos x). Esto mas que todo sirve cuando tenemos en una tabla una llave foranea, obviamente no podemos mostrar la llave en pantalla, eso seria muy inseguro y ademas un usuario normal solo podria decir "wth???!! que es esto???"
pero yo se que ustedes han llegado aqui esperando poder hacer un combo con opciones deshabilitadas y con una imagen por cada item del combo pero... al momento ni una ni la otra x)

Deshabilitar items del Combo
Bien, este ejemplo pueda que te sirva/interese si quieres deshabilitar algunas opciones del combo en tiempo de ejecucion, mas claro con un ejemplo: Si tenes un sistema de ingreso de usuario (un usuario pertenece a un departamento) pero por cada departamento hay un limite de asistentes (usuarios) entonces no puedes deshabilitarlos definidamente desde el codigo de la clase porque aun no sabes o mas bien, esos valores puede que cambien con el tiempo, entonces ...
para esta opcion necesitamos crear una clase (ComboConImagenYOpciones.java) que extienda de JCombobox, sobreescribiremos algunos metodos del jcombo para darle funcionabilidades especiales a nustros combito ^^; funcionalidades como coloear el item de gris indicando que esta deshabilitado para la seleccion, si el item que se quiere elegir es una opcion deshabilitada no cerrar el menu del combobox y que este permanezca abierto para proceder a seleccionar una opcion valida. Tambien le asignaremos un ListCellRenderer, el cual nos ayudara a darle un mejor aspecto visual.
La explicacion del codigo a continuacion del mismo

public class ComboConImagenYOpciones extends JComboBox {

    private boolean estaHabilitado = true;
    private final HashSet opcionesDeshabilitadas = new HashSet();

    public ComboConImagenYOpciones() {
        setRenderer(new ListCellRenderer() {
            public Component getListCellRendererComponent(JList list, Object value, int index, boolean isSelected, boolean cellHasFocus) {
                JLabel labelOpcion = new JLabel();
                if(value instanceof ObjetoEnCombo){
                    ObjetoEnCombo miOpcion = (ObjetoEnCombo) value;
                    labelOpcion.setText(miOpcion.getTextoMostrado());
                    if(opcionesDeshabilitadas.contains(miOpcion.getValorCombo())){
                        labelOpcion.setEnabled(false);
                        labelOpcion.setBackground(Color.LIGHT_GRAY);
                    }
                }
                return labelOpcion;
            }
        });
    }


    /**
     *
     * @param opcionesExcluidas Llaves de todas las opciones que quiero deshabilitar
     */
    public void setOpcionesDeshabilitadas(HashSet opcionesExcluidas) {
        this.opcionesDeshabilitadas.clear();
        for (String opcion : opcionesExcluidas) {
            this.opcionesDeshabilitadas.add(opcion);
        }
    }

    @Override
    public void setSelectedIndex(int anIndex) {
        String selected = ((ObjetoEnCombo)getModel().getElementAt(anIndex)).getValorCombo();
        if(opcionesDeshabilitadas.contains(selected)){
            estaHabilitado = false;
        }else{
            super.setSelectedIndex(anIndex);
        }
    }

    @Override
    public void setPopupVisible(boolean v) {
        if (!estaHabilitado) {
            estaHabilitado = true;
        } else {
            super.setPopupVisible(v);
        }
    }
}

bueno ya por ultimo estoy viendo que la entrada se hizo un poco larga.... :s y un amigo me acaba de decir literalmente: "Las entradas largas aburren" asi que he decidido dejar la parte de las imagenes para un segundo post. pero adelantando un poco, para poner imagenes necesitaremos un HashMap para que cada opcion del combo tenga su propia imagen, el ComboConImagenYOpciones.java tendra un metodo en el cual le setearemos dicho valores,
Bueno ahora si ya no sigo porque sino mejor lo termino en esta entrada x) Nos vemos mañana, almenos eso espero para commemorar el 1 año de NO post en este blog... que verguenza

Codigo del JCombobox Completo Aca :D

Saber cuanto Software NO libre tienes en tu Gnu/Linux

2010-07-02T07:59:00.000-07:00

Hola denuevo a todos, ahora vamos a ver una cuestion bastante sencilla y un poco curiosa a mi parecer, es saber que ten Libre tenemos nuestro OS GNU.
Bueno iniciamos instalando un paquete llamado vrms (Virtual Richard Mathew Stallman).
como todos sabemos Richard Stallman es bastante riguroso acerca de la libertad que posee los sistemas basados en GNU, asi que basicamente el nos dira que tanto hemos seguido los principios de la libertad xD.
bueno, empecemos

aptitude install vrms
Luego solo basta ejecutarlo y nos aparecera en pantalla todos los paquetes NO libres instalados en nuestro sistema

vrms



               Non-free packages installed on debian

assaultcube                realistic first-person-shooter
assaultcube-data        data files for Assault Cube
bcm5700-source        module source for Broadcom's bcm5700 ethernet driver
opera                         The Opera Web Browser
skype                         Skype
sun-java6-bin             Sun Java(TM) Runtime Environment (JRE) 6 (architecture
sun-java6-jre              Sun Java(TM) Runtime Environment (JRE) 6 (architecture
tremulous-data            Tremulous datas
unrar                           Unarchiver for .rar files (non-free version)
warsow-data               Game data for Warsow

   Non-free packages with status other than installed on debian

virtualbox-3.1            ( dei)  Sun VirtualBox

               Contrib packages installed on debian

limewire-basic            LimeWire is a p2p filesharing program that offers the
playonlinux               front-end for Wine
tremulous                 Aliens vs Humans, team based FPS game with elements of
warsow                    fast paced 3D first person shooter

  12 non-free packages, 0.6% of 1940 installed packages.
  4 contrib packages, 0.2% of 1940 installed packages.

que pena... pero asi es la vida como pueden ver mi sistema no esta del todo libre :c. mas que todo por algunos jueguitos, pero igual, una salida similar es la que tienen que obtener.

Espero de alguna u otr forma les sirva, y nos vemos

Activar sensores en Gnu/Linux Debian

2010-07-02T07:49:00.000-07:00

Pues bueno... Hola a todos, seguramente mas de alguno en mas de una ocasion(almenos a mi me paso ) se ha descargado algund Gadget para superkaramba o algun otro gestor de gadgets y nos damos cuenta que algunas caracteristicas como la temperatura del cpu, las rpm del fan, entre otras no indican nada, pues al principio pensaba que los creadores de los gadgets no lo hacian bien y me decia a mi mismo:
"Cuando sea grande hare unos gadgets que si sirvan... pero cuando sea grande"
pues estaba equivocado pues para que esas opciones funcionen tienen que activar los sensores primero, y pues aqui mostrare como

1. Instalar lm-sensors

Código:

apt-get install lm-sensors

2.Ejecutamos el asistente para que reconozca los dispositivos y si estos tienen sensores disponibles, esto con:

Código:

sensors-detect

Como nos indica el mismo asistente, digitar yes para todas las opciones que se iran presentando, almenos que tú sepas hacerlo manualmente lo que te pedirá (aunque es recomendable leer un poco )
Al final del asistente te mostrara los modulos necesarios para cargar los sensores. en mi caso fueron:

Código:

#----cut here----
# Chip drivers
coretemp
w83627ehf
#----cut here----

una salida igual o parecida tendrias que obtener si tienen algun dispositivo con sensores
Al finalizar el asistente tendras que cargar cada uno de los modulos que sensor-detect te dio
quedando algo asi en mi caso:

Código:

modprobe coretemp

Código:

modprobe w83627ehf

me parece que es necesario el paquete modconf para ejecutar modprobe, si es asi instalarlo con aptitude

luego de cargar los modulos:

Código:

/etc/init.d/module-init-tools

para iniciar el servicio de sensores y los modulos cargados en /etc/modules (eh aqui donde se configuran los modulos, claro si respondiste YES a todo, el sensor-detect lo ha hecho por ti... que bonito es Gnu/Linux verdad )

para probar si esta todo bien ejecutamos:

Código:

sensors

dará una salida parecida a esta:

Código:

coretemp-isa-0000               
Adapter: ISA adapter            
Core 0:      +31.0°C  (high = +76.0°C, crit = +100.0°C) 

coretemp-isa-0001
Adapter: ISA adapter
Core 1:      +34.0°C  (high = +76.0°C, crit = +100.0°C) 

w83627dhg-isa-0290
Adapter: ISA adapter
Vcore:       +1.27 V  (min =  +0.00 V, max =  +1.74 V)
in1:         +0.93 V  (min =  +0.14 V, max =  +0.97 V)
AVCC:        +3.41 V  (min =  +2.98 V, max =  +3.63 V)
VCC:         +3.41 V  (min =  +2.98 V, max =  +3.63 V)
in4:         +1.70 V  (min =  +0.46 V, max =  +1.18 V)   ALARM
in5:         +1.71 V  (min =  +0.49 V, max =  +0.02 V)   ALARM
in6:         +1.85 V  (min =  +1.53 V, max =  +1.91 V)
3VSB:        +3.47 V  (min =  +2.98 V, max =  +3.63 V)
Vbat:        +3.30 V  (min =  +2.70 V, max =  +3.30 V)
fan1:       2163 RPM  (min = 2518 RPM, div = 8)  ALARM
fan2:       2445 RPM  (min = 21093 RPM, div = 8)  ALARM
fan3:          0 RPM  (min = 10546 RPM, div = 128)  ALARM
fan4:          0 RPM  (min = 1054 RPM, div = 128)  ALARM
fan5:          0 RPM  (min =  958 RPM, div = 128)  ALARM
temp1:       +37.0°C  (high = -105.0°C, hyst = +91.0°C)  sensor = thermistor
temp2:       +34.5°C  (high = +80.0°C, hyst = +75.0°C)  sensor = thermistor
temp3:       +45.5°C  (high = +80.0°C, hyst = +75.0°C)  sensor = thermistor
cpu0_vid:   +0.000 V

ahora ya puedes cargar tus gadgets favoritos y te mostraran la info de tu sistema

PD1.: hacer todo esto como usuario root
PD2.: creo que en Ubunto tambien funciona
PD3.: lo probe y funciono en sobre debian 6.0 Squeeze

Espero les sirva y cualquier problema, que no sea muy astral ni cosmico xD, comenten y tratamos de resolverlo Ok

Animando el Selector de OS!!

2010-05-09T19:32:00.000-07:00

Buenas a todos esta vez compartire con ustedes algo que me parece interesente a mi y actractivo en cuanto a interfas grafica !! lo concidero algo importante para llamar la atencion de las personas a que usen Linux! Si es feo quien le prestaria interes! ? Oo!? si hay gente que le gusta lo simple pero hay muchas que le gusta lo grafico por algo mejoran la interface grafica a windows no!Oo? (windows 7), bueno para esto tenemos que tener grub2 antes ya instalado.

Ahora al grano !! Burg es una aplicacion que permite tener un menú de arranque mucho más vistoso esta basado en GRUB 2 ya que se espera que este se su sucesor !! la distro que lo esta utilizando mas ahorita es ubuntu! (pienso que es el raton de laboratorio xD ), ya que es probado en ubuntu solo encontre repositorios para ubuntu pero que solo contiene este maravilloso paquete.

agregamos a nuestro sources.list

deb http://ppa.launchpad.net/bean123ch/burg/ubuntu karmic main

y hacemos

apt-get update

luego instalamos estos paquetes ya sea en synaptic o con apt-get:

burg
burg-common
burg-emu
burg-pc
burg-themes
burg-themes-common

Si nos pide dependencias hay que agregarlas. Durante la instalación nos saldrán algunos cuadros de diálogo que dejaremos tal como están, sólo hay que indicarle en uno de ellos dónde tenemos instalado el Grub. (revisar antes en que partcion tienen instalado el grub... si tienen duda consultar).

una ves instalado tenemos que editar este archivo para algo que instalaremos depsues de hacer este chunche!

/etc/default/burg (lo editan como root con el editor de texto que gusten)

GRUB_CMDLINE_LINUX_DEFAULT="quiet"
GRUB_CMDLINE_LINUX="splash vga=0x0318" (el valor vga ya les digo como saber cual es el que les corresponde)
GRUB_TERMINAL=console
GRUB_GFXMODE=1024x768 "y le ponemos la resolución que vayamos a poner en el valor de vga pero no exadecima si no asi como esta aqui puesto"
GRUB_DISABLE_LINUX_UUID=true
GRUB_THEME=sora_clean éste lo cambiamos y le ponemos el que acá pongo
GRUB_FOLD=saved

Ahora con este comando sabremos que valor aplicar en vga y en la resolucion que soporta nuestro framebuffer:

hwinfo --framebuffer

mostrara algo asi:

02: None 00.0: 11001 VESA Framebuffer
[Created at bios.464]
Unique ID: rdCR.il6towt04X5
Hardware Class: framebuffer
Model: "Intel(r) 82945GM Chipset Family Graphics Controller"
Vendor: "Intel Corporation"
Device: "Intel(r) 82945GM Chipset Family Graphics Controller"
SubVendor: "Intel(r) 82945GM Chipset Family Graphics Chip Accelerated VGA BIOS"
SubDevice:
Revision: "Hardware Version 0.0"
Memory Size: 7 MB + 704 kB
Memory Range: 0xc0000000-0xc07affff (rw)
Mode 0x0305: 1024x768 (+1024), 8 bits
Mode 0x0317: 1024x768 (+2048), 16 bits
Mode 0x0318: 1024x768 (+4096), 24 bits
Mode 0x0312: 640x480 (+2560), 24 bits
Mode 0x0314: 800x600 (+1600), 16 bits
Mode 0x0315: 800x600 (+3200), 24 bits
Mode 0x0301: 640x480 (+640), 8 bits
Mode 0x0303: 800x600 (+832), 8 bits
Mode 0x0311: 640x480 (+1280), 16 bits
Config Status: cfg=new, avail=yes, need=no, active=unknown

(si no les da este comando obviamente tenemos que instalarlo >.> )

ahora usamos este comando para actualizar la configuracion de burg

update-burg (es el equivalente a update-grub)

usamos este comando para ver como queda el gestor de arranque sin reiniciar:

burg-emu -r host

PD. En caso de que no les muestre el menú, hay que volver a comentar

GRUB_TERMINAL=console ( y repetir la actualizacion con update-burg)

Con esto ya tenemos nuestro gestor de arraque configurado graficamente y con animaciones!

Pero no termina aqui este post! ya te aburristes de ver las letras que parecen al iniciar debian?...Agregarle una barra de progreso y imagen de fondo en este paso?... hay personas que les gusta ver lo que pasa en su sistema que falla y que no, alguno estamos seguros de que nuestros sistemas estan bien

lo que hay que acer simplemente es

aptitude install splashy

que instale las dependencias y listo ya que cuando configuramos burg lo hicimos para que iniciara con splashy! Para configurar splashy lo puedes acer desde consola ya que con burg no creo que funcione el startupmanager aun ! solo editamos este archivo que es muy simple :

nano /etc/splashy/config.xml

donde dice default cambiar el default por algun otro temas que tengan en /usr/share/splashy/themes y guardan nada mas

y realizan esta operacion

update-initramfs -u

(nose si hay que usar este comando cada vez que cambiemos de tema no eh probado)

y para corroborar todo reiniciamos ..

espero que les sea de ayuda este mini-tutorial, si tienen consulta porfavor hacerlas y tambien comenten !! (siento no aver puesto imagenes esta vez)

Haciendo atractivo nuestro Debian !!

2010-05-05T20:53:00.000-07:00

>>LOS REPOSITORIOS YA ESTAN ARRIBA <<

En este primer post que realizo en el blog de mi amigo dejare como podemos hacer mas atractivo nuestro querido Debian no importa si es Lenny o Sqeeze. (aunque no he probado los programas de gloobus y nautilus-elementary en lenny, yo digo, no creo que hayan dependencias por versiones actuales de paquetes).

## Nautilus Elementary . ##

es la nueva versión de nautilus que se espera para la salida de Gnome 3.0 pero de todas maneras existe una versión de desarrollo, bastante estable, que se puede instalar fácilmente. Básicamente es un cambio de interfase que mejorara la usabilidad de nautilus en muchos aspectos.
para poder instalarlo es agregar repositorios y actualizar lo que es nautilus para eso agregaremos estos repositorios:

(como usuarios root)
nano /etc/apt/sources.list

deb http://hadret.rootnode.net/debian/ unstable main
deb-src http://hadret.rootnode.net/debian/ unstable main

(comentamos los demás repositorios por el momento para que sea mas segura la actualización de nautilus)
guardamos y cerramos nano o el editor de textos que hayamos usado.
ahora usamos:

apt-get update
apt-get upgrade

seguimos indicaciones y esperamos a que termine de actualizar nautilus.
una vez finalizada la actualización, descomentamos los demás repositorios y dejamos el que agregamos también y luego solo hacemos : apt-get update
podemos cerrar ya la consola y ya enfocarnos en lo visual.
Abrimos una carpeta cualquiera solo para ir a Editar-Preferencias-tweaks ,de ahí marcamos las siguientes cosas.

ya con esto hecho cerramos sesión y entramos de nuevo ya verán el cambio a simple vista pero faltan dos cosas un tema "X" cualquiera y uno que es indispensable para que la barra de lugar se vea bien siempre :
tema indispensable para elementary
tema - wasp
ambos los descomprimen en la carpeta .themes que se encuentra en la carpeta del usuario o arrastran los archivos a la aplicación apariencias (Sistema-Preferencia-Apariencias)
con esto ya tenemos nuestro nautilus modificado, simple y grandioso.

## Gloobus-Preview ##
es una extensión de Nautilus, el navegador de archivos de GNOME, que muestra una previsualización de cualquier tipo de fichero. Su funcionamiento es bien sencillo: seleccionando un archivo en Nautilus y pulsando la tecla espacio, se abrirá una ventana auxiliar que mostrará el contenido del fichero.Actualmente Gloobus soporta los siguientes tipos de ficheros: TXT, PDF, JPG, BMP, GIF, PNG, PSD, MP3, OGG, MPG, WMV, XCF.
para esto ya tenemos el repositorio adentro de nuestro sources
aptitude install gloobus-preview
para usarlo seleccionamos un archivo con extensión soportada y presionamos barra espaciadora (space) y ya!! =D.(si no funciona tenemos que reiniciar nautilus o simplemente cerrar sesión y entrar de nuevo)

Dependencias:

apt-get install libgtk2.0-dev libgvfscommon-dev libgstreamer-plugins-base0.10-dev libcairomm-1.0-dev libtag1-dev libpoppler-glib-dev libgnomeui-dev unoconv libgtksourceview2.0-dev build-essential libswfdec-0.8-dev automake libtool bzr libbz2-dev libdjvulibre-dev libspectre-dev

(libgvfscommon-dev depende de libgvfscommon0 estos ya no estan en sqeeze asi que nose como reemplazarlo con los que se usa actualmente q son gvfs y gvfsbackports, por esa razon no pude compilar el sources pero aun sin este funciona el gloobus-preview)

## Compiz ##

es uno de los primeros getstores de ventanas de composicion para el sistema de ventanas X Windows que es capaz de aprovechar la aceleración OpenGl.

También presenta algunas de las características que tienen otros competidores, como Expose en Mac OS X de Apple. Compiz está construido sobre la extensión de composición de X y la extensión GLX_EXT_texture_from_pixmap de OpenGL.

para instalarlo :
(como root)
aptitude install compiz-gnome compizconfig-settings-manager compiz-fusion-plugins-extra compiz-fusion-plugins-unsuported fusion-icon compiz-plugins

los demas se instalan por dependencias estos son los que le dan un extra toque a compiz, aclaro todos estos paquetes ya estan en los repositorios de debia.

Bueno ahora la configuracion de Xorg
(como root)

nano /etc/X11/xorg.conf (usar cualquier editor de texto)

agregamos estas opciones en la seccion device:

Option "AllowGLXWithComposite" "true"
Option "RenderAccel" "true"
Option "XAANoOffscreenPixmaps" "True"
Option "UseFBDev" "true"
Option "AccelMethod" "XAA"
Option "DRI" "true"
Option "AddARGBGLXVisuals" "True"

Muchos dicen que solo con una basta que es Option "XAANoOffscreenPixmaps" "True" pero yo siento mas comodo asi en mi integrada intel i850 tambien en las Nvidias

luego agregamos esta seccion:

Section "Extensions"
Option "Composite" "Enable"
EndSection

la podemos agregar de ultimo guardamos y cerramos, y reiniciamos el gestor grafico /etc/init.d/gdm restart

logueamos y abrimos fusion-icon (Aplicaciones-Herramientas de sistema- Compiz Fusion Icon), configuramos a nuestro gusto. !! para que inicie siempre solo basta con agregar fusion-icon en sesiones o en sqeeze que es programas al inicio

## Docky ##

es una barra lanzadora de aplicaciones, visora de aplets tipo la barra de Mac! este se puede instalar de dos formas porque docky se a separado de gnome-do y se puede instalar solamente ella.

Instalacion:
(como root)

aptitude install docky

aptitude install gnome-do

yo creo que con esto basta para tener atractivo nuestro escritori gnome (para usuarios de gnome) pero esto se puede hacer en kde tambien menos lo de nautilus-elementary obviamente =D !! espero que les ayude este mini-manual y si tienen alguna duda no duden en preguntar aunque sea tarde se les contestara. [No olviden comentar]

Usar Twitter desde la consola de Gnu/Linux

2010-04-20T21:12:00.000-07:00

hola, hoy vamos a ver y aprender como usar el twitter desde consola.
bueno en lo personal no hago un uso excesivo del twitter. pero si lo puedo usar desde consola, pero si lo puedo usar desde una terminal le voy a dar un uso, ademas, se mira bastante geek. x)
pues bueno primero instalaremos el paquete necesario, para eso nos logeamos como root

su

ingresamos nuestra password super secreta y presionamos ENTER

apt-get install python-simplejson python-twyt

nos pedira confirmacion y digitamos S y luegoun ENTER

ahora veremos como usarlo:

bueno el comando en cuestion con el cual vamos a trabajar es

twyt

lo primero que vamos hacer (para un futuro mas comodo) es introducir nuestro usuario para no tener que ingresar la password de twitter cada vez que lo usemos, para ello usaremos la opcion user set -u miUsuarioTwitter, de la siguente manera

twyt user set -u McCubo

Luego presionamos enter y nos pedira la password de nuestra cuenta de twitter, la ingresamos, y enter

si queremos verificar que nuestro usuario se almaceno

twyt user -l

si hicimos el paso anterior para postear una nueva entrada, hacemos

twyt tweet "probando un tweet desde la consola de Gnu/Debian"

pero si omitimos el primer paso el comando deberá ser:

twyt tweet "probando un tweet desde la consola de Gnu/Debian" -u McCubo -p MiPasswordTwitter

y cada nuevo tweet que hagamos deberiamos agregar la opcion -u con nuestro usuario twitter y -p seguido de la password de la cuenta, por eso recomiendo el user set, pero bueno, gustos de cada quien.
el resultado del comando anterior, ya en la pagina de twitter:

bonito verdad???
pero eso no es todo, si queremos que nuestro tweet salga encerrado entre unos simbolos de musica, cambiamos la opcion tweet por la opcion sing

twyt sing "let it be, probando... otra vez, twitter desde consola, a ver que sale"

si queremos enviarle un tweet directo aun amigo del twitter, lo hacemos que la opcion direct, del a sigente manera

twyt direct PersonaQueSigo "mensage directo a el"

si nuestra intencion es ver los tweets de las personas que sigo, para eso esta la opcion friendstl

twyt friendstl

mostrando asi hasta un maximo de 20 nuevos tweets.

bueno esos son los usos mas comunes que se le dan al twitter, almenos solo esas opciones me parecen relevantes, para mi, pero como ustedes saben cada comando instala con el, un manual
para mas info pueden digitar
man twyt
apareciendo estas y otras mas opciones con las cuales podran usar el twitter
bueno, con esto me despido y hasta la proxima entrada.

no olvides que si quieres seguir un poco mas de cerca a este blog, puedes dar click en el enlace que dice suscribe via email

hacer que la consola hable!!!

2010-04-08T20:20:00.000-07:00

Hola de nuevo, antes que nada gracias por seguir visitando el blog.
bueno y como el titulo de la entrada dice ahora veremos como hacer que nuestra consola hable, obviamente no va a entablar una conversacion con el usuario, sino mas bien va a leer las palabras en la misma consola, o en su defecto leer un archivo de texto.

este proceso es posible gracias a el paquete espeak, para instalarlo, abrimos una terminal y ejecutamos:

su

Nos pedira la contraseña del administrador, la digitamos (aunque parezca que no escribe nada pero en realidad si lo hace, es solo por cuestion de seguridad)

apt-get install espeak

Nos pedira confirmacion, digitamos S y luego un Enter
y el programa deberia instalarse sin mayor problema.

COMO USARLO:

primero que todo tenemos que salir de la cuenta de root (administrador) y luego:

echo "texto que queremos escuchar" | espeak

Sin olvidar encerrar el texto deseado entre comillas.
por defecto la lectura del texto es para palabras en ingles, para que pueda leer palabras en español con la opcion -v

echo "texto que queremos escuchar" | espeak -v spanish

y si queremos que hable mas rapido o despacio con la opcion -s

echo "texto que queremos escuchar" | espeak -v spanish -s 200

por defecto el valor de la opcion -s es 160, por consiguente un valor mas alto producira una que el texto sea leido mas rapido, al igual un valor mas bajo sera una salida mas despacio

pero eso no es todo, los desarrolladores de este paquete en verdad se mandaron, si tenemos un archivo de texto plano (osea no .doc, .odt, .pdf) y queremos que lo lea, entonces:

espeak -v spanish -f archivo_Texto

y si queremos almacenar la salida del audio, podemos agregarle la opcion -w, de la siguente manera

espeak -v spanish -f archivo_Texto -w archivo.wav

con esta ultima opcion no escucharemos el texto del archivo, porque la salida fue redirigida a archivo.wav (le pueden poner otro nombre que les guste, pero siempre recordando la extension .wav)

para escucharla podrian

mplayer archivo.wav

bueno espero esta entrada les agrade y les sirva en algun momento.

usar la consola y no morir en el intento-- parte 1

2010-04-04T20:15:00.000-07:00

Bueno colegas, llego la hora de meternos un poco con las consolas (tambien llamadas terminales) de gnu/linux.
para empezar hagamos esta pregunta ¿Que es una consola?, bueno segun wikipedia es:

(Command Line Interface (CLI)) es un metodo que permite a las personas dar instrucciones a algún programa informatico por medio de una línea de texto simple.

para una informacion mas detallada acerca de que son los CLI; visita este enlace

bueno nose si notaron, en la definicion que nos da wikipedia, el termino simple, eso quiere decir que son comandos pequeños los que introducimos en la terminal, sin meternos a cosas tan profundas de programacion tales como bucles, condiciones, funciones,etc; ya que si queremos hacer algo asi, un poco mas grande tendriamos que iniciarnos en programacion bash, que eso espero poder aportar un poco mas adelante.

bueno, una cosa que me gustaria tomaran en cuenta es que con el siguente manual, sientanse libre (de eso trata la cuestion no?) de modificarlo y reproducirlo. tambien que trataremos de seguir publicando mas entradas como esta, todo con el fin de ayudar y demostrar que usar un sistema operativo gnu/linux no es nada del otro mundo, y mucho menos solo para programadores

Enlace de descarga para el Manual

PD. todo (almenos que yo sepa) lo que se puede hacer en modo consola se puede hacer en modo grafico, claro es mas geek en modo consola x)

validar campos con javascript... 2do metodo

2010-04-01T20:33:00.000-07:00

Bueno, si han seguido un poco el progreso del blog, anteriormente publique una entrada para validar campos con javascript, en dicho ejemplo teniamos que crear una funcion para validar cada caja de texto, y eso en lo personal no me gustó, pero bueno hoy les traigo un codigo javascript con el cual una sola funcion puede validar todos los campos que queramos sean solamente string. bueno aca el codigo:

<html>
<head><title>validar con Javascript, metodo2</title>

<script language='javascript'>

function val(valor){
   lon=document.getElementById(valor).value.length;
   campo=document.getElementById(valor).value;

   for(i=0;i<lon;i++){
    flag=isNaN(campo[i]);
    if (flag==false){
     //alert('este campo solo admite letras');
     document.getElementById(valor).value="";
     document.getElementById(valor).setfocus;
     exit();
    }
   }
   if (lon==0){
    //alert('este campo es obligatorio');
   }
}

</script>

</head>
<body>
<form name='formu'>
   <table border='1'>
    <tr>
     <td>Nombre</td>
     <td><input type='text' name='nom' id='nombre' onblur='val(this.id)' />
    </tr>
    <tr>
     <td>Apellido</td>
     <td><input type='text' name='ape' id='apellido' onblur='val(this.id)' />
    </tr>
    <tr>
     <td colspan='2' align='center'><input type='submit'></td>
    </tr>
   </table>
</form>
</body>
</html>

Para que la longitud y el nombre del campo pueda ser reutilizado para cada textbox, cada uno de ellos tienen que poseer el atributo ID, ya que con getElementById() es necesario dicho atributo para poder evaluar el texto.
como pueden ver los dos textbox llaman a la misma funcion, asi sucesivamente se tendria que hacer si se quisiera validar mas campos string, para validar campos integer solo se tendria que realizar una pequeña varianza en la funcion val(), especificamente en la condicional de flag.

espero este pequeño tutorial pueda serles util, ya que esa es su finalidad.

Aprender a usar Gnu/Linux -parte 2

2010-03-31T00:00:00.000-07:00

Despues de la filosofia e historia (parte 1 de este hilo) vamos a ver/aprender como instalar gnu/linux, en este caso Debian y/o ubunto
Bueno gente de ante mano les queremos pedir disculpas por que no nos concetraremos mucho en la instalación de Debian (recomendado) o en todo caso Ubuntu así que les dispondremos los links hacia las paginas adonde ustedes pueden descargar Debian,Ubuntu y unos cuantos videos de instalacion;los links de descarga son estos:

Debian:

-En el siguiente link podras encontrar los enlaces hacia las paginas en las que puedan descargar imágenes de cd/dvd de Debian de la distribución estable o la distribucion de testing (en prueba),la versión estable actual de Debian GNU/Linux es la 5.0.4, cuyo nombre en código es lenny y la de testing en pruebas es squeeze.
Pues bueno a la hora de descargar la imagen del cd/dvd de Debian, tienes que descargar la arquitectura correspondiente a tu maquina, aunque segun he leido en algunos foros el i386 y amd64 van casi igual en rendimiento, casi nula la diferencia, aunque habria que investigar mas; claro.
http://www.debian.org/CD/http-ftp/index.es.html

-Otra forma de conseguirlo es a través de los vendedores en el siguiente link encontraran a cierto listado de vendedores en su país,hay países en los que no hay vendedores registrados en la pagina oficial de Debian,también podrán encontrar vendedores internacionales.

http://www.debian.org/CD/vendors/

Ubuntu:

-Pueden hacer que les manden los discos de instalación de Ubuntu totalmente gratis desde el siguiente link :

https://shipit.ubuntu.com/

-También descargarlo desde aca para quemarlo en 1 cd:

http://www.ubuntu.com/GetUbuntu/download

-O la ultima opcion comprar ubuntu via

Ubuntu:
http://www.amazon.com/gp/product/3937514775?ie=UTF8&tag=ubuntusearch-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=3937514775

Kubuntu:
http://www.amazon.com/gp/product/B001L4PQIK?ie=UTF8&tag=ubuntusearch-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=B001L4PQIK

INSTALACIÓN:

Como lo mensionamos anteriormente no nos detendremos a explicarles mucho de la instalacion de Debian y Ubuntu,aunque la instalacion sea mas que similar les dispondremos de 2 videos uno para Debian y otro para Ubuntu.

Debian:

link: http://www.youtube.com/watch?v=Tjg_6ly8A4Q

Ubuntu:

link: http://www.youtube.com/watch?v=KoemuPikgYo

Mas información:

Debian:

http://www.genbeta.com/actualidad/instalar-debian-gnulinux-50-lenny-screencast

Ubuntu:

http://paraisolinux.com/instalar-ubuntu-9-10-paso-a-paso/

*Think free think Linux*

Aprender a usar Gnu/linux-Parte 1

2010-03-23T07:44:00.000-07:00

Bueno para comenzar todo, primero un poco de filosofia e historia del movimiento del free software,por si ustedes alguna ves se han preguntado ¿Como fue creado Gnu/linux?¿Porque existe Gnu/linux?¿Quien lo desarrolla ?¿Que es Gnu?, bueno como es mas entretenido ver 1 vídeo que leer mucha información aquí les dejo este documental titulado Codigo linux espero que les guste

link: http://video.google.com/videoplay?docid=6729008725344610785

"Res publica non dominetur (lo que es publico no tiene dueño)"