feed twitter facebook LinkedIn facebook

Java » Insertar elementos en un ArrayList

septiembre 30, 2014 por Víctor Cuervo Sin Comentarios Imprimir Imprimir

Una vez que hemos aprendido a crear un ArrayList vamos a ver como podemos insertar elementos en un ArrayList de Java.

Para aprender a insertar elementos en un ArrayList de Java tenemos que saber es que un ArrayList implementa una lista de contenido dinámico. Es decir, según vayamos insertando elementos en el ArrayList, el tamaño del mismo se irá incrementando dinámicamente.

Lo primero que haremos será crear el ArrayList:

  1. ArrayList<String> al = new ArrayList<String>();

En este caso hemos tipado a String el ArrayList, ya que todas las colecciones tienen que ir tipadas y los elementos que vamos a insertar en el ArrayList serán cadenas.

Para insertar elementos en un ArrayList de Java vamos a apoyarnos en el método .add().

  1. al.add(Elemento);

El parámetro que recibe el método .add() del ArrayList es el elemento que queramos insertar. Como en este caso son cadenas de texto, es decir, String, realizaremos las siguientes operaciones:

  1. al.add("Victor");
  2. al.add("Luis");
  3. al.add("Elena");

Por cada una de las líneas insertaremos un elemento en el ArrayList.

Si quieres ver que elementos has insertado en el ArrayList puedes listar el contenido de dicho ArrayList.

  1. for(int x=0;x<al.size();x++) {
  2. System.out.println(al.get(x));
  3. }

Java » Crear un ArrayList en Java

septiembre 28, 2014 por Víctor Cuervo Sin Comentarios Imprimir Imprimir

Un ArrayList es una colección de Java que implementa el interface List y que por lo tanto nos puede servir como implementador de listas.

Una de las cosas que tenemos que saber a la hora de crear un ArrayList en Java es que se crean con un tamaño por defecto, que podemos de forma dinámica ir añadiendo elementos y que en el caso de que el ArrayList supere su tamaño predefinido, automáticamente se le asignará un nuevo tamaño.

Para crear un ArrayList en Java tenemos tres formas:

Crear un ArrayList vacío

Para crear un ArrayList en Java vacío solo tendremos que instanciar la clase ArrayList mediante un constructor.

  1. ArrayList<String> al = new ArrayList<String>();

Recuerda que las colecciones hay que tiparlas. En este caso hemos tipado a String el ArrayList

Crear un ArrayList con un tamaño por defecto

Para crear un ArrayList en Java con un tamaño por defecto bastará con que indiquemos en el constructor el número de elementos que queremos que tenga en ArrayList.

  1. ArrayList<String> al = new ArrayList<String>(3);

En este código hemos indicado que el ArrayList tendrá capacidad para 3 elementos.

Crear un ArrayList desde otra colección

También podremos crear un ArrayList desde los datos que contenga una colección: un vector, un conjunto,...

Para ello lo primero será crear una colección con datos. En este caso vamos a crear un Vector.

  1. Vector<String> vector = new Vector<String>();
  2. vector.add("Irene");
  3. vector.add("María");

Y ahora vamos a crear el ArrayList con el contenido de este Vector. Para ello lo pasamos como parámetro del ArrayList.

  1. ArrayList<String> al = new ArrayList<String>(vector);

Ahora ya solo te queda elegir la forma en la que quieres crear un ArrayList en Java.

Eventos » Webinar Perceptual Computing en Español

septiembre 25, 2014 por Víctor Cuervo Sin Comentarios Imprimir Imprimir

developer-pinchNos comparten el vídeo sobre el Webinar de Perceptual Computing en Español que se celebró dentro del marco del concurso Real Sense App Challenge 2014.

Tanto si están compitiendo en el Real Sense App Challenge 2014 como si no, no dejes la oportunidad de echarle un ojo al vídeo y ver como funciona la programación perceptual mediante el Webinar Perceptual Computing en Español.

Eventos » Perceptual Computing

septiembre 23, 2014 por Víctor Cuervo 1 Comentario Imprimir Imprimir

developer-pinchVenimos  hablando sobre la programación perceptual con Intel y su evento de Webinar Real Sense App Challenge 2014 en el que puedes llegar a conseguir hasta 1 millón de dólares en premios.

Pero , ¿en qué consiste la programación perceptual?

Utilizando la programación perceptual podemos:

  • Identificar movimientos de la mano y de los dedos, con el SDK de Intel Real Sense se pueden identificar hasta 22 articulaciones.
  • Análisis de la cara, en este caso se identifican 78 puntos lo cual permite seguir el movimiento de la cabeza. Pero no solo eso si no que se puede llegar hasta identificar emociones y sentimientos.
  • Tener gestos por defecto, ya que el SDK viene preconfigurado con gestos como pulgares hacía arriba o hacer la ola.
  • Reconocimiento vocal, aquí se podrán ejecutar comandos pronunciados por el usuario, así como realizar dictados.
  • ...

