ElBlog

En mantención

2010-04-17T22:34:00.000-04:00

Estamos remodelando

Sólo quería avisar que Google no tiene los suficientes recursos y ganas de seguir manteniendo los blogs que se alojan en servidores propios (como este blog) así que nos están obligando a retirarnos, pasar a blogspot o redirigir un subdominio a sus servidores.

Yo pienso que es por el tema de la publicidad: quieren hacerle la vida más fácil a la gente que no cacha.

Por lo mismo, he estado evaluando estos meses Wordpress y Joomla. La verdad es que me carga mantener bases de datos, era feliz manejando sólo archivos.

También me ha costado mucho tratar de insertar mi propio código dentro de los artículos de este blog en Wordpress para que se ejecute tal como yo lo quiero. Me gusta más escribir el html directamente cuando escribo, por ejemplo, esto.

Así que no sé qué voy a hacer, quedan pocos días para que se acabe el mes y no pueda escribir más en este blog a través de blogger y sus comentarios no aparezcan.

También hay que pensar en los buscadores que ya tienen estos artículos en sus resultados, los links en otros blogs, el OpenId; el feed por lo menos está en feedburner, pero puede que con el cambio vuelvan a aparecer los artículos antiguos como nuevos. Maldito, Blogger.

Esto está en mantención.

Referencias

Blogger FTP Info - Deprecating FTP

Cómo ejecutar Talend 4.0 en Mac OS X

2010-01-02T05:31:00.000-03:00

La primera versión beta de Talend 4 (software comercial para ETL) tiene un pequeño error que impide que se ejecute a la primera en OS X.

Para una tarea de inteligencia de negocios nos pidieron usar Talend para el proceso de ETL y cuando fui a ejecutar el TalendOpenStudio-macosx-carbon.app de la versión de prueba de una temprana versión beta de Talend 4.0.0, aparecía el siguiente error:

The TalendOpenStudio-macosx-carbon executable launcher was unable to locale its companion launcher jar.

Para arreglarlo había que abrir el archivo TOS-All-r33789-V4.0.0M1/TalendOpenStudio-macosx-carbon.app/Contents/MacOS/TalendOpenStudio-macosx-carbon.ini. (Para abrir la .app, en el menú contextual sobre el archivo de la aplicación seleccionar Mostrar contenido del paquete).

Hay que editar la parte que dice

-startup
../../../plugins/org.eclipse.equinox.launcher_1.0.200.v20090520.jar

y reemplazarla por

-startup
../../../plugins/org.eclipse.equinox.launcher_1.0.201.R35x_v20090715.jar

Con eso, pude ejecutar la versión 4 (que ya viene con los permisos de ejecutables resueltos) con sólo hacer click en TalendOpenStudio-macosx-carbon.app en el dock.

Interfaz gráfica de Talend Open Studio 4.0.0M1 para Mac OS X.

Referencias

test only, Talend Open Studio 4.0.0M1 is available

Saber el SID de Oracle en UNIX

2009-12-12T18:33:00.001-03:00

Estaba tratando de conectarme a Oracle desde SQL Developer pero el formulario de la conexión me pedía el SID. ¿Pero cuál es mi SID? ¿Ah?

Por suerte, Oracle estaba instalado sobre un ambiente parecido a UNIX como lo es Linux y pude conocer este dato entrando por SSH al servidor y escribiendo el comando:

echo $ORACLE_SID

Ventana de configuración de conexiones de SQL Developer para Mac OS X con el SID acinfo.

Para administrar mi base de datos estoy usando el software gratuito oficial de Oracle multi-plataforma SQL Developer (requiere registro previo en oracle.com).

Referencias

All Experts: Oracle - I installed Oracle xe on my...

Columnas que se auto-incrementan en PostgreSQL

2009-12-11T18:06:00.006-03:00

PostgreSQL

MySQL tiene la posibilidad de crear columnas que se auto-incrementan en la misma definición de la columna a travé del comando AUTO_INCREMENT, no así PostgreSQL. En Postgres es más complicado, y de esta manera lo hago yo.

1. Crear secuencia

Con pgAdmin III

pgAdmin3 es una aplicación multi-plataforma que sirve para administrar las bases de datos PostgreSQL hecha por la misma comunidad PostgreSQL. Si l quieres hacer por líneas de comandos, avanza un poco más en este artículo.

Una vez abierto el pgAdmnin3 y hecha la conexión:

Expando mi base datos, mi Esquema, elijo con el botón secundario del mouse la sección Secuencias y elijo en el menú contextual la opción Nueva Secuencia...

Menú contextual sobre las Secuencias de una base de datos PotgreSQL en pgAdmin3.
En el formulario le pongo un nombre (en mi caso se llamará transferencias_id), el usuario que hará uso de esta secuencia (en mi caso, el usurio se llama ooscarr) y OK. También puedo elegir si quier que se auto-incremente a partir de un número diferente al 1 y/o si quiero que el número vaya aumentando de 2 en 2, 3 en 3, etc. en vez de 1 en 1 como se pone por defecto.

Diálogo de secuencia nueva en pgAdminIII. Si sólo se llenan los campos Nombre y Propietario, PostgreSQL los llenará automáticamente con incremento de 1 en 1, desde el número 1, y le asignará una OID, etc, etc.

Lo mismo, desde la línea de comandos

si seleccionas la nueva secuencia que se agrega a la lista puedes ver el comando SQL que se utilizó para crearla. Lo mismo se pudo haber hecho desde la línea de comandos psql con:

CREATE SEQUENCE transferencias_id;

CREATE SEQUENCE transferencias_id
  INCREMENT 1
  MINVALUE 1
  START 1
  CACHE 1;
ALTER TABLE transferencias_id OWNER TO ooscarr;

transferencias_id es el nombre que le asigné a la secuencia y ooscarr es el usuario de PostgreSQL que es dueño de esta variable auto-incrementable.

2. Usar la secuencia en una columna

Con pgAdmin3

Expandemos la tabla que queremos modificar, expandemos Columnas, y seleccionamos la columna de la tabla que se deseas que se auto-incremente con esta variable, vas a las Propiedades....
En el inspector de columna, le asignamos el Valor por defecto NEXTVAL('transferencias_id'). Siendo transferencias_id el nombre de la secuencia.

Diálogo de Propiedades de columna en pgAdminIII, con el campo Valor por defecto NEXTVAL('transferencias_id').
OK

Con comandos (`psql`)

Sería...

ALTER TABLE transferencias 
    ALTER COLUMN id 
        SET DEFAULT NEXTVAL('transferencias_id');

transferencias_id es el nombre de la secuencia, id es el nombre de la columna a asignarle la secuencia y transferencias es el nombre de mi tabla donde está la columna con al secuencia.

Actualizar filas anteriores sin la secuencia

Con comandos

Para cambiar los valores null de las filas creadas antes de la asignación de la variable auto-incrementable, consultamos:

UPDATE transferencias 
    SET id = NEXTVAL('transferencias_id');

Ese paso final es una de las cosas más lentas que puedes pedirle a Postgres que haga posiblemente. Para una tabla de tamaño mediano (alrededor de 5,000,000 tuplas, con unas cuantas columnas de pequeños números y textos), eso tomó cerca de 2.5 horas en hardware poderoso - así que querrás dejar esto por un tiempo tranquilo. Afortunadamente Postgres interpreta el UPDATE como una transacción atómica: nada se realiza hasta que el comando se complete, así será difícil que dejes los datos en un estado inconsistente.

Y ya con eso, cada vez que crees una nueva fila en esa tabla, esa columna se llenará automáticamente con un número distinto automáticamente.

Referencias

MySQL versus PostgreSQL: Adding an Auto-Increment Column to a Table

Ejemplo de aplicación web con Hibernate que funciona usando Netbeans IDE y JSTL (JSP(X))

2009-12-04T01:32:00.011-03:00

Al final de este tutorial conocerás la dinámica del desarrollo de una aplicación web manejando la persistencia de la base de datos con Hibernate y cómo NetBeans IDE te ayuda a escribir el código y consultar la base de datos. También escribirás una aplicación web JSP que haga consultas a esta base de datos a través usando XML.

Este ejemplo de Hibernate es famoso, está documentado en varias páginas, pero todas tienen el código malo y es frustrante aprender así. Así que lo corregí y lo traduje al español sacando cosas de uno y de otro mismo tutorial que encontré en ¡chino, portugués, inglés y ruso!

Soporte para Hibernate en aplicaciones web está disponible desde NetBeans IDE 6.1. Desde NetBeans IDE 6.5, también puedes hacer ingeniería inversa a las tablas de una BD a archivos de mapeo y clases Java correspondientes usando un asistente intuitivo.

Pasos previos

Antes de empezar necesitarás:

Instalar NetBeans IDE. Al momento de escribir esto, anda dando vueltas la versión 6.8 RC2.
Instalar MySQL o Java DB, o tener acceso a conectarte a una de estas bases de datos con permiso para acceder o crear la base de datos Sakila. La base de datos Sakila está disponible en estos dos tipos de bases de datos, pero Hibernate funciona con cualquier JDBC, por ejemplo PostgreSQL y Oracle.
Importar la base de datos de ejemplo Sakila (a la que le haremos consultas en este ejemplo).

