Multiprocesamiento en Java: ¡Dale caña a tu procesador!

2012-11-17 - Categorías: General / Java

Multiprocesamiento, como reza la Wikipedia, se refiere a la ejecución de varios procesos de manera concurrente, es decir, a la vez. Con los nuevos procesadores que cada vez nos traen más núcleos, he visto que ésto viene a ser más importante. Con Java el multiprocesamiento para aprovechar los núcleos de uno o varios procesadores viene gestionado con la máquina virtual de Java. Es decir, sólo tendremos que preocuparnos de hacer el programa de manera que se puedan ejecutar ‘a trozos’, poner cada tarea en un hilo de ejecución y luego la máquina virtual se encargará de gestionarlo todo.

Ésto es lo mismo que viene ocurriendo con los Sistemas Operativos (SO). Tenemos muchos procesos que se ejecutan desde que arrancamos el ordenador, y el SO se encarga de gestionar qué se ejecuta en cada momento. De igual manera nosotros en Java podemos gestionar qué se ejecuta o que se queda esperando, también podemos decirle a todas las tareas que se ejecuten a la vez simplemente sin esperar unas a otras ni nada parecido. Ésto es lo que vamos a ver con el ejemplo sencillo de a continuación, donde se van a crear dos tareas, a y b, y se van a ejecutar concurrentemente.

Continuar leyendo..

El SlideShow más simple con jQuery

2012-11-14 - Categorías: General

Un slideshow viene a significar visor de imágenes o diapositivas que van pasando una tras otra.

Estuve buscando para descargar slideshows para web. Encontré de todo tipo, muy elaborados y con muchos extras, unos de pago y otros gratis, pero no era lo que yo quería. Buscaba algo lo más sencillo posible para adaptarlo luego donde lo necesite y al final acabé programándolo a partir de jQuery.

Aquí va el código para el que lo necesite:

<html>
<head>
<!– Con ésto incluyes el jquery en tu web usando en CDN de Google –>
<script src=»https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js»></script>
</head>
<body>

<img id=»imagenslide» src=»imagenes/imagenInicial.jpg» alt=»Imagen de una mascota..» />

<script>
  cambiaSlideShow();

