Archive for July, 2009

Manejo de imágenes en una aplicación Apex – Parte 2: Utilizando las imágenes

Friday, July 31st, 2009

En la publicación anterior, expliqué cómo cargar imágenes a nuestros espacios de trabajo, ya sea que las definamos como parte de una aplicación específica en ese espacio de trabajo, o bien, que no especifiquemos la imagen como parte de una aplicación.

El utilizar estas imágenes en nuestras aplicaciones es muy sencillo, lo único que debemos hacer es utilizar el tag html <IMG>, el truco está en la manera en que hacemos referencia a la imagen dentro de este tag.

Existen dos cadenas de substitución que vamos a utilizar para poder referenciar estas imágenes, estas cadenas son: WORKSPACE_IMAGES y APP_IMAGES.

Pero ¿cuál de estas cadenas debemos utilizar? y ¿En qué situaciones usamos cada una de ellas?

La respuesta es muy sencilla:

WORKSPACE_IMAGES Utilizamos esta cadena para hacer referencia a las imágenes que definimos como de uso general del espacio de trabajo, esto es, todas aquellas imágenes que al momento de crearlas, no las definimos como parte de una aplicación específica.
APP_IMAGES Usamos esta cadena de substitución, para referenciar imágenes que creamos como parte de una aplicación específica.

Con todo lo anterior dicho, vamos a suponer que creamos en nuestro espacio de trabajo dos imágenes, una llamada foto.png”, la cual no definimos como parte de una aplicación; y una segunda imagen llamada photo.png, la que definimos que pertenece a la aplicación 110, por ejemplo.

En el caso de la primer imagen: foto.png, la podemos utilizar tanto en la aplicación 110, como en cualquier otra aplicación que tengamos definida en nuestro espacio de trabajo, y lo hacemos de la siguiente manera:

<img src=”#WORKSPACE_IMAGES#foto.png”>

Ahora bien, segunda imagen: photo.png, la vamos a poder referenciar solamente en la aplicación 110, y lo hacemos en la forma:

<img src=”#APP_IMAGES#foto.png”>

Básicamente, lo que hacemos al usar estas cadenas de substitución, es evitarnos el tener que utilizar todo el camino a donde se encuentran las imágenes, al ejecutar nuestras aplicaciones Apex, estas cadenas son substituidas por el correspondiente camino, así que no debemos preocuparnos por esto.

Espero que les sea de utilidad y que regresen pronto para nuevos tips, noticias y artículos acerca de Oracle Apex.

Manejo de imágenes en una aplicación Apex – Parte 1: Cargando las imágenes

Tuesday, July 28th, 2009

Una de las grandes facilidades que nos proporciona Oracle Apex, es el poder utilizar de manera sencilla, imágenes que nos ayuden a hacer nuestras aplicaciones más atractivas. En esta ocasión voy a iniciar con una serie de dos publicaciones en las que explico cómo cargar las imágenes que necesitamos utilizar en nuestras aplicaciones y en una segunda entrega, explicaré cómo hacer uso de estas imágenes.

Partiendo del hecho de que ya sabemos como crear una aplicación – si no es así los invito a revisar las publicaciones anteriores – una vez estemos en la página principal de nuestra aplicación:

  1. Haga clic en el botón “Componentes Compartidos”.
  2. Carga de Imagenes 1

  3. En la página de “Componentes Compartidos”, diríjase a la sección “Archivos” y haga clic en el enlace “Imágenes”.
  4. Carga de Imagenes 2

  5. Una vez adentro, haga clic en el botón Carga de Imagenes 3.
  6. Cuando la página de carga de imágenes aparezca (ver imagen abajo), haga clic en el botón Carga de Imagenes 6, navegue por su dispositivo de almacenamiento hasta la imagen deseada y selecciónela.
  7. Carga de Imagenes 4

  8. Para completar la carga de la imagen, haga clic en el botón Carga de Imagenes 5.

Repita los pasos 3 al 5 del procedimiento anterior, para cada imagen que desee cargar a su aplicación.

Como pueden ver, es un proceso muy sencillo de efectuar, e igualmente de sencillo es utilizar en nuestras aplicaciones estas imágenes que cargamos.

En breve, en mi próxima publicación, les estaré explicando como utilizar estas imágenes dentro de nuestras aplicaciones. Estén atentos.