Una vez obtenido esto, asegúrate de configurar NetBeans IDE para poder acceder a la base de datos Sakila desde el panel "Prestaciones" (Menú Ventana > Prestaciones.

Instalar el complemento de Hibernate

El plug-in, si no lo tienes ya instalado, lo obtienes

yendo, en el menú, a Herramientas > Complementos.
En la ficha Plugins disponibles, selecciona la casilla del módulo Hibernate y presiona Instalar.
Siguiente
Acepta los términos de todos los contratos de licencia y presiona el botón de Instalar.
Después que se descargue y se instale, presiona Terminar.
Y listo, el módulo para Hibernate (o Hibernar) se activará solo; o sino, reinicia NetBeans IDE.

Crear Proyecto nuevo

Primero: lo típico. Creamos un Proyecto nuevo de tipo Aplicación web.

Asistente de Nuevo proyecto de NetBeans, bajo la categoría Web está la opción Aplicación web.

Para nuestro ejemplo, le damos el nombre DVDStore.

Elegimos un servidor como Tomcat o Glassfish, Siguiente y marcamos la opción Hibernate y seleccionamos la base de datos jdbc:mysql://localhost:3306/sakila, en nuestro caso, de la lista que, supongo, ya habías configurado anteriormente como indiqué en los pasos previos de este tutorial.

Asistente de Nuevo proyecto de NetBeans, después de marcar la casilla que habilita Hibernate 3.2.5 abajo selecciona la base de datos Sakila instalada en localhost.
Terminar

Fíjate que en:

DVDStore
- Libraries

se agregaron automáticamente las librerías necesarias para utilizar Hibernate y conectar a la base de datos.

Configurar proyecto

`hibernate.cfg.xml`

Abre el archivo hibernate.cfg.xml que está en la ruta:

DVDStore
- Source Packages
  - <paquete predeterminado>
    - hibernate.cfg.xml

Una vez abierto en NetBeans IDE, en el modo Diseño, en la parte Propiedades opcionales, Propiedades de configuración, pon Agregar... y añade la propiedad:

Nombre de la propiedad: hibernate.show_sql

Valor de la propiedad: true

Nombre de la propiedad:	`hibernate.show_sql`
Valor de la propiedad:	`true`

Com el asistente de diseño de XML de configuración en NetBeans IDE se puede seleccionar los valores en una lista desplegable sin tocar el código XML.

Dentro de las mismas Propiedades opcionales del modo Diseño de NetBeans IDE, más abajo, en Propiedades varias, Agrega la propiedad:

Nombre de la propiedad:	`hibernate.current_session_context_class`
Valor de la propiedad:	`thread`

Después de esto, si ves el archivo hibernate.cfg.xml en el modo Operador XML, quedaría un código más o menos así, pero con otras contraseñas, por supuesto:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE hibernate-configuration PUBLIC "-//Hibernate/Hibernate Configuration DTD 3.0//EN" "http://hibernate.sourceforge.net/hibernate-configuration-3.0.dtd">
<hibernate-configuration>
  <session-factory>
    <property name="hibernate.dialect">org.hibernate.dialect.MySQLDialect</property>
    <property name="hibernate.connection.driver_class">com.mysql.jdbc.Driver</property>
    <property name="hibernate.connection.url">jdbc:mysql://localhost:3306/sakila</property>
    <property name="hibernate.connection.username">root</property>
    <property name="hibernate.connection.password">######</property>
    <property name="hibernate.current_session_context_class">thread</property>
    <property name="hibernate.show_sql">true</property>
  </session-factory>
</hibernate-configuration>

Guarda los cambios del archivo.

Asistente de ingeniería inversa de Hibernate

Agreguemos un nuevo archivo, y seleccionemos Hibernar > Asistente de ingeniería inversa de Hibernate

Asistente para la creación de nuevo archivo en NetBeans IDE. El primer paso es seleccionar la categoría Hibernar y luego, en la columna derecha, Asistente de ingeniería inversa de Hibernate

En el siguiente paso dejamos los valores por defecto (asegurándonos que pertenezca al proyecto DVDStore). Siguiente.

Se cargarán automáticamente los nombres de las tablas de la base de datos Sakila (elegida cuando creamos el proyecto), y seleccionaremos las tablas:

actor

category

film

film_actor

film_category

language

Asistente de ingeniería inversa de Hibernate tiene 2 columnas: Tablas disponibles (con las tablas en la base de datos) y Tablas seleccionadas (con las tablas que se utilizarán en el proyecto)
Para pasar tablas de una columnas a la otra, existen los botones Agregar > y < Eliminar.

Si marcas la casilla Incluir tablas relacionadas algunas otras tablas se incluirán automáticamente. Eso está bien.

Al presionar Terminar se va a crear un archivo hibernate.reveng.xml parecido a este:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE hibernate-reverse-engineering PUBLIC "-//Hibernate/Hibernate Reverse Engineering DTD 3.0//EN" "http://hibernate.sourceforge.net/hibernate-reverse-engineering-3.0.dtd">
<hibernate-reverse-engineering>
  <schema-selection match-catalog="sakila"/>
  <table-filter match-name="film"/>
  <table-filter match-name="language"/>
  <table-filter match-name="category"/>
  <table-filter match-name="actor"/>
  <table-filter match-name="film_category"/>
  <table-filter match-name="film_actor"/>
</hibernate-reverse-engineering>

No lo edites, cíerralo.

Archivos de mapas de Hibernate y POJOs de la base de datos

Crea un Archivo nuevo.... Categoría Hibernar, tipo Archivos de mapas de Hibernate y POJOs de la base de datos.

Asistente para la creación de nuevo archivo en NetBeans IDE. El primer paso es seleccionar la categoría Hibernar y luego, en la columna derecha, Archivos de mapas de Hibernate y POJOs de la base de datos.

Debes ponerle nombre a la clase donde estarán los mapas de Hibernate. Para que este tutorial funcione, ponle dvdrental

En el asistente de nuevo archivo de mapas de Hibernate y POJOs de la base de datos, en el paso de la Generación de código, debes seleccionar hibernate.cfg.xml como archivo de configuración de Hibernate e hibernate.reveng.xml como archivo de ingeniería inversa.

...y presiona el botón Terminar. Se deberían generar los siguientes archivos:

DVDStore
- Source Packages
  - dvdrental
    - Actor.hbm.xml
    - Actor.java
    - Category.hbm.xml
    - Category.java
    - Film.hbm.xml
    - Film.java
    - FilmActor.hbm.xml
    - FilmActor.java
    - FilmActorId.java
    - FilmCategory.hbm.xml
    - FilmCategory.java
    - FilmCategoryId.java
    - Language.hbm.xml
    - Language.java

`HibernateUtil.java`

Lo último sería crear un Archivo Nuevo..., Categoría Hibernar, Tipo HibernateUtil.java.

Al crear el nuevo archivo HibernateUtil.java, en el asistente de nuevo archivo de NetBeans IDE, por favor fijarse en cambiar el nombre del archivo propuesto NewHibernateUtil por HibernateUtil sin el New y agregarlo al paquete dvdrental
Terminar

Empecemos

`FilmHelper.java`

Crea una nueva Clase Java (Archivo Nuevo..., Categoría Java, tipo Clase Java) y llámale FilmHelper y ponlo dentro del paquete dvdrental.

Creación de una nueva clase Java llamada FilmHelper en el paquete dvdrental utilizando NetBeans IDE 6.8 para Mac OS X.
Terminar

Agrega el siguiente código (en negrita) para crear una sesión de Hibernate.

package dvdrental;

public class FilmHelper {

 Session session = null;

 public FilmHelper() {
  this.session = HibernateUtil.getSessionFactory().getCurrentSession();
 }

}

Van a aparecer unos errores que se arreglan usando el menú contextual (botón secundario del ratón) y eligiendo la opción Reparar importaciones.

Menú contextual aparece cuando uno hace click sobre el código fuente.
La opción Reparar importaciones en inglés se llama Fix import.

Si dejamos el valor por defecto, quedaría el código de FilmHelper.java de la siguiente manera:

package dvdrental;

import org.hibernate.Session;

public class FilmHelper {

 Session session = null;

 public FilmHelper() {
  this.session = HibernateUtil.getSessionFactory().getCurrentSession();
 }
 
}

Consultas HQL

Probemos algo. Haz click con el botón secundario sobre el archivo Source Packages/<paquete predeterminado>/hibernate.cfg.xml y selecciona la opción Ejecutar la consulta HQL del menú contextual.

Opción Ejecutar la consulta HQL aparece en el menú contextual sólo cuando se hace click sobre el archivo hibernate.cfg.xml.

En la barra de herramientas del editor de consultas HQL, selecciona la Sesión: hibernate.cfg y escribe lo siguiente en la primera caja de texto grande:

from Film

Y presiona el botón que está al lado de la lista desplegable que debería estar mostrando hibernate.cfg como opción seleccionada para hacer la consulta y obtener un resultado como el siguiente.

El Editor de consultas HQL de NetBeans IDE tiene dos partes: arriba para escribir la consultas y abajo para mostrar los resultados o equivalente SQL.

Ahora prueba con una consulta un poquito más complicada:

from Film as film where film.filmId between 100 and 200

Con las consultas probadas, obteniendo los resultados esperados, podemos utilizarlas en la clase helper.

Hibernate

Edita el archivo FilmHelper.java y agrégale el siguiente método (marcado con negrita):

package dvdrental;

import java.util.List;
import org.hibernate.Query;
import org.hibernate.Session;

public class FilmHelper {

 Session session = null;

 public FilmHelper() {
  this.session = HibernateUtil.getSessionFactory().getCurrentSession();
 }
 
  // Obtiene los films donde el id de film está entre un cierto rango especificado por las variables startID y endID

 public List getFilmTitles(int startID, int endID) {
  List<Film> filmList = null;
  try {
   org.hibernate.Transaction tx = session.beginTransaction();
   Query q = session.createQuery("from Film as film where film.filmId between '" + startID + "' and '" + endID + "'");
   filmList = (List<Film>) q.list();
  } catch (Exception e) {
   e.printStackTrace();
  }
  return filmList;
 }
 
}

Repara las importaciones (Fix Import) si es necesario, utilizando las clases de hibernate.

Asistente para reparar importaciones en el código Java de NetBeans IDE. Instrucciones Import: Query org.hibernate.Query y List java.util.List.

para que quede completamente igual como está en el código de ejemplo anterior.

Vuelve a abrir el Editor de Consultas HQL y haz la siguiente query:

from Actor as actor where actor.actorId in (select filmActor.actor.actorId from FilmActor as filmActor where filmActor.film.filmId='10')

Esta consulta obtiene los actores de la película del filmid = 10.

Ahora súmale el siguiente método (marcado con negrita) al archivo FilmHelper.java:

package dvdrental;

import java.util.List;
import org.hibernate.Query;
import org.hibernate.Session;

public class FilmHelper {

 Session session = null;

 public FilmHelper() {
  this.session = HibernateUtil.getSessionFactory().getCurrentSession();
 }

  // Obtiene los films donde el id de film está entre un cierto rango especificado por las variables startID y endID

 public List getFilmTitles(int startID, int endID) {
  List<Film> filmList = null;
  try {
   org.hibernate.Transaction tx = session.beginTransaction();
   Query q = session.createQuery("from Film as film where film.filmId between '" + startID + "' and '" + endID + "'");
   filmList = (List<Film>) q.list();
  } catch (Exception e) {
   e.printStackTrace();
  }
  return filmList;
 }

 // Obtiene los actores en un film particular
 public List getActorsByID(int filmId) {
  List<Actor> actorList = null;
  try {
   org.hibernate.Transaction tx = session.beginTransaction();
   Query q = session.createQuery("from Actor as actor where actor.actorId in (select filmActor.actor.actorId from FilmActor as filmActor where filmActor.film.filmId='" + filmId + "')");
   actorList = (List<Actor>) q.list();

  } catch (Exception e) {
   e.printStackTrace();
  }

  return actorList;
 }

}

Repara las importaciones si es necesario. Guarda.

Ahora agrega 3 métodos más y algunos métodos que inventé para hacer uso de beans en el código JSPX.


package dvdrental;

import java.util.List;
import org.hibernate.Query;
import org.hibernate.Session;

public class FilmHelper {

 Session session = null;

 public FilmHelper() {
  this.session = HibernateUtil.getSessionFactory().getCurrentSession();
 }

 // Obtiene los films donde el id de film está entre un cierto rango especificado por las variables startID y endID
 public List getFilmTitles(int startID, int endID) {
  List<Film> filmList = null;
  try {
   org.hibernate.Transaction tx = session.beginTransaction();
   Query q = session.createQuery("from Film as film where film.filmId between '" + startID + "' and '" + endID + "'");
   filmList = (List<Film>) q.list();
  } catch (Exception e) {
   e.printStackTrace();
  }
  return filmList;
 }

 // Obtiene los actores en un film particular
 public List getActorsByID(int filmId) {
  List<Actor> actorList = null;
  try {
   org.hibernate.Transaction tx = session.beginTransaction();
   Query q = session.createQuery("from Actor as actor where actor.actorId in (select filmActor.actor.actorId from FilmActor as filmActor where filmActor.film.filmId='" + filmId + "')");
   actorList = (List<Actor>) q.list();

  } catch (Exception e) {
   e.printStackTrace();
  }

  return actorList;
 }

 // Obtiene una lista de categorías de acuerdo al filmId
 public Category getCategoryByID(int filmId) {
  List<Category> categoryList = null;
  try {
   org.hibernate.Transaction tx = session.beginTransaction();
   Query q = session.createQuery("from Category as category where category.categoryId in (select filmCat.category.categoryId from FilmCategory as filmCat where filmCat.film.filmId='" + filmId + "')");
   categoryList = (List<Category>) q.list();

  } catch (Exception e) {
   e.printStackTrace();
  }

  return categoryList.get(0);
 }

 // Obtiene un solo film de acuerdo al filmId
 public Film getFilmByID(int filmId) {

  Film film = null;

  try {
   org.hibernate.Transaction tx = session.beginTransaction();
   Query q = session.createQuery("from Film as film where film.filmId=" + filmId);
   film = (Film) q.uniqueResult();
  } catch (Exception e) {
   e.printStackTrace();
  }

  return film;
 }


 // Obtiene el idioma del film de acuerdo a un langId
 public String getLangByID(int langId) {

  Language language = null;

  try{
   org.hibernate.Transaction tx = session.beginTransaction();
   Query q = session.createQuery("from Language as lang where lang.languageId=" + langId);
   language = (Language) q.uniqueResult();
  } catch (Exception e) {
   e.printStackTrace();
  }

  return language.getName();
 }



 //Métodos para no poner código java en el JSPX
 int startId;
 int endId;

 int filmId;
 int langId;

 public void setAttributeStartID(int startId){
  this.startId = startId;
 }
 public void setAttributeEndID(int endId){
  this.endId = endId;
 }
 public List getFilmTitlesList(){
  return getFilmTitles(startId,endId);
 }
 public void setAttributeFilmByID(int filmId){
  this.filmId = filmId;
 }
 public List getActorsID() {
  return getActorsByID(filmId);
 }
 public Category getCategoryID() {
  return getCategoryByID(filmId);
 }
 public Film getFilmID() {
  return getFilmByID(filmId);
 }
 public void setAttributeLangByID(int langId){
  this.langId = langId;
 }
 public String getLangID() {
  return getLangByID(langId);
 }

}

JSP(X)

Hurra. Por fin llegamos a las páginas web. A mi me gusta escribir las JSP con JSTL así que antes de seguir deberás...

Instalar la librería JSTL

Entra a las propiedades del proyecto (botón secundario del ratón sobre DVDStore, opción Propiedades).
En la sección Libraries hay un botón Add Library.... Presiónalo.
Si no te aparece inmediatamente, Importa la librería (o biblioteca también le llaman) JSTL 1.1 o superior.
Selecciona la librería JSTL y añádela al proyecto.
Aceptar

Nuevo archivo JSPX

Primero elimina el archivo index.jsp del proyecto que está en la carpeta DVDStore/Web Pages/ del proyecto.

Agrega un nuevo archivo JSPX y cambia la página por defecto.

En el archivo index.jspx escribe lo siguiente.

`index.jspx`

<?xml version="1.0" encoding="UTF-8"?>
<!-- 
    Document   : index
    Created on : 01-dic-2009, 21:43:16
    Author     : ooscarr
-->
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
     xmlns:c="http://java.sun.com/jsp/jstl/core"
     xmlns:fn="http://java.sun.com/jsp/jstl/functions">

 <jsp:output
  omit-xml-declaration="no"
  doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN"
  doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
  doctype-root-element="html"/>

 <jsp:directive.page import="dvdrental.*"/>
 <jsp:directive.page import="java.util.List"/>

 <jsp:directive.page contentType="text/html" pageEncoding="UTF-8"/>

 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
   <title>DVDStore</title>
  </head>
  <body>


   <c:set var="startID" value="1"/>
   <c:set var="endID" value="10"/>
   <c:set var="prev_startID" value="1"/>
   <c:set var="prev_endID" value="10"/>
   
   <c:set var="FILM_RECORD_COUNT" value="1000"/>
   
   <c:set var="RECORD_START_PAGE" value="false"/>
   <c:set var="RECORD_END_PAGE" value="false"/>


   <c:if test="${not empty param.startid}">
    <c:set var="startID" value="${param.startid}"/>
   </c:if>
   <c:if test="${not empty param.endid}">
    <c:set var="endID" value="${param.endid}"/>
   </c:if>

   <jsp:useBean id="helper" class="dvdrental.FilmHelper"/>
   <!-- Invento para pasar filmID a FilmHelper.java -->
   <c:set target="${helper}" property="attributeStartID" value="${startID}"/>
   <c:set target="${helper}" property="attributeEndID" value="${endID}"/>
   <c:set var="filmTitles" value="${helper.filmTitlesList}"/>

   <c:if test="${startID == 1}">
    <c:set var="RECORD_START_PAGE" value="true"/>
   </c:if>
   <c:if test="${endID == FILM_RECORD_COUNT}">
    <c:set var="RECORD_END_PAGE" value="true"/>
   </c:if>

   <c:set var="prev_startID" value="${startID-10}"/>
   <c:set var="prev_endID" value="${endID-10}"/>

   <c:set var="startID" value="${endID+1}"/>
   <c:set var="endID" value="${endID+10}"/>

   <c:set var="filmTitlesSize" value="${fn:length(filmTitles)}"/>


   <table>
    <thead>

     <c:choose>
      <c:when test="${RECORD_START_PAGE}">
       <tr>
        <td class="NEXT"> </td>
        <td class="NEXT"> </td>
        <td class="NEXT"> </td>
        <td class="NEXT">
         <a class="NEXT" href="index.jspx?startid=${startID}&amp;endid=${endID}">Next</a></td>
       </tr>
      </c:when>
      <c:when test="${RECORD_END_PAGE}">
       <tr>
        <td class="NEXT"> </td>
        <td class="NEXT"> </td>
        <td class="NEXT">
         <a class="NEXT" href="index.jspx?startid=${prev_startID}&amp;endid=${prev_endID}">Prev</a></td>
        <td class="NEXT"> </td>
       </tr>
      </c:when>
      <c:otherwise>
       <tr>
        <td class="NEXT"> </td>
        <td class="NEXT"> </td>
        <td class="NEXT">
         <a class="NEXT" href="index.jspx?startid=${prev_startID}&amp;endid=${prev_endID}">Prev</a></td>
        <td class="NEXT">
         <a class="NEXT" href="index.jspx?startid=${startID}&amp;endid=${endID}">Next</a>
        </td>
       </tr>
      </c:otherwise>
     </c:choose>


     <tr><th>Title</th><th>Description</th><th> </th><th> </th></tr>
    </thead>
    <tbody>

     <c:forEach items="${filmTitles}" var="i">
      <c:set var="film" value="${i}"/>
      <c:set var="filmID" value="${film.filmId}"/>
      <tr>
       <td class="COL1">
        <a href="browse.jspx?id=${filmID}">${film.title}</a>
       </td>
       <td class="COL2">${film.description}</td>
       <td class="COL2">
        <a href="browse.jspx?id=${filmID}">More</a>
       </td>
       <td class="COL2">
        <a href="rent.jsp?id=${filmID}">Rent</a>
       </td>
      </tr>
     </c:forEach>

    </tbody>
   </table>

  </body>
 </html>
</jsp:root>

Ya lo puedes hacer correr si quieres probarlo.

Si no te gusta escribir las JSP con JSTL, puedes revisar el código oficial donde está lo mismo pero en clave Java clásico.

`browse.jspx`

Crea otro archivo JSP con sintaxis XML que se llame browse con el siguiente código:

<?xml version="1.0" encoding="UTF-8"?>
<!-- 
    Document   : browse
    Created on : 29-nov-2009, 19:47:16
    Author     : ooscarr
-->
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
     xmlns:c="http://java.sun.com/jsp/jstl/core">

 <jsp:output
  omit-xml-declaration="no"
  doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN"
  doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
  doctype-root-element="html"/>

 <jsp:directive.page import="dvdrental.*"/>
 <jsp:directive.page import="java.util.List"/>

 <jsp:directive.page contentType="text/html" pageEncoding="UTF-8"/>

 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
   <title>DVDStore browse</title>
  </head>
  <body>
   
   <!-- Get title ID -->
   <c:set var="filmID" value="1"/>
   <c:if test="${not empty param.id}">
    <c:set var="filmID" value="${param.id}"/>
   </c:if>

   <c:set var="startPage">false</c:set>
   <c:set var="endPage">false</c:set>

   <jsp:useBean id="helper" class="dvdrental.FilmHelper"/>

   <!-- Invento para pasar filmID a FilmHelper.java -->
   <c:set target="${helper}" property="attributeFilmByID" value="${filmID}"/>

   <jsp:useBean id="film" class="dvdrental.Film"/>
   <c:set var="film" value="${helper.filmID}"/>

   <c:set var="filmTitle" value="${film.title}"/>
   <c:set var="filmDescription" value="${film.description}"/>

   <!-- Get Actors -->
   <c:set var="actors" value="${helper.actorsID}"/>

   <!-- Get Category -->
   <c:set var="category" value="${helper.categoryID}"/>

   <c:set var="totalCast">
    <c:forEach items="${actors}" var="i">${i.firstName} ${i.lastName}, </c:forEach>
   </c:set>

   <!-- Invento para pasar langId a FilmHelper.java -->
   <c:set target="${helper}" property="attributeLangByID" value="${film.languageByLanguageId.languageId}"/>
   <!-- Obtiene el idioma usando el langId entregado anteriormente -->
   <c:set var="language" value="${helper.langID}"/>
   
   <c:set var="filmLength" value="${film.length}"/>
   <c:set var="filmRating" value="${film.rating}"/>
   <c:set var="filmYear" value="${film.releaseYear}"/>
   
   <c:set var="rentalDuration" value="${film.rentalDuration}"/>
   <c:set var="rentalRate" value="${film.rentalRate}"/>

   <c:set var="specialFeatures" value="${film.specialFeatures}"/>


   <table>
    <tr>
     <td class="RENT"> </td>
     <td class="RENT">
      <a class="RENT" href="browse.jspx?id=${filmID}">Arrendar</a>
     </td>
    </tr>
    <tr>
     <th class="TITLE">Título</th>
     <td class="TITLE">${filmTitle}</td>
    </tr>
    <tr>
     <th class="COL1">Descripción</th>
     <td class="COL2">${filmDescription}</td>
    </tr>
    <tr>
     <td class="COL1"> </td>
     <td class="COL2"> </td>
    </tr>
    <tr>
     <th class="COL1">Género</th>
     <td class="COL2">${catName}</td>
    </tr>
    <tr>
     <td class="COL1"> </td>
     <td class="COL2"> </td>
    </tr>
    <tr>
     <th class="COL1">Reparto</th>
     <td class="COL2">${totalCast}</td>
    </tr>
    <tr>
     <td class="COL1"> </td>
     <td class="COL2"> </td>
    </tr>
    <tr>
     <th class="COL1">Duración de la película</th>
     <td class="COL2">${filmLength} <abbr title="minutos">mins.</abbr></td>
    </tr>
    <tr>
     <th class="COL1">Idioma</th>
     <td class="COL2">${language}</td>
    </tr>
    <tr>
     <th class="COL1">Calificación cinematográfica</th>
     <td class="COL2">${filmRating}</td>
    </tr>
    <tr>
     <th class="COL1">Año</th>
     <td class="COL2">${filmYear}</td>
    </tr>
    <tr>
     <td class="COL1"> </td>
     <td class="COL2"> </td>
    </tr>
    <tr>
     <th class="COL1">Características especiales</th>
     <td class="SPECIAL">${specialFeatures}</td>
    </tr>
    <tr>
     <td class="COL1"> </td>
     <td class="COL2"> </td>
    </tr>
    <tr>
     <th class="COL1">Precio Arriendo</th>
     <td class="COL2">US$ ${rentalRate}</td>
    </tr>
    <tr>
     <th class="COL1">Duración de Arriendo</th>
     <td class="COL2">${rentalDuration} días</td>
    </tr>
   </table>

   </body>
 </html>
</jsp:root>

Ejecuta la aplicación en el servidor, visita la página (en mi máquina se está ejecutando en http://localhost:8084/DVDStore/) y Voilà!. Funciona o te equivocaste.

Conclusiones

A pesar de que este ejemplo sólo hace lecturas a la base de datos, me puedo imaginar que escribir debe ser igual de sencillo ya que autmáticamente se generan la clases bean para insertar valores (set).

Con la persistencia ya no me tengo que preocupar de hacer la conexión y desconexión en cada página, la contraseña está guardada de manera más segura y estandarizada, y el acceso a las tablas se hace sencillo manejándolas como clases (un editor de Java ayuda a completar el código) y no andan las consultas SQL dando vueltas por todo el código, lo que ofrece mayor abstracción entre los distintos niveles del código otorgando flexibilidad a cambios.

Si se me ocurre cambiar la base de datos (agregar una columna, modificar el nombre de una tabla o las relaciones y tipos de datos), habría que regenerar los mapas de Hibernate y volver a compilar todo.

También, si nos fijamos en todo lo que hay que saber sobre programación Java, se hace más difícil la programación, aunque supongo y reconozco que con el tiempo se debe volver más sencillo con la experiencia. Obvio.

Mejoras en el rendimiento... No sé. Supongo que al tener todas las consultas guardadas... Y con Hibernate preocupado de las conexiones y desconexiones... Me imagino que sí hay alguna mejora, lo desconozco.

En el próximo capítulo...

Esto fue cómo leer desde una base de datos con Hibernate, prometo escribir sobre cómo escribir en la base de datos usando Hibernate y hacer este mismo ejemplo usando JPA, que ya lo tengo hecho, pero hay que desarrollarlo y darle formato. Hasta el próximo mes.

Referencias

El Modelo OSI y el error de capa 8 ¬¬

2009-11-29T14:48:00.001-03:00

Sería bueno explicar qué significa el chistecito del error de capa 8 para los incautos. Lo sospechaba. Aprovecho aquí también de conocer los otros 7 niveles.

El chistecito del error de capa 8 viene del Modelo OSI, que de acuerdo a Wikipedia:

El modelo de referencia de Interconexión de Sistemas Abiertos (OSI, Open System Interconnection) fue el modelo de red descriptivo creado por la Organización Internacional para la Estandarización lanzado en 1984. Es decir, fue un marco de referencia para la definición de arquitecturas de interconexión de sistemas de comunicaciones.

7 capas del modelo OSI

Este modelo presenta 7 capas:

Pirámide que enumera las 7 capas del modelo OSI con el Nivel Físico (Capa 1) como base y el Nivel de Aplicación (Capa 7) en la parte superior.

Capa 1: Capa Física: Se refiere al medio físico de transporte como los cables o las ondas, por ejemplo. O también en el proceso de codificar la información para adaptarla al medio físico en que se transportará.
Capa 2: Capa de enlace de datos: La capa de enlace de datos se ocupa del direccionamiento físico, de la topología de la red, del acceso a la red, de la notificación de errores, de la distribución ordenada de tramas y del control del flujo.
Capa 3: Capa de red: Los enrutadores o routers y/o la saturación de la red o paquete.
Capa 4: Capa de transporte: Es cuando se dividen la información en paquetes para ser transportados por la Capa 3, la que se encarga de la comunicación independientemente del medio de transporte de la información.
Capa 5: Capa de sesión: Esta capa es la que se encarga de mantener y controlar el diálogo establecido entre los dos computadores que estan transmitiendo datos de cualquier índole.
Capa 6: Capa de presentación: El objetivo de la capa de presentación es encargarse de la representación de la información, de manera que aunque distintos equipos puedan tener diferentes representaciones internas de caracteres (ASCII, Unicode, EBCDIC), números (little-endian tipo Intel, big-endian tipo Motorola), sonido o imágenes, los datos lleguen de manera reconocible.
Capa 7: Capa de aplicación: Son los protocolos de comunicación como HTTP, SSH, POP, etc. Cabe aclarar que el usuario normalmente no interactúa directamente con el nivel de aplicación. Suele interactuar con programas que a su vez interactúan con el nivel de aplicación pero ocultando la complejidad subyacente.

Error de capa 8 y capa 9

La capa 8 es un chiste usado para referiste a una capa "usuario" o "política" inexistente. Error Capa 8: Error del Usuario. También es conocido como el "error 505" entre el teclado y el asiento. O sea, tú.

"Error Capa 9: Error del Jefe del Usuario" XD

Nerd.

Referencias

Ejecutar Chrome OS como si fuera otra aplicación (abrir imagen VMWare en VirtualBox)

2009-11-25T21:19:00.006-03:00

Con el software opensource de virtualización de escritorios VirtualBox puedes probar ya el nuevo sistema operativo de Google completamente gratis y fácilmente en una ventana gracias a la posibilidad de abrir imágenes VMWware. Jump the shark.

Pestaña de aplicaciones de Chrome OS corriendo en VirtualBox.

Instrucciones

Consigue una imagen de Chrome OS ya compilada (anda una imagen VMware dando vueltas por ahí).
Mueve el archivo .vmdk a una carpeta personal, por ejemplo Mis documentos o ~/Library/VirtualBox/HardDisks o en cualquier lugar que no se te pierda.
Abre VirtualBox y agrega una Máquina > Nueva...
Dale un nombre, en Sistema Operativo elije la opción Linux y en Versión: Other Linux. Siguiente.

Asistente de Nueva máquina virtual en VirtualBox.
Especifica la memoria base. 256MB es lo mínimo recomendado, luego Siguiente.
En el paso siguiente, marca la casilla de Disco duro de arranque (Primario maestro), selecciona la opción Usar un disco duro existente y busca la imagen VMWare de Chrome OS que conseguiste.

Agregando imagen VMWare dentro del asistente de Nueva máquina virtual en VirtualBox.
Siguiente. Terminar. Ahora selecciona la nueva máquina virtual de la lista que tiene VirtualBox e iníciala.
Ahí está. El usuario y contraseña son los mismos que usas para iniciar sesión en Google.

También puedes bootear Chrome OS desde un pendrive USB si lo vas a usar en serio para obtener un rendimiento mayor y ver por qué es una buena idea.

Bonus track

Probé el WebOS de Palm en VirtualBox

En http://developer.palm.com/ puedes descargar, previo registro, un instalador del WebOS (el sistema operativo que usa el Palm pre) para VirtualBox gratis también para jugar.

Referencias

Run Chrome OS on VirtualBox, the easy way!

Relacionados

Ejecuta otro sistema operativo en una ventana sin reiniciar con VirtualBox

Importar la base de datos de ejemplo MySQL (Sakila DB Schema) con Netbeans IDE es fácil

2009-11-22T13:06:00.003-03:00

Con el plug-in de Netbeans, instalar la base de datos de ejemplo Sakila es sencillo (con los permisos adecuados).

La base de datos de ejemplo Sakila fue desarrollada por Mike Hillyer, un pasado miembro del equipo de documentación de MySQL AB, y su intención fue la de proveer un esquema estándar que pueda ser usado para ejemplos en libros, tutoriales, artículos, ejemplos, y así en adelante. La base de datos de ejemplo Sakila también sirve para destacar las últimas características de MySQL tales como Vistas, Procedimientos Almacenados, y Disparadores (Triggers).

Scheme de Sakila DB hecho con MySQL Workbench
Diagrama relacional del Scheme de Sakila DB (ver más grande)

Instalar el plug-in de Sakila es muy sencillo, sólo vamos al menú Herramientas > Complementos, en el panel que se abre, existe una sección llamada Plugins disponibles.

En el panel de Plugins de Netbeans IDE, hay que marcar la opción Sakila Sample Database

Para instalarlo, espera que cargue la larga lista de plugins disponibles, marca la casilla de Sakila Sample Database y presiona el botón Instalar que está debajo. Sigue el proceso de instalación, reinicia Netbeans IDE si es necesario.

Luego, en el panel de Servicios (si no lo ves, elije el menú Ventana > Prestaciones) y con el menú contextual sobre la parte de Bases de datos elije la opción Registrar servidor MySQL... si todavía no lo has hecho.

Ya, cuando te hayas conectado al servidor MySQL como root u otra cuenta con los suficientes permisos, selecciónala y en el menú contextual elije la nueva opción Crear base de datos....

Para crear base de datos MySQL con el plugin de Sakila de Netbeans IDE se necesita tener permisos de root.

En el cuadro de diálogo que se abre, seleccionamos sakila en el primer campo, y en el segundo seleccionamos al usuario que tendrá todo el poder sobre esta nueva base de datos.

En el cuadro de diálogo de Crear nueva base de datos MySQL en Netbeans IDE, también aparecen otras bases de datos de ejemplo además de Sakila.

Ya, con eso, después de esperar que se creen todas las tablas y se llenen de datos de ejemplo, podemos conectarnos y empezar a utilizarlas para nuestros experimentos y lecciones.

Netbeans IDE cuenta con un administrador de bases de datos basado en ODBC.

Referencias

Sakila DB

Borrar base de datos en MySQL

2009-11-20T19:57:00.029-03:00

Voy a borrar toda una base de datos usando las líneas de comandos.

Eliminar una base de datos involucra eliminar también todas las tablas y contenidos de éstas y para hacerlo se necesita tener permiso para borrar dicha base de datos, y en mi caso usaré la cuenta root.

Voy al terminal, e inicio sesión como root:

/usr/local/mysql/bin/mysql -u root -p

Si el usuario root tiene contraseña, la ingresamos.

El comando para borrar una base de datos, según la documentación oficial, es:

DROP {DATABASE | SCHEMA} [IF EXISTS] db_name

Por ejemplo, para el caso que quiera eliminar una base de datos llamada ooscarr, pondría:

DROP DATABASE IF EXISTS ooscarr;

Obviamente, se advierte precaución ya que si no se ha hecho un respaldo previo, los datos no se podrán recuperar.

Para salir de MySQL, el comando es exit.

Referencias

Manual de MySQL 5.0 - 13.1.6. Sintaxis de DROP DATABASE

Instalé MySQL en Mac OS X

2009-11-14T20:10:00.005-03:00

Mac OS X viene con Apache y PHP, pero sólo la versión server incluye MySQL, y hasta ahora no lo había instalado.

Puedes compilar MySQL tú mismo, como con PostgreSQl, pero para qué.

Descarga e instalación

1. Descarga MySQL

Ve a la página http://dev.mysql.com/downloads/mysql/ y descarga la última versión para Mac OS X. La versión x86 en formato DMG es la recomendada.

Si estás usando un Mac con un procesador de 64 bits (como un Core 2 Duo o Core i5, i7) y tienes algún Leopardo (OS X 10.5 u OS X 10.6) mejor descarga la versión de 64 bits para ir acorde a Apache2 que se ejecuta a 64 bits.

2. Leer antes de instalar

Si usas Mac OS X Server te recomiendo que leas el archivo Readme.txt que viene con el DMG para leer la documentación (en inglés) ya que Mac OS X Server viene con MySQL pre-instalado.

Aún si no usas la versión server, puede que ya tengas MySQL previamente instalado. Revisa si lo tienes instalado buscando algún archivo o carpeta con la palabra "mysql" en la carpeta /usr/local ó en Librería/StartupIyems, ya sea con el Finder (Menú Ir > Ir a la carpeta...) o con el Terminal:

ls /usr/local
ls /Library/StartupItems

Otra opción es ejecutar el comando de apagar el servidor MySQL que podría estar corriendo (y que es necesario hacerlo antes de comenzar la instalación) con el comando:

mysqladmin shutdown

Si no existe el comando, estamos bien. De todos modos, el instalador archivará una versión antigua de MySQL con la extensión .bak (siempre que el servidor MySQL haya sido parado antes de instalar).

3. Asistente de instalación

Ahora instala el paquete de instalación que NO se llama "MySQLStartupItem.pkg" y el rutinario Siguiente, Siguiente, Instalar, Finalizar.

El instalador te puede decir que no hay espacio, es un bug; retrocede y vuelve a intentarlo y no debería pasar.

Una vez que aparezca o suene la señal de instalación correcta, hay que elegir la opción Finalizar para cerrar el asistente de instalación.

Ojo, el instalador requiere un usuario llamado "mysql", pero los buenos de Apple lo crearon durante la instalación del sistema operativo. :-)

Configurar Mac OS X

Iniciar servidor

Iniciar y apagar MySQL es mucho más fácil y gráfico si se instala el panel de preferencias del sistema abriendo el archivo MySQL.prefPane incluido en la DMG de instalación de MySQL.

El botón de iniciar o detener el servidor MySQL se encuentra en las Preferencias del sistema, en la última sección de Complementos, se agrega un botón llamado MySQL.

Con esto, iniciar o detener el servidor MySQL es muy sencillo; basta presionar un botón en el panel de Preferencias del sistema MySQL, incluso se puede configurar para que se inicie automáticamente cuando arranque el sistema sin necesidad de modificar archivos de sistema.

PHP

Apple fue lo suficientemente amable para compilar php con soporte para MySQL así que sólo hay que configurar el archivo php.ini.

Primero ve a la carpeta /etc ó /private/etc, si ves algún archivo llamado php.ini no sigas el siguiente comando que consiste en crear una copia del archivo php.ini.default para usarlo como php.ini. Las intrucciones para el Terminal son las siguientes:

cd /etc

sudo cp php.ini.default php.ini

Edita el archivo recién creado con permisos de administrador con la instrucción:

sudo pico php.ini

Presiona control + W, busca mysql.default_socket, y hazlo que se vea como esto:
mysql.default_socket = /tmp/mysql.sock
Guarda los cambios presionando control X, luego presiona Y, luego presiona enter.

Si tenías el Compartir web corriendo, reinicia Apache desactivándolo y volviéndolo a activar.

Si quieres hacer una prueba, crea el siguiente archivo:

<?php
$con = mysql_connect("localhost","root","");
if (!$con){
 die('No se pudo conectar porque: ' . mysql_error());
} else{
 echo "Conectado exitosamente";
}
mysql_close($con);
?>

Guárdalo como probando.php en tu carpeta ~/Web o ~/Sites, entra a http://localhost/~USUARIO/probando.php y si sale

Conectado exitosamente

Entonces todo salió bien. Si no, quizás todavía no has configurado Apache para que funcione con PHP o qué sé yo.

Configurar bases de datos inciales

Durante la instalación por defecto de MySQL, se crearon unas cuentas de usuario:

root: El usuario root tiene acceso de super-usuario a todas las bases de datos, sólo se puede conectar desde el computador local y por defecto no lleva contraseña.
Cuentas anónimas: Dos cuentas de usuario anónimas son creadas y tampoco llevan contraseña, y sólo se puede conectar a ellas desde el local-host. Estas cuentas tienen todos los privilegios para la base de datos de prueba (test) y para otras bases de datos con nombres que empiezan con test_.

Cambiar las contraseñas por defecto

Primero debes averiguar cuáles son las cuentas que se crearon; para eso, voy al Terminal y primero me conecto como root:

/usr/local/mysql/bin/mysql -u root

...listo las cuentas con la consulta:

mysql> SELECT Host,User FROM mysql.user ORDER BY User DESC;

En mi caso me entregó lo siguiente:

+------------------+------+
| Host             | User |
+------------------+------+
| localhost        | root |
| MacBook.local    | root |
| 127.0.0.1        | root |
| localhost        |      |
| MacBook.local    |      |
+------------------+------+
5 rows in set (0.00 sec)

Como se ve, hay 3 cuentas root (127.0.0.1, MacBook.local, y localhost; y 2 anónimas (localhost y MacBook.local)

Las cuentas anónimas se pueden eliminar, pero como ignoro si me servirán algún día, mejor le cambiaré sus contraseñas solamente.

Para cambiar estas 5 contraseñas que están en blanco por el momento, escribo las siguientes consultas:

mysql> SET PASSWORD FOR 'root'@'localhost' = PASSWORD('contraseña_root');
mysql> SET PASSWORD FOR 'root'@'MacBook.local' = PASSWORD('contraseña_root');
mysql> SET PASSWORD FOR 'root'@'127.0.0.1' = PASSWORD('contraseña_root');
mysql> SET PASSWORD FOR ''@'localhost' = PASSWORD('contraseña_anónima');
mysql> SET PASSWORD FOR ''@'MacBook.local' = PASSWORD('contraseña_anónima');

Obviamente, reemplazando contraseña_root por la clave que le quieras poner al super-usuario, y las contraseña_anónima por la de las cuentas anónimas.

Desde ahora, la próxima vez que ingreses a MySQL con una cuenta que requiera contraseña, deberás agregar el parámetro -p al final, por ejemplo:

/usr/local/mysql/bin/mysql -u root -p

Si se te olvida la contraseña, consulta el manual.

Crear nueva base de datos

Ahora voy a crear una base de datos nueva llamada "db_name". Para eso, entro a MySQL como root y escribo:

CREATE DATABASE IF NOT EXISTS db_name;

Crear un nuevo usuario

Pata crear un nuevo usuario escribimos (como root MySQL):

CREATE USER 'ooscarr'@'localhost' IDENTIFIED BY 'obscure';

Con esto se creará el usuario "ooscarr" con la contraseña "obscure" para que se conecte desde localhost. Si queremos que pueda acceder desde otro equipo, habría que hacer lo mismo que se hizo anteriormente con los dominios o la dirección IP listados, que en mi caso sería:

CREATE USER 'ooscarr'@'MacBook.local' IDENTIFIED BY 'obscure';
CREATE USER 'ooscarr'@'127.0.0.1' IDENTIFIED BY 'obscure';

Asignar base de datos a un usuario

Ya, finalmente, le damos el permiso al usuario "ooscarr" recién creado para que administre la base de datos db_name, por ejemplo, con la siguiente sentencia SQL:

GRANT SELECT,INSERT,UPDATE,DELETE,CREATE,DROP
 ON db_name.*
 TO 'ooscarr'@'localhost';

Y como uno se puede imaginar:

GRANT SELECT,INSERT,UPDATE,DELETE,CREATE,DROP
 ON db_name.*
 TO 'ooscarr'@'MacBook.local';
GRANT SELECT,INSERT,UPDATE,DELETE,CREATE,DROP
 ON db_name.*
 TO 'ooscarr'@'127.0.0.1';

Para salir de MySQL escribimos exit; y para salir del Terminal, tipeamos logout.

Instalar software para trabajar con MySQL

Existen herramientas más cómodas para utilizar una base de datos MySQL, como son las interfaces gratuitas phpMyAdmin, Netbeans IDE y la sensacional Sequel Pro, entre otros.

Importante

En el futuro si lo actualizas, asegúrate de hacerle un dump a tus bases de datos, ya que haciendo una instalación sobre una instalación existente destruirá tu directorio de datos.

Referencias

Instalar Oracle DB en Mac OS X

2009-10-05T18:53:00.003-04:00

Era cosa de tiempo para que los empleados de Sun Microsystems comenzaran a recomendar Oracle DB. Aquí dejo el link sobre su instalación en sistemas Mac OS X escrito por Arun Gupta.

TOTD #106: How to install Oracle Database 10g on Mac OS X (Intel) ?

Oracle ® + Sun Microsystems ®

Después él enseña a conectar a Oracle en Netbeans y más adelante crea una aplicación web elemental de lectura de base de datos en JSF 2.0 + JPA 2.0 + EJB 3.1 con estas herramientas sobre Glassfish v3 (su favorito).

Digo, para saber y tener algo más de experiencia de cómo son las cosas en las otras plataformas.

Tip: Esconder algunos usuarios de la ventana de Inicio de sesión en Mac OS X

2009-09-30T15:23:00.003-04:00

Terminal

Desde Tiger y en los leopardos se pueden esconder los usuarios que no usas frecuentemente con un sencillo comando.

Abre la utilidad de Terminal, tipeas lo siguiente:

sudo defaults write /Library/Preferences/com.apple.loginwindow HiddenUsersList -array-add postgres

... donde postgres es el nombre corto del usuario que deseas esconder.

Te pedirá la contraseña de administrador que es la misma que usas para abrir los candados del sistema.

También puedes volver a ejecutar el comando para agregar otro usuario o puedes incluir varios usuarios en una sola sentencia.

sudo defaults write /Library/Preferences/com.apple.loginwindow HiddenUsersList -array-add usuario1 usuario2 usuario3

Para hacer que vuelvan

Si quieres que vuelva a aparecer un usuario, puedes editar la plist con permisos de administrador o ejecutar el comando

sudo defaults write /Library/Preferences/com.apple.loginwindow HiddenUsersList -array-add

sin ningún usuario y comenzar desde zero.

Referencias

¡Emergencia! ¡Windows no me deja iniciar sesión y pide que lo active!

2009-09-27T21:42:00.001-04:00

Si tienes Windows ilegalmente o recién lo has comprado/instalado, una advertencia te aparece diciendo que tienes que activar la copia de Windows en 30 días. Si no lo haces, Windows se bloqueará y en ese caso, esto es lo que se puede hacer.

Si estás dentro de los 30 días y es una copia original

Hazle caso y valida tu copia de Windows. La clave de tu windows es la que viene incluida con el CD (espero que no la hayas botado a la basura) o generalmente viene pegada en un auto-adhesivo detrás del computador (la CPU, donde se ponen los CDs) o debajo del notebook.

También puedes llamar a Microsoft para que te ayuden.

Si ya pasaron los 30 días y el computador se bloqueó

En un caso de urgencia, puedes volver a darle 30 días más de funcionamiento (y así recuperar tus archivos) de la siguiente manera:

Reinicia el computador (apagándolo).
En el momento justo después que suene el primer timbre que hace sonar el computador cuando se enciende y antes que cargue Windows, presiona la tecla F8.
Te va a aparecer un menú negro. Selecciona la opción "Modo Seguro".
Inicia sesión con el usuario "Administrador".
- Puedes escribir la palabra "Administrador" directamente como nombre de usuario si aparece el cuadro de diálogo (se hace aparecer presionando 2 veces al mismo tiempo las teclas control + alt + suprimir).
La contraseña o te la sabes o la dejas en blanco.
1. Si no la recuerdas, jodiste o te reitero que generalmente no se pone nada en el campo de contraseña.
Ya en el escritorio, con el mensaje "Modo a prueba de fallos" anunciado en todas partes, ejecuta cmd.
- Si no sabes cómo ejecutarlo, puedes presionar las teclas Windows + R para abrir el cuadro de diálogo de "Ejecutar" y escibir ahí cmd.
En la pantalla negra que aparece, escribir la siguiente sentencia y presionar Enter o return:
```
slmgr -rearm
```
Reiniciar.

Ese comando se puede ejecutar sólo 3 veces, así que anda pensando cómo resolverlo antes que se vuelva a bloquear.

Quictime 7 se apodera de los objetos PNG en Internet Explorer

2009-09-27T19:37:00.004-04:00

Internet Explorer 8 incluye soporte para imágenes como objetos, pero cuando instalas Quicktime éste se apodera de algunos de ellos y eso se arregla de la siguiente manera en Windows xp.

Ve a las preferencias de Quicktime.

Otras preferencias de Panel de control de Windows xp con la opción Quicktime.
Si no aparece Quicktime en el panel de control, puedes seleccionar "Ver otras opciones de Panel de Control" en el panel lateral de Windows xp.

En la ficha "Explorador" selecciona "Ajustes MIME...".

Ficha "Explorador" en las preferencias de Quicktime para Windows xp.

Busca la opción "Imagen PNG" y desmárcala.

Explorador de tipos MIME de Quicktime para Windows xp con la opción "Imagen PNG" no marcada.

En Windows Vista y Windows 7 no sé cómo hacer lo mismo. A pesar de que las preferencias aparecen, en Windows xp se necesita tener permisos de Administrador para que todo esto funcione.

Tip: Para que los videos de Quicktime en Windows no se vean verdes

2009-09-11T15:27:00.004-04:00

Los usuarios de Windows xp con computadores medianamente antiguos, ven un rectángulo de color verde en lugar de video, ya sea en Quicktime, en una página web con un video de Quicktime incluido o en iTunes para Windows.

Esto se puede deber porque su tarjeta gráfica no tiene soporte DirectDraw.

Si este es tu caso, y no pierdes nada con probar, puedes hacer los siguiente:

Actualiza tu versión de DirectX que salió hoy (opcional).

Ve al panel de Control de Windows, y selecciona la opción de Quicktime.

Vista por iconos del Panel de control de Windows 7 con la opción Quicktime.
Si no aparece Quicktime en el panel de control, puedes seleccionar "Ver otras opciones del panel de control" en el panel lateral de Windows xp o la "Vista clásica". Si usas Windows Vista o Windows 7, existe también la opción "Ver por Iconos" arribita.

Después, en la ficha "Avanzado", desmarca la opción Activar aceleración DirectDraw.

Panel de control de Windows 8 con la opción Quicktime
Aceptar.

Cierra Quicktime, el navegador o iTunes, vuélvelo a abrir y prueba si ahora sí se muestra el video.

Ya, si no funciona, vuelve a repetir los pasos anteriores, pero ahora selecciona Modalidad segura, donde no se utilizará la tarjeta gráfica y se le dará todo el trabajo al procesador (esta opción utiliza más recursos del sistema).

Exportar a formato Excel con JSP de forma bien básica (TSV)

2009-08-19T16:46:00.009-04:00

En este tutorial voy a mostrar la manera de generar un archivo compatible con Microsoft Excel que consiste en valores separados por espacios tabuladores muy elemental y sin gráficos o estilos.

Primero hay que partir diciendo qué opciones de formatos compatibles con Excel hay:

CSV: Es el más conocido, y consiste en un archivo de texto plano, generalmente con la extención .csv donde los valores de cada celda van separados por una coma (,) en el caso de las columnas, y un salto de línea para las filas.
TSV: TSV es una variación al anterior CSV, donde las columnas van separadas por un espacio tabulador y las filas por un salto de línea. Esto permite que se puedan introducir celdas con valores que incluyan una coma y no sean confundidas por un salto de columna, por ejemplo.
XLS: El formato Microsoft Excel tradicional que es un archivo binario para Windows donde se guardan en hojas, gráficos y macros. Mucho tiempo su especificación fue cerrada, pero desde que se comenzó a documentar el formato con ingeniería inversa y debido a las presiones de las cortes para aceptar su formato como un estándar, Microsoft se vio obligada a publicar su estructura de funcionamiento bien particular.
XLSX: Esta es la última especificación Office Open XML que Microsoft no sé cómo logró estandarizar, y que consiste en una serie de archivos XML y otros, organizados en una carpeta todo comprimido en un archivo ZIP (al igual que el estándar OpenDocument que también es soportado por Microsoft Office 2007 pero que no es de propiedad de Microsoft).

Y otros más menos importantes.

El formato

El formato que voy a exportar desde el JSP en este tutorial es el TSV, pero con extensión .xls. El archivo siguiente:

Uno Due Tre Quattro
Uno Dos Tres Cuatro
One Two
Ichi Ni San Shi
Odin Dva Tri

Se vería así en la planilla de cálculo:

	A	B	C	D
1	Uno	Due	Tre	Quattro
2	Uno	Dos	Tres	Cuatro
3	One	Two
4	Ichi	Ni	San	Shi
5	Odin	Dva	Tri

La librería

Yo encontré una librería de etiquetas para generar estos archivos y así evitarme el problema de generar el caracter de tabulación y todos los espacios (whitespaces) que se generan.

Descarga

La página para descargar el archivo exceltag.jar es http://www.servletsuite.com/servlets/exceltag.htm

Instalación

Para instalar la librería en Netbeans, es igual que en todas las librerías. Se va a las propiedades del proyecto,

Sección librerías del panel de Propiedades del proyecto en Netbeans

elegimos Agregar JAR/Carpeta (o Add JAR/Folder); buscamos el archivo exceltag.jar recién descargado y seleccionamos Elegir.

Copiando archivo exceltag.jar al proyecto con Netbeans

Aceptar

El modo de uso

Ahora que está la librería instalada, hacemos uso de ella de la siguiente forma:

Hola, mundo

Para el primer ejemplo, voy a crear un nuevo archivo llamado Numberwang.jspx como de costumbre:

Creando nuevo archivo JSP llamado Numberwang con sintaxis XML en Netbeans

Y el código con sintaxis XML sería...

Numberwang.jspx

<?xml version="1.0" encoding="UTF-8"?>
<!-- 
    Document   : Numberwang
    Created on : 15-ago-2009, 9:58:09
    Author     : ooscarr
-->
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
  xmlns:ms="http://www.servletsuite.com/servlets/exceltag"
  version="2.0">

 <jsp:directive.page contentType="application/vnd.ms-excel;charset=UTF-8"
          pageEncoding="UTF-8"/>

 <ms:Excel>
  <ms:cell>Uno</ms:cell>
  <ms:cell>Due</ms:cell>
  <ms:cell>Tre</ms:cell>
  <ms:cell>Quattro</ms:cell>
  <ms:row/>
  <ms:cell>Uno</ms:cell>
  <ms:cell>Dos</ms:cell>
  <ms:cell>Tres</ms:cell>
  <ms:cell>Cuatro</ms:cell>
  <ms:row/>
  <ms:cell>One</ms:cell>
  <ms:cell>Two</ms:cell>
  <ms:row/>
  <ms:cell>Ichi</ms:cell>
  <ms:cell>Ni</ms:cell>
  <ms:cell>San</ms:cell>
  <ms:cell>Shi</ms:cell>
  <ms:row/>
  <ms:cell>Odin</ms:cell>
  <ms:cell>Dva</ms:cell>
  <ms:cell>Tri</ms:cell>
 </ms:Excel>

</jsp:root>

Resultado

Browser dando la opción de Guardar o Abrir el archivo Numberwang.xls con OpenOffice.org

Cuando visite la página Numberwang.jspx, el navegador reconocerá el contentType="application/vnd.ms-excel;charset=UTF-8" y dará la opción de descargarlo o, en ciertos casos, en Windows, desplegará la planilla de cálculo dentro de la ventana del browser.

Nombre de archivo personalizado

Para elegir otro nombre para el archivo Excel, basta agregar la siguiente línea en el principio del documento:

<jsp:directive.page contentType="application/vnd.ms-excel;charset=UTF-8"
          pageEncoding="UTF-8"/>
<jsp:scriptlet>
 response.setHeader("Content-Disposition","attachment;filename=nombre_de_archivo.xls");
</jsp:scriptlet>

Otro ejemplo con base de datos

Un último ejemplo que lee los datos de la base de datos, sería:

Productos.jspx

<?xml version="1.0" encoding="UTF-8"?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
     xmlns:c="http://java.sun.com/jsp/jstl/core"
     xmlns:sql="http://java.sun.com/jsp/jstl/sql"
     xmlns:ms="http://www.servletsuite.com/servlets/exceltag"
     version="2.0">

<jsp:directive.page contentType="application/vnd.ms-excel;charset=UTF-8"
          pageEncoding="UTF-8"/>

<jsp:directive.include file="/WEB-INF/jspf/conexion.jspf"/>
<c:catch var="excepcion">
 <sql:transaction dataSource="${bdatos}">
  <sql:query var="productos">
   SELECT nombre_prod AS nombre,precio AS precio FROM inventario_productos;
  </sql:query>
 </sql:transaction>
</c:catch>
<c:if test="${empty excepcion}">

 <!-- Si encontró productos -->
 <c:if test="${productos.rowCount>0}">
  <!-- Forma la tabla -->
  <ms:Excel>
   <ms:cell>Producto</ms:cell>
   <ms:cell>Precio</ms:cell>

   <!-- Llena la tabla -->
   <c:forEach items="${productos.rows}" var="producto" varStatus ="status">
    <ms:row/>
    <ms:cell>${producto.nombre}</ms:cell>
    <ms:cell>${producto.precio}</ms:cell>

    <!-- En la última fila -->
    <c:if test="${status.last}">
     <ms:row/>
     <ms:cell><c:out value=" "/></ms:cell>
     <!-- Se pueden ingresar fórmulas -->
     <ms:cell>=SUM(B2:B${status.index+2})</ms:cell>
    </c:if>
   </c:forEach>
  </ms:Excel>
 </c:if>

</c:if>
 
</jsp:root>

Resultado leído de la base de datos

	A	B
1	Producto	Precio
2	Lápiz	200
3	Cuaderno	1000
4		1200

¿Qué opinan las aplicaciones de planillas de cálculo?

Cuando se abre el archivo excel generado con una apliación de planillas de cálculo, estos son algunos de los resultados:

Software	Resultado
Microsoft Office	No dice nada y abre el archivo correctamente.
OpenOffice.org	Aparece un asistente de importación con una vista previa y si no se modifica ninguna opción, abre la planilla correctamente.
iWork Numbers	Aparece un pequeño aviso de que no es un formato Excel válido, pero lo muestra correctamente.
Google Docs	Produce un error. A la fecha, no está preparado para el formato.

Referencias

Cómo instalar un .war en Tomcat desde la página Tomcat manager

2009-08-02T23:34:00.004-04:00

Para una tarea tuve que hacer un manual de cómo instalar un archivo .war en el viejo Tomcat. Super sencillo y básico, no se asombren.

No a la guerra.

En computación, un archivo WAR (el cual sus iníciales significan “archivo de aplicación web”) es un archivo JAR utilizado para distribuir una colección de JavaServer Pages, servlets, clases Java, archivos XML, librerías de tags y páginas web estáticas (HTML y archivos relacionados) que juntos constituyen una aplicación web.

1. Abrir la página inicial de Tomcat

Tomcat manager viene incluido con tomcat cuando se instala, para acceder a él se ingresa a la página del servidor donde está ejecutándose Tomcat.

Página de $CATALINA_HOME de Tomcat desplegándose en la URL http://localhost:2348/
Usualmente se encuentra en el http://localhost:8080/ o en el mismo puerto del servidor externo.

2. Entrar a Tomcat Manager

En dicha página en la columna de Administración izquierda se encuentra un link a Tomcat Manager

Inmediatamente preguntará por la constraseña, que por defecto es

usuario: tomcat
contraseña: tomcat

Página de Tomcat Manager típica
En la página de Tomcat manager, aparece una lista con todas las aplicaciónes que Tomcat tiene instaladas o ejecutándose (incluyéndose a sí mismo).

3. Desplegar aplicación

Casi al final, aparece un formulario llamado Desplegar.

En la parte donde dice Seleccione archivo WAR a deplegar, es cosa se buscar el archivo WAR, subirlo al servidor con el botón Desplegar...

Formulario de despliegue de aplicación web en Tomcat Manager típico

Y si no había otra aplicación con el mismo contexto, debería aparecer un mensaje de OK en la parte superior de la página al terminar la transferencia.

Advertencias

No todos los .war funcionan en todas las versiones de Tomcat

Referencias

WAR (archivo) - Wikipedia

Interfaz gráfica para los túneles SSH en Mac OS

2009-07-27T20:53:00.001-04:00

SSH Tunnel Manager

Para no complicarnos con feos comandos en el Terminal a la hora de conectarnos a un túnel SSH, existe una aplicación gratuita para ejecutar los comandos SSH necesarios.

La aplicación para conectarse a los túneles se llama SSH Tunnel Manager y es gratuita. Está hasta el proyecto Xcode para compilarlo uno mismo si uno quiere.

Configuración

Para configurarlo, es re-fácil. Uno entra a las Preferencias, agrega un túnel a la lista izquierda y llena los campos.

Captura de pantalla del panel de configuración de la aplicación
Esto es equivalente al comando ssh -N -p 22 -c 3des ooscarr@acinfo.unap.cl -L 2348/serrano.unap.cl/8080

Luego se abre la lista de túneles, y se presionan los botoncitos Play para que corran los comandos.

Captura de pantalla de la aplicación ejecutándose

También lo puedes hacer de la forma seria con comandos en el Terminal.

Referencias

SSH Tunnel Manager

Accediendo a otro servidor de una red por SSH

2009-07-27T18:52:00.010-04:00

Terminal

El comando para conectarse al puerto del servidor que está en la Universidad y que no podemos acceder desde la casa (a través de otro servidor dentro de la red).

Primer caso

En la Universidad tenemos un servidor Windows 2003 que ofrece el servicio de Tomcat por el puerto 8080 como es normal. http://serrano.unap.cl:8080/. Pero la red de la Universidad tiene el puerto 8080 bloqueado para afuera de la U y no podemos conectarnos desde la casa.

Por medio de SSH, nosotros nos conectamos a otro servidor con Linux que está en la misma red, http://acinfo.unap.cl/, por el puerto de siempre, el 22, y a través de esta conexión accedemos al servidor del puerto 8080.

Diagrama con un notebook (localhost:2348) conectándose a un servidor con linux (acinfo.unap.cl:22) que a su vez está conectado a un servidor con Tomcat (serrano.unap.cl:8080)
Algo más o menos así.

En el Terminal, esto se hace con el comando

ssh ooscarr@acinfo.unap.cl -L 2348:serrano.unap.cl:8080

ssh ooscarr@acinfo.unap.cl -L 2348/serrano.unap.cl/8080

Reemplazamos el ooscarr por tu nombre de usuario, por supuesto, y así accedemos al puerto 8080 del otro servidor como si estuviéramos en la mismísima U.

Página de $CATALINA_HOME de Tomcat desplegándose en la URL http://localhost:2348/
¡A través de la dirección http://localhost:2348/ accedemos a http://serrano.unap.cl:8080/!

Fin.

No, mentira. Segundo caso

Pongámonos en un segundo caso. Acaban de instalar Tomcat en el servidor acinfo.unap.cl:8080 así que ya no hace falta conectarse al serrano.unap.cl:8080. El puerto 8080 del servidor también está bloqueado,

Diagrama con un notebook (localhost:2348) conectándose a un servidor con linux (acinfo.unap.cl:8080)
Ahora sin el serrano.

En este caso, bastaría cambiar serrano.unap.cl por localhost ó acinfo.unap.cl así

ssh ooscarr@acinfo.unap.cl -L 2348:localhost:8080

ssh ooscarr@acinfo.unap.cl -L 2348:acinfo.unap.cl:8080

ssh ooscarr@acinfo.unap.cl -L 2348/acinfo.unap.cl/8080

ssh -N -p 22 ooscarr@acinfo.unap.cl -L 2348:acinfo.unap.cl:8080

Y el mismo resultado.

Página de $CATALINA_HOME de Tomcat desplegándose en la URL http://localhost:2348/
¡A través de la dirección http://localhost:2348/ accedemos a http://acinfo.unap.cl:8080/.

Podríamos conectarnos a ambos servidores, utilizando un puerto distinto al 2348 para el segundo servidor.

¿Y si uso Windows, cómo lo hago?

Bueno, para esos casos, mi amigo Fernando (el Puma) hizo un mini-tutorial en su blog.

Referencias

Mi MP4 no reproduce el formato MP4

2009-05-16T22:57:00.004-04:00

Me regalaron un reproductor MP4 chino de la ZOFRI, que más bien es un pendrive con pantalla. Lo que más me costó fue ponerle videos porque a pesar de que le llaman MP4, el formato que reproduce es SMV ¿?

iPobre

¿Quién conoce los SMV?

El SMV es un formato binario de video que en el fondo es un audio sin comprimir acompañado de una secuencia de imágenes JPEG pero todo especifico para el chip de Sigmatel.

El audio sin comprimir es generalmente de baja potencia para dejarle procesador y memoria al procesamiento de las imágenes. La experiencia también me ha mostrado que tampoco reproduce los videos excesivamente largos.

Convertidor de videos

Junto con el reproductor, venía un mini CD con los controladores para windows 98 y un convertirdor VIDEO2SMV. Pero en Wikipedia encontré una versión más reciente:

SMV Convert Tool 4.0 (latest version)

Su uso se ve simple y lógico: se agregan los archivos a la lista y se presiona el botón "Convert".

Sobre los botones con una "A", uno achica la imagen para que quepa todo en la pantalla y el otro la agranda para que la llene. De los dos botones con las bocinas, uno es mono y el otro es sonido estéreo.

Esto es importante saberlo. La aplicación hace la conversión por medio de los componentes del Reproductor de Windows y sólo acepta los formatos contenedores AVI y WMV. Espero que no hayan otros códecs por ahí haciendo conflicto con los originales que venían en Windows.

Cómprate un iPod, Perico.

Luego de leer mi manual e intentar diferentes combinaciones, descubrí que mi descontinuado reproductor no se reinicia si los videos los pongo a 5 fps.

Lo interesante de esto, es que leí por ahí que estos chips eran los que usaban los iPod shuffle de primera generación. Así que yo podría inferir que los primeros iPods ya eran capaces de reproducir video pero no de la manera que Steve Jobs le hubiera gustado. Ahora entiendo por qué.

Referencias

Tip: Agrega más actividades a tus perfiles en la web

2009-05-03T23:48:00.014-04:00

Cuando entras a una red social no estás obligado/a a poner toda tu información en dicho sitio. Puedes vincular otros los servicios que usas de modo que tus amigos de uno y de otro puedan ver lo que publicas sin importar qué servicio ocupas.

Ahora que todo el mundo se cree friendfeed, se le unió Windows Live Profiles y aquí rápido te muestro cómo vincular los defirentes servicios para que lo hagas y se me haga más fácil seguirte, no puedo andar revisando todas las páginas por separado.

Windows Live

Si usas Hotmail o Messenger, sobretodo en latinoamérica, ya te habrás dado cuenta que existen los perfiles de Windows Live.

Bueno, ahora puedes hacer que tus fotos de flickr, fotolog, facebook, metroflog y otros aparezcan automáticamente anunciadas en tu perfil de Windows Live o en el nuevo Windows Live Messenger.

Y no sólo las fotos, también tus canciones favoritas de last.fm o el zune, artículos de tu blog, digg y otras redes sociales como facebook.

Solo tienes que entrar a tu perfil y agregar los nombres de usuario que usas en cada servicio.

Lo único malo (o bueno, según tu opinión particular), es que en el mundo de Windows Live no existe Google.

Facebook

En facebook también puedes hacer lo mismo, puedes hacer que cada vez que publiques algo nuevo en tu flickr, Google Reader, last.fm, Youtube, del.icio.us o cualquier RSS, aparezca anunciado en tu muro de facebook.

Para eso, sólo haz click en Configuración, elige el servicio, escribe el nombre de usuario y el botón importar.

Google, Yahoo! y otros

Gogle Profiles, con esto del Google Friend Connect, también está haciendo perfiles donde puedes vincular tu sitio de fotos.

Yahoo! algo tarde intenta hacerse el facebook con sus Yahoo! Profiles, y es una buena idea porque Yahoo! tiene muchos servicios que se están desperdiciando y que de esta manera obtienen mayor notoriedad.

Y al final, el rey, no sé si friendfeed (también en español) fue el que empezó con esto, pero tiene una característica muy útil que es la de crear amigos imaginarios de modo que si uno sabe que alguien usa ciertos servicios, se puede reunir toda su información y recibir sus actualizaciones en tiempo real incluso. Aunque el nuevo diseño lo encuentro feo.

Así que para allá va la tendencia en cuanto a redes sociales, Facebook compró friendfeed También está el regreso de los frames para que los usuarios no se vayan de sus páginas. Si no quieren que sus usuarios los abandonen, ofrezcan servicios con mayor calidad y valor agregado, y ofrezcan portabilidad de datos, nosotros deberíamos ser los dueños de nuestro contenido.

Referencias

Windows Live: Your online updates, together in one place

Ejecuta otro sistema operativo en una ventana sin reiniciar con VirtualBox

2009-04-09T12:51:00.010-04:00

Se me acabó el período de prueba de Parallels (US$79,99), y ya que también se estaba acabando el período de descarga de Windows 7 beta (12 de febrero de 2009), me animé a probar Virtualbox, un proyecto opensource para correr máquinas virtuales del que se estaba hablando harto en el mundo mac.

En un mundo dominado por el sistema operativo Windows, hay un par de cosas en las que dependo de este SO que son: un programa que me piden en la Universidad y que no puedo ejecutar con wine, y un pendrive que viene diseñado para ser reconocido sólo por Windows (debería cambiarlo).

Personalmente, participé en dos presentaciones de Virtualbox donde pude aclarar mis dudas por medio de demostraciones, haciendo preguntas y viendo las de otras personas, en vivo y en directo con los desarrolladores de Sun; y esa demostración me convenció de que Virtualbox es una herramienta ya madura que puedo considerar y recomendar aceptablemente. La uso a menudo.

Con respecto a las máquinas virtuales, hay algunas palabras claves que hay que conocer:

Máquina virtual: Es una manera especial de correr diferentes sistemas operativos dentro del SO que estás ocupando. Por ejemplo, dentro de una ventana como cualquier otro programa.
Host o Anfitrión: Se refiere al computador donde se está ejecutando Virtualbox, o sea, el real.
Guest o invitado: Corresponde a la máquina virtual. El sistema operativo invitado cree que se está ejecutando sobre hardware real y funciona.
Tecla anfitrión o Host key: Esto es específico de Virtualbox. Es la tecla o combinación de teclas para intercambiar el puntero y el teclado entre ambos sistemas operativos. Si aparece la palabra izquierda, significa que es la tecla del lado izquierdo, no siempre la flechita ←. Es un problema de traducción.

Algunas consideraciones

Está diseñado para correr guests de sistemas x86.
No puedes virtualizar Mac OS X porque está prohibido en la licencia de Apple.
Deberías tener licencia para instalar el sistema operativo en la máquina virtual.
En la versión 2.2 todavía no se pueden arrastrar archivos desde el Host y soltarlos al Guest. Viene en camino. Pero se pueden compartir archivos.
Puedes correr sistemas de 64-bits en computadores de 32-bits, pero se sobre-calienta el procesador así que debes que tener cuidado. De todos modos Virtualbox indica cuáles sistemas invitados son los que puedes correr en tu máquina.

Pequeño tutorial: Instalando Windows 7 en Mac OS X

A continuación, los 3 videos claves para aprender a usar Virtualbox. También conocidos como The Fat Bloke's Shorts (en inglés).

Paso 1: Instalar Virtualbox

Es tan fácil que llega a dar vergüenza.

Download and Install VirtualBox on a Mac

Paso 2: Instalar Windows 7 desde la imagen de disco, DVD o CD

En mi caso, bajé el beta de Windows 7 porque en su tiempo era gratis y legal.

No olvidar instalar las guest additions una vez que se está en Windows.

Creating a Windows 7 virtual machine in VirtualBox 2.1.2

Ojo que en la barra de estado, aparece la tecla que se necesita para liberar el puntero del ratón (o mouse) y el teclado de la máquina virtual.

Paso 3: Configurar directorios compartidos

Esto fue lo que más me costó, y era porque no había visto este video donde aparece el dato más importante: hay que escribir el prefijo \\vboxsvr\ antes del nombre asignado a la carpeta compartida. Cuándo iba a adivinar...

En Linux necesitarás instalar samba primero.

Host-Guest Integration with VirtualBox

En mi caso, dentro de Windows dice que tengo 20GB de espacio en el disco, pero en mi disco duro real Windows 7.vdi ocupa menos de 8GB. 20GB es el máximo que puede alcanzar el archivo de disco duro virtual. Por eso le dicen semi-dinámico.

Es bueno darse una vuelta por la configuración después, donde le bajé la RAM a 256MB para que mi computador no se ponga lento y, deshabilitando opciones de Windows innecesarias, Windows 7 me funciona tan rápido como Windows xp dentro de una máquina virtual en mi computador con Mac OS X Leopard (se está trabajando para que funcione en modo 64-bits).

También puedes congelar el sistema operativo para que cargue más rápido la próxima vez que lo vas a usar, eligiendo la opción correcta. Para eso, cierra la ventana no más sin apagar Windows correctamente.

Y eso es todo. Cuando se me acabe el tiempo de prueba de Windows 7 y/o cuando tenga más espacio en mi disco, contaré cómo instalar otras versiones de Windows legalmente en Virtualbox. Gratis.

Más información

Virtualbox.org
El podcast donde muestran gráficamente lo fácil que es usar Virtualbox.
El blog The Fat Bloke Sings
Presentación 1 (en inglés). Febrero de 2009.
Presentación 2 (en inglés). Abril del 2009.
El foro (en inglés) que siempre están recomendando usar.

Imágenes como objetos en Internet Explorer

2009-04-07T08:31:00.010-04:00

En XHTML2, las etiquetas <img> y <applet> fueron reemplazadas por <object>, algo que en Internet Explorer era un tremendo problema. Digo era, porque Internet Explorer 8 se comporta más o menos como el resto de los navegadores modernos, acompañado de una nueva función llamada "modo compatibilidad". En este artículo muestro una solución conocida a la incompatibilidad con las imágenes insertadas como objeto de las versiones anteriores.

¿Por qué `<object>`?

La historia del objeto

Con Internet Explorer 3.0 Microsoft introdujo una tecnología para insertar elementos ActiveX dentro de una página web utilizando la etiqueta <object>.
Netscape también quiere insertar videos en las páginas web y saca la etiqueta <embed>, con otro nombre para diferenciarse de la tecnología ActiveX específica del sistema operativo de Microsoft.
En 1997 se le agrega el elemento <object> a la especificación del HTML.
Microsoft ajustó su forma de tratar los objetos para que aceptaran el estándar. Pero siguió tratando a todos los objetos como elementos de ActiveX.
Hasta el día de hoy.
La etiqueta <embed> nunca fue estándar, aunque se sigue utilizando por algunos para evitar de manera rápida los problemas de incompatibilidad.
Después sale la especificación de XHTML2 donde se eliminan las etiquetas ~~<img>~~, <applet> e <iframe> para ser reemplazadas por <object>.
Internet Explorer 8 muestra los objetos de manera más parecida al estándar.

Qué tenía de malo el `<img>`

Semánticamente, aparte de que i-m-g no es una palabra completa como image u object; a mi manera de pensar, <object> es una palabra mucho más genérica para nombrar esta clase de elementos que no son texto en una página web.

Pienso que si se siguiera utilizando una etiqueta específica para las imágenes, tendría que crearse otra llamada <video> (como lo hicieron en HTML5) y siguiendo esa lógica después vendrían <map>, <game>, <iframe> (también fue eliminado), <application>, <applet>, <vr>, etc. Obligando a cambiar o extender el estándar cada vez que a alguien se le ocurra insertar nuevo tipo de contenido en una página web. Y luego comienzan los dilemas: ¿es applet una application? ¿Y si el iframe contiene un video? ¿El objeto flash es un video, una aplicación, una animación, o un <application><video><animation> </animation></video></application>?

En cambio, una sola etiqueta estandarizada para embeber elementos es mucho más flexible, pudiéndose usar el MIME type para diferenciar de qué clase de objeto se trata.

Sin embargo, y lo supe recién, la etiqueta <img> se va a mantener al final debido a los reclamos y para hacer felices a todos, pero con la condición de que se prefiera la etiqueta de objeto.

Ejemplo de código

Por ejemplo, la etiqueta...

<img
 src="rss.jpg"
 width="152"
 height="160"
 alt="RSS" />

Como objeto se vería como...

<object
 type="image/jpeg"
 data="rss.jpg"
 width="152"
 height="160">
 <p>Icono <acronym xml:lang="en-us" title="Really Simple Syndication">RSS</acronym>.</p>
</object>

Como se pudo apreciar, el texto alternativo de la etiqueta <object> tiene mayor riqueza descriptiva que el texto plano permitido en el atributo alt de la etiqueta <img>.

Es más, si el software agente que se está utilizando para visualizar el documento no tiene soporte para un determinado formato de imagen, o cualquier otra cosa, el elemento <object> en teoría permite disponer de otros objetos para colocar en su lugar.

Ejemplo:

<object
 type="video/x-mng"
 data="logo.mng"
 width="152"
 height="160">

 <object
  type="image/gif"
  data="logo.gif"
  width="152"
  height="160">

  <p>Logo de ElBlog</p>

 </object>
</object>

En teoría, porque Internet Explorer para Windows tiene sus diferencias.

Internet Explorer

Prácticamente todos los navegadores modernos están preparados para insertar imágenes como objetos. Pero las versiones anteriores de IE no.

Problemas de objeto con Internet Explorer 6 y 7

Borde visible alrededor del objeto.
Espaciado interior (padding) extra dentro de los objetos. y como el tamaño del objeto es el mismo que el de la imagen...
Aparecen las barras de desplazamiento innecesariamente.
Cuando hay varios objetos como en el ejemplo anterior, en vez de mostrar el primero que entiende, IE6 los carga todos.
Si tienes las opciones de seguridad en "alta" (deshabilitando todos los controles ActiveX), no verás ningún elemento <object>, incluso aquellos que no tienen nada que ver con ActiveX (como nuestras imágenes).
Es más, si el objeto imagen es de otro dominio, aparecerá una alerta de seguridad en Internet Explorer. ActiveX.
Olvídate de las semi-transparencias de los PNG.
Al deshabilitar las imágenes, Internet Explorer cargará los objetos igual.
Al poner un vínculo alrededor de un objeto, éste no se vuelve clickeable.

Posible solución a los problemas con Internet Explorer

Para el problema de lo objetos alternativos

Para cuando tengas varios objetos como alternativas de formato o para agregar información adicional para los ciegos o robots buscadores, puedes usar los comentarios condicionales para evitar que los procese Internet Explorer 6 y seguir cumpliendo con los estándares:

<object
 type="image/tiff"
 data="beagle.tiff"
 width="152"
 height="160">

 <!--[if gte IE 7]>
 <object
  type="image/jpeg"
  data="beagle.jpg"
  width="152"
  height="160">
 </object>
 <![endif]-->

</object>

Usé gte IE 7 porque en Internet Explorer 7 se soluciona este problema.

Para los problemas estéticos

Para deshacerse del borde alrededor, el extra padding y las barras de desplazamiento; existe un javascript que detecta y aplica los estilos correspondientes de estos objetos.

El código javascript es el siguiente:

function fixObjectImages(){
 var objs=document.getElementsByTagName('OBJECT');
 for(n=0;n<objs.length;n++){
  var obj=objs[n];
  if((obj != null && obj.type != null)
  && ((obj.type=="image/jpeg")
  || (obj.type=="image/gif")
  || (obj.type=="image/png"))){
   fixObject(obj);
  }
 }
}
function fixObject(obj){
 obj.body.style.border='none';
 obj.body.style.margin='0';
 obj.body.style.padding='0';
 obj.body.style.overflow='hidden';
}
window.onload = fixObjectImages;

El truco para arreglar el elemento <object> es darse cuenta que actúa como un <iframe>; o sea, es su propio canvas con un canvas. Dentro del DOM, un <object> tiene su propio body con todas sus propias propiedades. Entonces para remover el borde, simplemente lo hacemos en nuestra función window.onload (demo):

Afortunadamente Internet Explorer 8 arregló esto, logrando así que todos los mayores navegadores modernos estén preparados para insertar imágenes como objetos.

Este y otros cambios produjeron problemas de incompatibilidad con el código de páginas web preparadas para las versiones anteriores de IE. Esto obligó a incluir un botón nuevo llamado "modo de compatibilidad" en la versión 8 del navegador y todo un sistema que consulta en una base de datos de Microsoft para saber cómo abrir cada página web (opcional, por privacidad).

Botón de Vista de compatibilidad en Internet Explorer 8.

Estas novedades provocaron confusión y descontento en los usuarios no ilustrados en el tema de los estándares web. La mayor parte incluso volvió a las versiones anteriores. :-@

Para los objetos PNG en IE6 y los vínculos

Debido a la forma en que los objetos son tratados por Internet Explorer, no se me ocurre otra manera de solucionar el problema de los PNG semi-transparentes en versiones anteriores a Internet Explorer 6 y el no poder cambiar el tamaño de la imagen original sin necesariamente tener que reemplazar todas las etiquetas <object type="image/png"> por <img>.

Para el ActiveX e imágenes deshabilitadas

N.T.S. Si se deshabilita ActiveX, desaparecen todos los objetos.

Cuando se deshabilitan las imágenes en las versiones anteriores a Internet Explorer 8, las imágenes como objeto seguían apareciendo; en cambio en IE8, desaparece todo el objeto sin mostrar el texto alternativo.

Ejemplo final

En el siguiente ejemplo, se muestran dos imágenes PNG con un vínculo cada una. La primera corresponde a la etiqueta <img> de toda la vida y la segunda es un objeto. A ambas se les han aplicado los javascript para que se vean lo mejor posible en las diferentes versiones de IE y comparar su funcionamiento en los distintos navegadores.

La 1^ra imagen tiene la etiqueta <img> y la 2^da, <object>

Palabras finales

Internet Explorer no estará siguiendo el estándar XHTML hasta que acepte el MIME type application/xhtml+xml, por lo que el uso de <object> en vez de <img> para las imágenes en Internet Explorer no es ninguna obligación ya que todos las versiones de HTML que acepta IE aceptan la etiqueta <img>.

Se hace imperativo que todos se actualicen y actualicen cada computador con Windows que no tenga Internet Explorer 8, porque seguir con versiones antiguas de los navegadores hacen que se retrase el desarrollo de la web.

Actualización

Después de la escritura de este artículo, surgen 2 informaciones:

El estándar XHTML2 es abandonado para concentrarse en el HTML5 que incluye de nuevo la etiqueta <img>.
Descubro que Quicktime 7 se apodera de los objetos PNG en Internet Explorer para Windows.

Referencias

Llegaron los APNG (y no son estándar)

2009-03-01T16:46:00.010-03:00

Pobre MNG... Un formato de animaciones basado en el PNG. Cuando salió nadie lo pescó. No estaba terminado cuando se masificó el GIF gracias a Netscape, a pesar de que era un formato propietario. Sin embargo, MNG poseía mayor compresión, transparencias alpha, y perfiles de color.

Ahora Mozilla Firefox 3 (cuyo motor se basó en el de Netscape) incluye soporte para los archivos APNG dejando botado al estándar MNG. La principal razón fue la menor cantidad de código en comparación con el MNG para poder implementarlo. Otra ventaja de APNG es que los archivos, de extensión PNG, se degradan agraciadamente en los navegadores que no soportan el formato. No así con el MNG, que hasta se está viendo la posibilidad de darle su propio MIME type.

Pero el APNG no es un estándar. Al principio se tuvo la inteción de definir una especificación simple para animaciones en PNG al estilo GIF, pero los desarrolladores de la época decidieron expandirlo a algo más complejo que resultó en un nuevo formato: el MNG.

Después llegaron unos turcos, estudiaron el PNG, inventaron la forma de incluir animación después de poner el primer frame como si fuera un PNG normal, mandaron un parche a Mozilla, a todos les gustó, se propuso como estándar, fue rechazado, el formato se quedó en el código y hoy (marzo de 2009) ya se encuentra implementado en los navegadores Mozilla Firefox 3 y Opera 9.5.

Así que ya llegaron. Estándar o no, sirven para pequeñas cosas como ese remolino animado que indica que algo está cargando, por ejemplo, donde no se sabe si el fondo será oscuro, claro, de color... Que todos hemos visto con bordes pixelados en formato GIF o con un cuadrado negro detrás para disimular la necesidad del canal alpha.

¿Llegará el MNG?

Eso todavía se discute.

(el APNG) es un MNG simplificado. Como la mitad de las costosas definiciones están fuera. Hay un soporte avanzado para disponer del método "restaurar-al-previo" del GIF. El "perfil de simplicidad" se fue.

¿Por qué existe este tema? MNG es un estándar inmensamente complicado que nadie quiere implementar. Encuentra a alguien que lo implemente y a alguien que le importe y con eso tendrás media posibilidad. Nada que se diga en este foro va a cambiar eso.

Y por los méritos del APNG, bueno, es extremadamente simple por una razón. La compatibilidad hacia atrás con PNGs no-animados era una meta admirable, pero si se empuja al APNG hacia un nuevo MIME y una nueva extensión de archivo, sería menos útil en la web, lo cual sería ciertamente una vergüenza. Dicho eso, esto es lo mismo que en cualquier debate de estandarización. De cualquier forma, nadie puede usar realmente esta cosa hasta alrededor de 5-10 años desde hoy, cuando existan múltiples implementaciones (si es que van a alguna parte).

Yo, por mi parte, no puedo utilizar MNG porque los navegadores no tienen soporte para el formato, no tengo un software donde pueda verlos (existe una compilación especial de Firefox que los muestra y plug-ins para otros navegadores), no está definido el MIME type aún (se está usando video/x-mng por ahora) y, sinceramente, no creo que llegue el día en que Internet Explorer no haga problemas con esto.

Este navegador no soporta MNG

Ejemplo de APNG

Como prueba de concepto, he convertido el logotipo animado de ElBlog al formato APNG. Por eso no se mueve ni en Safari ni en IE, al igual que la pelota saltarina que acompaña este post.

Referencias

El Corán prohibe adorar al Sol

2009-02-25T08:53:00.001-03:00

Abrahán,(as) de grata memoria, fue enviado como Profeta a los Sabeos del Irak. Los sabeos de Harrán observaban un ayuno de treinta días sin comer ni beber desde la salida hasta la puesta del sol, y esto como ofrenda a la luna. cf. Encyclopedia of Religions and Ethics. vol. 5 pag. 764, articulo sobre "Arrianos" citado por Chowolson. Saber y Sabismus II, 711,226

El Corán (41:37) prohíbe adorar el sol o la luna, pero ordena la adoración a quien los ha creado. Asimismo ha prescrito un mes de ayuno, lo que significa la restauración del Hanifismo, o la verdadera religión del profeta Abrahám. (as)

ElBlog

En mantención

Referencias

Cómo ejecutar Talend 4.0 en Mac OS X

Referencias

Saber el SID de Oracle en UNIX

Referencias

Columnas que se auto-incrementan en PostgreSQL

1. Crear secuencia

Con pgAdmin III

Lo mismo, desde la línea de comandos

2. Usar la secuencia en una columna

Con pgAdmin3

Con comandos (psql)

Actualizar filas anteriores sin la secuencia

Con comandos

Referencias

Artículos relacionados

Ejemplo de aplicación web con Hibernate que funciona usando Netbeans IDE y JSTL (JSP(X))

Pasos previos

Instalar el complemento de Hibernate

Crear Proyecto nuevo

Configurar proyecto

hibernate.cfg.xml

Asistente de ingeniería inversa de Hibernate

Archivos de mapas de Hibernate y POJOs de la base de datos

HibernateUtil.java

Empecemos

FilmHelper.java

Consultas HQL

Hibernate

JSP(X)

Instalar la librería JSTL

Nuevo archivo JSPX

index.jspx

browse.jspx

Conclusiones

En el próximo capítulo...

Referencias

Artículos relacionados

El Modelo OSI y el error de capa 8 ¬¬

7 capas del modelo OSI

Error de capa 8 y capa 9

Referencias

Ejecutar Chrome OS como si fuera otra aplicación (abrir imagen VMWare en VirtualBox)

Instrucciones

Bonus track

Referencias

Relacionados

Importar la base de datos de ejemplo MySQL (Sakila DB Schema) con Netbeans IDE es fácil

Referencias

Borrar base de datos en MySQL

Referencias

Instalé MySQL en Mac OS X

Descarga e instalación

1. Descarga MySQL

2. Leer antes de instalar

3. Asistente de instalación

Configurar Mac OS X

Iniciar servidor

PHP

Configurar bases de datos inciales

Cambiar las contraseñas por defecto

Crear nueva base de datos

Crear un nuevo usuario

Asignar base de datos a un usuario

Instalar software para trabajar con MySQL

Importante

Referencias

Artículos relacionados

Instalar Oracle DB en Mac OS X

Links

Artículos relacionados

Tip: Esconder algunos usuarios de la ventana de Inicio de sesión en Mac OS X

Para hacer que vuelvan

Referencias

¡Emergencia! ¡Windows no me deja iniciar sesión y pide que lo active!

Si estás dentro de los 30 días y es una copia original

Si ya pasaron los 30 días y el computador se bloqueó

Quictime 7 se apodera de los objetos PNG en Internet Explorer

Con comandos (`psql`)

`hibernate.cfg.xml`

`HibernateUtil.java`

`FilmHelper.java`

`index.jspx`

`browse.jspx`

¿Por qué `<object>`?

Qué tenía de malo el `<img>`