function cambiaSlideShow() {
// variables para configurar
var dirImagenes = ‘imagenes/’; // directorio donde estan
 // las imágenes, se deben nombrar de la forma
 // 1.jpg
 // 2.jpg
 // etcétera…
var numImagenes = 3; // número de imágenes que hay

// elige un número aleatorio para mostrar las imágenes
// aleatoriamente
var randomNum = Math.ceil(Math.random() * numImagenes);

// con ésto la imagen desaparece y cuando ha desaparecido
// cambia de imagen
$(‘#imagenslide’).fadeOut(3000,
function () {$(‘#imagenslide’).attr(‘src’, dirImagenes + randomNum + ‘.jpg’);}
);

// con ésto otro la imagen aparece con un efecto fade de nuevo
$(‘#imagenslide’).fadeIn(3000);
setTimeout(function () {cambiaSlideShow(); }, 7000);
}

</script>
</body>
</html>

Y un archivo para descargar el ejemplo haciendo click aquí.
Ten en cuenta que debes poner las imágenes en el directorio dirImagenes que tengas en dicha variable.

Un saludo.


Ponle un Favicon a tu web

2012-11-13 - Categorías: General
Ya le he puesto al blog un Favicon, y les dejo un nuevo post.
Cuando navegas por Internet, las páginas muestran un icono en tu navegador. Cuando agregas dicha web a Favoritos, Marcadores, o como se llame en el navegador que uses.. También verás dicho icono asociado a dicha página web. Ésto es lo que se llama ‘el Favicon’.

Favicon, viene de Favourites Icon, icono de favoritos en castellano. Nació para darle mejor estética al listado de páginas de nuestra lista de páginas web favoritas. Y si quieres que tu web tenga una imagen de éstas lo único que debes hacer es usar un código tal que así:

<html>
<head>
<title>Aquí va el título</title>
<link href=»http://direcciondetuweb/favicon.ico» rel=»icon» type=»image/x-icon»>
</head>
<body>
<p>Contenido de la página.</p>
</body>
</html>

La imagen debe ser de 16×16 pixeles tradicionalmente, también puede ser de 32×32, incluso se pueden usar en algunos navegadores imágenes en JPG, PNG y GIF. Pero éstas otras opciones no son totalmente estándar y puede que no funcionen en todos los navegadores.
En éste blog, gracias a Blogger, tengo disponible el gadget llamado tal cual Favicon, que automáticamente me genera el código de aquí arriba. Yo te lo he detallado por si acaso lo usas en otro sitio.
Así que, después de éste post ¿no merece que agregues ésta web a favoritos? agregame a favoritos y así me visitas de vez en cuando 😉
Un saludo.

Hola Mundo con Swing y Eclipse

2012-11-10 - Categorías: Java / Java Swing
Aquí dejo cómo crear una primera aplicación gráfica en Java usando Swing y Eclipse. El ejercicio clásico ¡Hola Mundo! usando una tecnología que nos brinda Java crear aplicaciones con entorno gráfico, Java Swing. Y para verlo, el entorno de desarrollo elegido ha sido Eclipse.

Curioseando qué tal van los desarrollos, con respecto a las interfaces gráficas de usuario (llamadas GUI para los amigos), veo que tengo otra nueva actualización del Window Builder. El Window Builder es un conjunto de plugins de Eclipse que nos van a permitir hacer GUIs en Java sin gastar casi tiempo.

A fecha de hoy tengo la versión Juno de Eclipse, y me acabo de instalar el plugin Swing Designer que está disponible dentro del propio Eclipse, en la famosa opción Help -> Install New Software. Instalada la versión 1.5.1 del Swing Designer, me he puesto manos a la obra.

En el Explorador de Proyectos, donde estés creando tu aplicación Java, le das con el botón derecho del ratón a New -> Other… Y verás una ventana como la siguiente donde puedes elegir todo el tipo de ficheros, clases, o lo que sea que quieras hacer:
Se parece a Visual Studio, NetBeans o IDEs similares ¿verdad? Personalmente no creo que Eclipse tenga nada que envidiar a ningún otro entorno de desarrollo de pago, o no de pago. ¿Qué más queremos teniendo Eclipse? Parezco un vendedor de Eclipse (jejejje es broma). Bromas aparte, depende de dónde te encuentres te irá mejor un entorno de desarrollo u otro…
Seguimos con lo que tenemos entre manos. He creado mi nueva Application Window que he llamado HolaMundoSwing y se me abre una ventana dentro de Eclipse tal que así:
Me ha generado 44 líneas de código, con las que ya tengo mi ventana con el programa básico. Tenemos disponible absolutamente todo el código necesario para crear aplicaciones con GUIs, es decir, que no se nos esconde nada del código fuente. Podríamos usar éste mismo código fuente en línea de comandos, y compilar nuestro programa Java con el javac.exe sin usar Eclipse. Lo que quiero explicar, es que Eclipse te genera y te da todo el código fuente, sin crear archivos secundarios en tu proyecto donde gestione la parte gráfica. No te atas a Eclipse. Es decir, en éste caso todo lo necesario está dentro del mismo fichero, te puedes llevar ésta recién creada aplicación de ventanas a otro sitio con sólo llevarte el fichero HolaMundoSwing.java y seguir programando.
Vamos ahora a lo que más nos va a interesar, el diseñador de formularios que nos va a ahorrar mucho tiempo en el diseño de la interfaz de usuario. Abajo tenemos una pestaña que pone ‘Design’, diseño en castellano. Le damos y nos sale una ventana como la siguiente. Aquí es donde podemos editar visualmente todo tipo de componentes visuales del estilo de botones, cajas de texto, grupos de selección, podemos poner imágenes, menús, y un largo etcétera…
Cómo se usa cada componente merece un post, así que éste lo voy a dejar así.

Lo lógico es que quieras juguetear poniendo componentes en tu nueva ventana. Para poder posicionarlos donde quieras hay que poner antes de nada en el formulario un ‘Absolute layer’ que tenemos en la sección ‘Layouts’. Después ya podrás poner los componentes donde quieras. En pocos segundos he puesto un botón, una etiqueta y una caja de selección, como podemos ver en la imagen de aquí arriba. Si volvemos a la pestaña de abajo donde pone ‘Source’, en nuestro Eclipse, veremos que automáticamente se ha generado todo el código correspondiente para dibujar los componentes en nuestro GUI. Queda después añadir el código para hacer funcionar cada cosa.

Puedes hacer doble click en el botón para ver la facilidad con que puedes empezar a programar. Se te pondrá delante el código fuente y la función donde puedes programar el click del botón. Verás un código tal que así:

JButton btnNewButton = new JButton(«Botu00F3n»);
btnNewButton.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
// AL HACER CLICK EJECUTA ÉSTO
}
});
btnNewButton.setBounds(10, 11, 89, 23);
frmholaMundoSwing.getContentPane().add(btnNewButton);