Fíjate las cosas que se pueden llegar a realizar...

Si esto te parece interesante no deberías dejar pasar la oportunidad de apuntarte al concurso Real Sense App Challenge.

 

Eventos » Webinar Real Sense App Challenge 2014 en Español

septiembre 5, 2014 por Víctor Cuervo Sin Comentarios Imprimir Imprimir

developer-pinchDentro del evento Real Sense App Challenge 2014 ahora tenemos la oportunidad de atender a un webinar en español, lo cual hará que tengamos más información sobre el concurso de desarrollo sobre tecnología perceptual de Intel.

Dentro del Webinar Real Sense App Challenge 2014 en Español podremos conocer temas como:

  • Intel® RealSense™ SDK beta para Windows
  • ¿Qué es Intel® RealSense™ Technology?
  • Importancia para los desarrolladores
  • Detalles técnicos de Intel® RealSense™ Technology
  • Comenzar con Intel® RealSense™ SDK
  • Desarrollando una Aplicación con Intel® RealSense™ SDK for  Windows
  • Programa de Desarrolladores Intel® RealSense™ SDK
  • Q&A

El Webinar Real Sense App Challenge 2014 en Español será coordinado por Albertina Durante y Hernán Alijo.

Puedes registrarte directamente desde aquí... No dejes de pasar la oportunidad.

JavaScript » Acceder a una clase con QuerySelector

septiembre 3, 2014 por Víctor Cuervo Sin Comentarios Imprimir Imprimir

El API Query nos puede permitir la ejecución de selectores. Así que en este artículo vamos a ver como acceder a una clase con QuerySelector.

Lo primero será validar si nuestro navegador soporta el API QuerySelector, ya que no todos los navegadores lo soportan.

  1. if (document.querySelector)
  2. document.write ("API Query Selector soportado");

Una página HTML puede tener diferentes elementos a los que les asigne una clase, a diferencia de un ID dónde solo encontraremos uno único dentro de la página.

De esta forma la página sobre la que partamos tendrá la siguiente forma:

  1. <li class="item">Item 1</li>
  2. <li class="item">Item 2</li>
  3. <li class="item">Item 3</li>
  4. <li class="item">Item 4</li>
  5. <li class="item">Item 5</li>
  6. </ul>

Como podemos comprobar hay varios elementos LI los cuales tienen asociada una clase "item".

Para acceder a una clase con QuerySelector tenemos que saber que el selector de clases se monta anticipándole un punto al nombre de la clase.

.nombreClase

Ahora pasamos a ejecutar el método .querySelector para obtener acceso al elemento.

  1. var elemento = document.querySelector(".item");

Al ejecutar el método .querySelector sobre la clase lo que obtenemos es un acceso al primer elemento que contenga dicha clase en la página. Es decir, que si ejecutamos el volcado del contenido:

  1. console.log(elemento.innerHTML);

Lo que vamos a obtener es:

Item 1

En el caso de que queramos obtener todos los elementos que contengan la clase "item" deberemos de recurrir a la función .querySelectorAll.

  1. var elementos = document.querySelectorAll(".item");
  2. for (x=0;x<elementos.length;x++) {
  3. console.log(elementos[x].innerHTML);
  4. }

JavaScript » Obtener ID con API QuerySelector

septiembre 1, 2014 por Víctor Cuervo Sin Comentarios Imprimir Imprimir

Ya hemos visto que con el API QuerySelector podemos ejecutar selectores que accedan a los elementos DOM de nuestra página web. Ahora vamos a ver como podemos obtener el ID con API QuerySelector para poder recuperar un elemento en concreto.

Recuerda que para que una página esté bien formada no deberá de tener repetidos los ID y que un ID corresponderá a un solo elemento.

Para obtener el ID con API QuerySelector lo primero que haremos es definir una web dónde tengamos un elemento con dicho ID.

  1. <div id="mensaje">Esto es un mensaje</div>

Ahora lo siguiente será acceder al ID "mensaje". Para ello vamos a ejecutar el método document.querySelector al cual le pasaremos el selector que referencie al ID.

Los selectores de ID se referencian anticipándoles una almohadilla.

#id

Es por ello que el código para obtener el ID con API QuerySelector será el siguiente:

  1. var mensaje = document.querySelector("#mensaje");

En la variable mensaje habremos dejado un elemento DOM, así que podemos obtener su contenido mediante métodos como .innerHTML.

  1. console.log("El contenido de los elementos de la clase mensaje '" + mensaje.innerHTML + "'");

En próximos artículos veremos como a parte de obtener el ID con API QuerySelector podemos montar una cantidad amplia de selectores que nos filtren los elementos.

JavaScript » API QuerySelector

agosto 31, 2014 por Víctor Cuervo Sin Comentarios Imprimir Imprimir

El API QuerySelector es un API Javascript que nos permite ejecutar selectores para poder acceder a elementos del DOM de de una página web. Algo que frameworks como jQuery ya tenían implementado hace tiempo, pero que ahora tenemos de forma estándar en Javascript.