Aquí queda ésta pequeña introducción a los Swings de Java. Si quieres hacer un fichero ejecutable de Java, un .JAR y distribuir el programa que acabas de hacer; en la ventana del explorador de proyectos, le das con el botón derecho del ratón al fichero HolaMundoSwing.java. Se despliega el menú y le haces click en Exportar. Luego eliges Java JAR file. Eliges destino. Y ya tienes un ejecutable .jar que puedes usar en cualquier ordenador con el JRE instalado.
Un saludo.

Cómo montar un servidor propio con Joomla y Uniform Server

2012-11-05 - Categorías: General
Hola! Ya tengo algo de tiempo, estoy poniéndome al día y navegando veo que hay una nueva versión de Joomla, la 3.0.1. También veo que tengo disponible una nueva versión del Uniform Server, tengo la 8.5.7 y ya existe la 8.6.7, así que me he puesto las pilas para actualizarme y de paso os hago éste post.
Joomla ya es compatible con móviles, es la primera plataforma web compatible 100% con móviles, eso escriben en JoomlaSpanish.org. Así que con ésto, es un buen momento de probar la nueva versión.
Si estas aquí supongo que ya sabrás que Joomla es un CMS, un sistema para manejo de contenidos, y que el Uniform Server es un servidor de páginas web con base de datos MySQL y otros extras más… Si no lo sabías ya lo sabes, Joomla es una aplicación web, que instalada en un servidor web, te proporciona todas las utilidades necesarias para gestionar una página web medianamente compleja.
No voy a entrar en detalle sobre las diferencias entre usar un CMS ya hecho, usar un framework de desarrollo de webs, o programar todo directamente desde cero. Tal vez en otro post.
Asi que empezemos a montar un servidor propio…
Un poco de teoría
Antes de entrar directamente a instalar programas, sin saber lo que estamos haciendo debemos saber algunas cosas. Si eres un veterano, o muy valiente, pásate éste apartado xD
Todo en Internet, mientras navegamos, ocurre de la misma manera. Tenemos nuestro navegador, en el que ponemos las direcciones de Internet, le damos al Enter o al botón de turno, y mágicamente nos sale la página web. A ver, hay que entender que es lo que ocurre. Tenemos lo que se llama un cliente (navegador), y un servidor (el programa que nos envía a nuestro ordenador la página web y la podemos ver en nuestro navegador). Éste servidor web es lo que vamos a instalar. Y en concreto, el Uniform Server, que me atrevo a decir es muy buena opción.
Lo que vamos a hacer es simular lo que ocurre en Internet mientras navegamos, pero en nuestro ordenador en red local.

Ingredientes
  1. Uniform Server.
  2. Joomla en versión castellano.
El Joomla, en castellano, lo tienen en http://www.joomlaspanish.org/
Uniform Server es un proyecto en SourceForge.net, disponible en:
Y su página oficial es:
Sobre los ingredientes
He probado el XAMPP, que también es una buena opción, pero he elegido el Uniform Server para el trabajo de servidor web Apache con PHP y MySQL porque no hay que instalarlo, símplemente se descomprime. Y además es portable, es decir, que lo puedes llevar en un USB con toda tu web configurada y ejecutarla en cualquier ordenador con Windows sin tener que instalar todos los programas asociados a un servidor web (que pueden llegar a ser muchos).
Por otro lado, Joomla no es sólo un CMS, sino que también es un framework de desarrollo de aplicaciones web. La comunidad de Joomla, surgió del antiguo Mambo. He leido que hubo conflicto entre algunos de los actuales desarrolladores de Mambo y algunos de Joomla, que antes programaban juntos en Mambo, entonces se dividieron creando Joomla a partir de una versión de Mambo. No voy a entrar en la rumorología, el hecho es que Joomla surgió de Mambo, otro CMS anterior. Y ahora según las últimas estadísticas Joomla es el CMS más utilizado.
Joomla está construido en PHP, y actualmente trabaja sobre MySQL y se está añadiendo que pueda trabajar con otras bases de datos a fecha de hoy. Ésto es muy resumido porque Joomla es muy extenso e incluye gran cantidad de componentes. Es decir, tenemos un monton de archivos que descargaremos de la página, y éstos archivos van a ejecutarse de manera que todos los datos de Joomla se van a guardar en una base de datos. Es importante saber ésto porque tanto los archivos del directorio, como lo que haya en la base de datos forman tu web, no puedes separarlos.
El servidor web
Muy bien, llegado éste momento. Ya debemos tener descargados los archivos para el Joomla y el UniServer. Vamos a descomprimir primero el UniServer la versión completa del server, se llama Coral, debe ser uno llamado Coral_version.exe. Al arrancarlo te pide la carpeta donde lo quieres instalar, yo le he puesto C: y entonces me queda una estructura tal que así:
Arrancas el archivo Start_as_service.exe para usarlo como servicio instalándolo dentro del propio Windows. De ésta manera cada vez que arranques de nuevo Windows estará funcionando. Si lo prefieres usar como un programa sin instalarlo, puedes arrancar Start_as_program.exe y no necesitarás instalarlo como servicio. Yo lo tengo instalado como servicio, como podeis ver en la imagen.
Si no queremos complicarnos, sólo queda descomprimir el archivo de Joomla en el directorio C:UniServerwww y ya tendremos el servidor propio de Joomla en nuestro ordenador. Y accediendo a http://localhost/ veremos el Joomla que nos pide los datos para configurar la web.
Ésto es lo estrictamente necesario, de ésta manera te limitas a sólo tener una página web, y pierdes la página principal del UniServer. Yo prefiero configurarlo de otra manera, usando «hosts virtuales» y poniendo cada web en la carpeta que yo quiera. Me gusta tenerlo todo muy organizado, cada cosa en su carpeta, y poder acceder a cada página web de nuestro ordenador de la forma siguiente, por ejemplo:
http://localhost/  <- ésta es la página principal de nuestro servidor
http://unapaginajoomla/ <- ésta es la página web que vamos a configurar
http://temporal/ <- otra página web
etcétera…
Imaginemos que hemos puesto en D:MisPaginasWebunapaginajoomla los archivos de Joomla descomprimido, y en D:MisPaginasWebtemporal otra página web.
Vamos entonces a configurar los llamados «hosts virtuales», de manera que tengamos varios hosts en nuestra misma máquina. Entonces abrimos el panel de control del Uniform Server. Vamos a Server Configuration -> Apache -> Apache Vhosts. Entonces elegimos directorio D:MisPaginasWebunapaginajoomla, le ponemos el nombre debajo (en éste caso «unapaginajoomla») y confirmamos, y si no hemos tenido error le damos a Create Vhost. Reiniciamos el Apache con el panel de control del UniServer y ahora ya podremos acceder al Joomla que acabamos de descomprimir mediante el navegador poniendo http://unapaginajoomla/
Lo mismo podemos hacer con el directorio D:MisPaginasWebtemporal poniéndole como nombre de host virtual ‘temporal’ por ejemplo. Y así tantos hosts como queramos.
Yo prefiero tenerlo así para tener todas las páginas web localizadas en un directorio. Y a la vez puedes configurar tu entorno de desarrollo web para que acceda a esos directorios. Esto te puede ayudar a programar más organizadamente, pero ya entramos en otro tema que no viene al caso en éste post.
Podemos configurar el servidor de forma que nos sirva para un entorno de producción, o para desarrollo. Si estás programando en PHP o construyendo una web nueva con Joomla, te interesará activar ésto:
Dentro del panel de control del UniServer, entras a:
Server Configuration -> PHP -> Switch to Developement Configuration file
Así verás cualquier error o advertencia mientras que trabajas con el Joomla.
El CMS
Recapitulando, si todo ha ido bien ya tenemos Joomla en una carpeta, que yo he puesto en D:MisPaginasWebunapaginajoomla y que tiene un host virtual asociado. Ahora resulta que accedemos a la siguiente dirección:
Y ahora sí, vamos a configurar Joomla para poder crear contenido. La primera vez nos veremos el sistema de instalación tal que así:
Aquí arriba vemos que se ha simplificado enormemente los pasos de instalación en sólo tres. La ayuda proporcionada por el sistema está muy bien como para yo tener que explicar nada más.
A continuación veo que se ha añadido soporte para PostgreSQL, una gran base de datos. La comunidad de usuarios de Joomla llevaba tiempo queriendo tener soporte para otras bases de datos y ya por fin llegó.
Ponemos los datos de conexión a nuestra base de datos y al darle a siguiente tendremos el tercer y último paso con información sobre la instalación. Podemos aquí instalar datos de ejemplo para poder ver algo mientras que lo probamos.
Para terminar le damos a instalar y ya está, tendremos nuestra nueva y flamante página web, toda gestionada por Joomla, y en un servidor propio instalado en nuestro ordenador.
Terminando
Me sorprende todos los cambios de los últimos meses en Joomla, la interfaz es mucho más limpia. En fin, me parece una gozada el buen trabajo que esta haciendo la gente de Joomla. A ver si en otro post puedo entrar a destripar el Joomla, que tiene muy buena pinta ¿verdad? jejeje
Con ésto ya les dejo.
Un saludo