De esta forma el API QuerySelector complementa a las funciones ya existentes .getElementById(), .getElementByName() y .getElementsByTagName().

Aunque el soporte del API QuerySelector está bastante extendido lo primero que vamos a realizar es comprobar si el navegador en el que ejecutamos el código tiene el soporte del API QuerySelector. Para ello validamos si existe document.querySelector.

  1. if (document.querySelector)
  2. document.write ("API Query Selector soportado");
  3. else
  4. document.write ("API Query Selector NO soportado");

Para poder ejecutar el API QuerySelector es muy sencillo, para ello basta con ejecutar la función .querySelector indicándole el selector como parámetro que queramos ejecutar.

  1. var elemento = document.querySelector("selector");

Los selectores pueden indicar múltiples cosas, ya sean identificadores, clases, etiquetas, jerarquías de etiquetas,...

Por ejemplo si tenemos un ID dentro de nuestra página web que se llame "mensaje"...

  1. <div id="mensaje">Esto es un mensaje</div>

Podemos ejecutar el siguiente código:

  1. var mensaje = document.querySelector("#mensaje");

La variable mensaje contendrá un objeto DOM, en este caso un objeto HTMLDIVElement. De esta forma podemos acceder a todas sus propiedades, por ejemplo a su contenido con .innerHTML

  1. console.log("El contenido del ID mensaje es '" + mensaje.innerHTML + "'");

Ahora ya solo te queda ir jugando con los diferentes selectores del API QuerySelector para ir viendo toda su potencia.

Eventos » Segundo Webinar del Real Sense App Challenge 2014

agosto 20, 2014 por Víctor Cuervo Sin Comentarios Imprimir Imprimir

developer-pinchSigue en curso el Real Sense App Challenge 2014. Si todavía no tienes clara tu idea para intentar ganar los premios del Real Sense App Challenge 2014 no te preocupes, hoy se celebra el segundo Webinar para poder ayudarte con las ideas.

Ya sabes que en Real Sense App Challenge 2014 están buscando que la gente programando con C++ p C# pueda construir aplicaciones perceptuales, es decir que podamos interactuar con ellas mediante gestos, voz, reconocimiento facial,...

Seguro que se te ocurre una buena idea y puedes optar a los premios que tienen por valor de 1 millón de dolares.

No dejes pasar la oportunidad e inscribete en el Segundo Webinar del Real Sense App Challenge 2014.

Puedes inscribirte al concurso desde aquí.

WordPress » Obtener el título en WordPress

agosto 14, 2014 por Víctor Cuervo Sin Comentarios Imprimir Imprimir

Una de las cosas que haremos cuando estemos construyendo un tema será obtener el título en WordPress de la entrada o página que estemos presentando.

Para poder obtener el título en WordPress vamos apoyarnos en la función:

  1. wp_title();

Antes de utilizar la función wp_title() deberemos de conocer las posibilidades que nos ofrece. Y es que esta función cuenta con 3 parámetros:

  1. wp_title($separador,$mostrar,$posicion);

Si los vemos en detalle:

  • $separador, es el carácter o símbolo que utilizaremos para separar el título. Este podrá ir antes o después del título atendiendo al valor que tenga el parámetro $posicion.
  • $mostrar, es un valor booleando en el cual indicaremos que el contenido se muestre (si utilizamos un true) o si queremos utilizar el contenido como parámetro de una función (si utilizamos false).
  • $posicion, indica la posición en la que que queremos poner el separador del título. Los valores pueden ser LEFT o RIGHT.

De esta forma podemos obtener el título en WordPress de la siguiente forma:

  1. wp_title('|',true,RIGHT);

Así conseguiremos que se muestre el título del contenido seguido del símbolo '|'. Si el contenido se llama 'Mi Página' visualizaremos lo siguiente:

Mi Página|

Y es que podemos concatenar el título del contenido con otra información, por ejemplo con el nombre o descripción del blog.

Así tendríamos el siguiente código:

  1. wp_title('|',true,RIGHT);bloginfo('name');

Lo que nos visualizaría por pantalla será:

Mi Página|Línea de Código

El uso de esta función para obtener el título en WordPress lo encontraremos principalmente en el archivo header.php al generar la etiqueta title, aunque podemos utilizarlo dónde queramos:

  1. <title>wp_title('|',true,RIGHT);bloginfo('name');</title>

Lógicamente el título puede variar atendiendo a muchos criterios: si queremos personalizar cuando sea la página de 404, o cuando sea una entrada el contenido o cuando sea una página,... Podremos complicar la generación del título lo que queramos.

Para estos casos se puede optar, y parece lo más coherente por añadir un filtro sobre la función 'wp_title' y que funcione como nosotros queramos:

  1. add_filter( 'wp_title', 'titulo_personalizado', 10, 2 );

Pero esto será objeto de otro artículo.