Java Medio 5: Clases tipo Interfaz

2012-11-02 - Categorías: Java

Vamos a ver cómo se usan las clases de tipo interface. Se usan de igual manera que las clases abstractas, pero tienen unas características peculiares propias de ellas que las diferencian. Las interfaces establecen las variables y funciones que se van a tener, pero no se implementan las funciones dentro de ellas, sino que se implementan en las clases derivadas.

No podemos heredar de varias clases abstractas, pero sí que se puede hacer herencia múltiple usando interfaces.

Un ejemplo para explicarlo todo ésto es el siguiente:

package javaMedio;

public class JavaMedio5Interfaz {

public static void main(String[] args) {
unaClase a;
a = new unaClase();
a.nombre = «María»;
a.escribir();
a.contar();
}

}

abstract class cBase {
public String nombre;

public void escribir() {
System.out.println(nombre);
}
}

interface iBase {
public static int version = 2;

public void contar();
}

class unaClase extends cBase implements iBase {

public void contar() {
System.out.println(«versión: » + version
+ «rnvamos a contar: 0,1,10,11,100,101,110,111,1000…»);
}
}

Su salida es la siguiente:

María
versión: 2
vamos a contar: 0,1,10,11,100,101,110,111,1000…

Vamos con la clase que hereda todo:

class unaClase extends cBase implements iBase {

public void contar() {
System.out.println(«versión: » + version
+ «rnvamos a contar: 0,1,10,11,100,101,110,111,1000…»);
}

Observa que extiende cBase e implementa iBase, extends e implements son palabras clave. Dentro de ésta clase sólo se implementa la función contar(), y la función escribir ya está implementada.

No tiene más complicaciones, espero que haya servido de aclaración si eres nuevo o de recuerdo si ya eres veterano en ésto.

Un saludo


Java Medio 4: Miembros tipo Static

2012-11-01 - Categorías: Java

Algo raro pasa con static. Surge de la necesidad de compartir datos o código entre todas los objetos de una misma clase.

Por ello, los atributos declarados como static dentro de una clase, existen incluso sin tener ningún objeto de la clase, y se puede acceder a ellos con sólo haber cargado la clase en la JVM. Es decir, por ejemplo, si tenemos una clase como la siguiente:




package javaMedio;

public class Persona {
public String nombre = new String();
public static String nombreDeLaClase = new String(«Persona»);
private static String version = new String(«1.0.0»); 

public void escribir() {
System.out.println(«Ésta persona se llama » + nombre);
System.out.println(«…» + nombreDeLaClase);
System.out.println(«…» + version);
}
}

Y en otro fichero tenemos algo tal que así:

package javaMedio;

public class JavaMedio4Static {

public static void main(String[] args) {
System.out.println(Persona.nombreDeLaClase);

// no podemos hacer ésto
// System.out.println(Persona.version);

Persona p1 = new Persona();
Persona p2 = new Persona();

p1.nombre = «Pepito»;
p2.nombre = «Juanito»;

// no debemos, pero podemos hacer ésto
p1.nombreDeLaClase = «Clase de nombre Persona»;
// deberíamos hacer así
Persona.nombreDeLaClase = «Clase de nombre Persona»;
// para evitar confusiones
// porque todas las Personas
// van a tener la misma variable
// nombreDeLaClase

p1.escribir();
p2.escribir();
}

}

Observa que al principio del main accedemos directamante a la variable Persona.nombreDeLaClase sin haber declarado tan siquiera un objeto de tipo Persona. Sólo porque están en el mismo package las dos clases entonces ya podemos acceder a la variable. Y se puede acceder a ésta variable porque ya está cargada en la máquina virtual de Java y es accesible.

Luego más abajo tenemos cómo cambiar una variable static pública. Para terminar observa que no se puede acceder desde fuera a una variable static privada. Si declaramos más objetos de tipo Persona, todos van a tener el mismo valor de las variables static.

La salida del programa es la siguiente:

Persona
Ésta persona se llama Pepito
…Clase de nombre Persona
…1.0.0
Ésta persona se llama Juanito
…Clase de nombre Persona
…1.0.0

Retomando el ejemplo. Viendo la salida del programa, tenemos la variable nombre, que cada objeto tiene un valor distinto (Pepito y Juanito). Y por otro lado el nombreDeLaClase y versión, que tienen el mismo valor tanto para p1 como para p2, es decir, comparten éstas dos mismas variables. Éste es un ejemplo sencillo pero da mucho más juego el uso de static.

Un saludo

© 2024 JnjSite.com - MIT license

Sitio hecho con WordPress, diseño y programación del tema por Jnj.