Fecha
julio 2012
L M X J V S D
 1
2345678
9101112131415
16171819202122
23242526272829
3031  
Bienvenidos
Temas de interes general
Contador
  • 0Lecturas hoy:
  • 0Lecturas ayer:
  • 2354Total de visitas:
  • 0Hoy:
  • 0Ayer:
Contador de Visitas

Archive for julio, 2012

DESARROLLO DE APLICACIONES METRO PARA WINDOWS 8

jueves, julio 19th, 2012

Es importante saber que no se pueden crear aplicaciones estilo metro en Windows 7, ni en Windows server 8 beta.

DISEÑO DE APLICACIONES

Estan diseñadas para la ejecución en pantalla completa, sea interactiva con el usuario y muy agradable a la vista, táctil , con variedad de diseños y formas , comparten un conjunto de rasgo que conforman una experiencia del usuario .

Son inmersibas y sin contenedor visual, la cual llenan la pantalla completa y no distraen al usuario , lo que hace mas fácil, buscar, compartir y enviar el contenido.

Se puede crear aplicaciones en Java Script , C#, C++, Visual Basic. Ademas Windows te facilita todo lo que necesitas para  vender tus aplicaciones.

Las aplicaciones se las encuentra en Windows 8 consumer Preview  y luego se descarga las herramientas de desarrollo

Microsoft Visual Studio 11 Express Beta para Windows 8 te proporciona las herramientas necesarias para desarrollar aplicaciones estilo Metro.

Herramientas de desarrollo para aplicaciones estilo Metro

  • Si      sabes sobre tecnologías de desarrollo web, puedes desarrollar una      aplicación estilo Metro con HTML5, hojas de estilos en cascada de nivel 3      (CSS3) y JavaScript.
  • Si      has desarrollado aplicaciones de Windows Presentation Foundation o      Silverlight, puedes desarrollar una aplicación estilo Metro con XAML, con      código subyacente en C++, C# o Microsoft Visual Basic.
  • Si      conoces Microsoft DirectX, puedes desarrollar un juego DirectX estilo      Metro con C++ nativo y HLSL para aprovechar el hardware de gráficos por      completo.

Puedes usar las herramientas, los lenguajes y las API para aplicaciones estilo Metro para crear una interfaz de usuario convincente, administrar el ciclo de vida de la aplicación y tener acceso a dispositivos, servicios de sistema y servicios en la nube.

Estas son las API más importantes compatibles con aplicaciones estilo Metro.

 

VENTAS DE APLICACIONES METRO

Con la oportunidad que te brinda Windows store de poder vender tus  aplicaciones a todo el mundo, puedes elegir vender tus aplicaciones a una región o país especifico .

Lo cierto es que ya no nos sorprende Microsoft ya que esperamos cada vez mas de las innovaciones que  nos facilita el uso .

Metro es algo diferente en la interfaz gui ,  pasamos a pensar diferente luego de la experiencia del usuario ya que no solo se trata de accesabilidad , colores, diseño , sino de forma e interactividad .

 

Diseño

Reduce distracciones al usuario y permite concentrarse en el contenido

Usa espacios abiertos para resaltar el contenido

No usa pestañas, y no deja que el usuario se distraiga con otros contenidos

Jerarquía

Usa tamaño, colores en el texto de forma clara para el usuario

Hoja de estilo predeterminada  para aplicar tipo definido del texto

Interaccion

Tiene al usuario inmerso en la interaccion del contenido, sin distracciones de otras aplicaciones.

Coloca comandos en la barra de aplicación y aparece cuando se pasa un dedo por borde superior o inferior

Evita colocar comandos permanentes en la aplicación

Crea diseño teniendo presente la comodidad del usuario.

Metro nace para brindar una experiencia de laptops, tabletas, y computadoras de escritorio. Acepta multiples lenguajes de programación como :Visual Studio 2011 y Java Script y Html5, C++  entre otros.

Las aplicaciones estilo metro son adaptadas a las necesidades del usuario

CARACTERISTICAS

  • EMVUELVEN AL USUARIO EN LA EXPERIENCIA DE LA APLICACIÓN
  • SON ATRACTIVA Y VIVAS, NOS MUESTRAN LA INFORMACION SIN QUE ABRA LA APLICACIÓN
  • ESTAN SIEMPRE CONECTADAS, ES DECIR SE PUEDE COMPARTIR INFORMACION ENTRE UNA APLICACIÓN Y OTRA/ (A NUESTRA RED SOCIAL)
  • TODOS LAS APLICACIONES TIENEN COMO PODER COMPARTIR
  • INTERACTIVAS Y TACTILES
  • MULTIPLES VISTAS EN CUALQUIER RESOLUCION DE PANTALLA INDEPENDIENTE DEL DISPOSITIVO
  • DISEÑADO PARA REALIZAR MULTITAREAS (PUEDO VER OTRA APLICACION AL LADO IZQUIERDO DE LA PANTALLA SIN CERRAR NINGUNA)
  • NO TIENE LOS ICONOS DE COMO MAXIMIZAR , NI MINIMIZAR SE LO HACE DE MANERA TACTIL.
  • UNA MANERA DE LIBERAR LA APLICACIÓN DE LA MEMORIA ES ATRAVEZ DEL ADMINISTRADOR DE TAREAS.CUANDO LA APLICACIÓN NO TIENE PANTALLA TACTIL
  • TENEMOS TAMBIEN EL APP BAR PARA MAS OPCIONES QUE SE ABRE AL DAR CLICK DERECHO SOBRE LA PANTALLA
  • CON LA TECLA WINDOWS VOLVEMOS A LA PANTALLA DE INICIO
  • MANTENIENDO PRESIONADO LA APLICACIÓN LA PODEMOS MOVER
  • PODEMOS AGRANDAR LA APLICACIÓN O HACERLA MAS PEQUEÑA O BORRARLA
  • HACERCAMOS EL MOUSE A LA ESQUINA INFERIOR IZQUIERDA Y NOS MUESTRA CUATRO ITEMS PARA ELEGIR , SI PONEMOS BUSCAR NOS VA ENCONTRAR LA APLICACIÓN QUE BORRAMOS, UNA VEZ ENCONTRADA DAMOS CLICK DERECHO PARA QUE SEA VISIBLE EN EL MENU PRINCIPAL DE WINDOWS
  • TODAS LAS APLICACIONES APARECEN EN PANTALLA COMPLETA

Fuente: msdn.microsoft.com, youtube, aportacion personal

 

CODIGO QR EN JAVA Y REALIDAD AUMENTADA

miércoles, julio 18th, 2012

Codigo QR se puede guardar información de todo en código que no es visible fácilmente sino que hay que usar una aplicación para poder visualizar la información, que te pueden mandar un sms , visitar un sitio web , en mi caso baje la aplicación que fue muy fácil en mi teléfono iphone me puse en AppStore –buscar- Scanlife que es una aplicación gratis y fácil de bajar , se espera unos minutos y se carga .Luego me dirigi al link http://www.qrstuff.com/index.html que te crea los códigos qr y elegi plain text que me crea un texto.Pero no tan solo se crea texto sino que también se pueden se pueden crear un archivo gif y son mas de 20 tipos de datos, también para el uso de diseño grafico en formato raser png o jpg . Estaba buscando código qr de Espol y nos lleva a la pagina de internet de edina con toda la descripción de espol como dirección teléfono, etc.
Hasta un 30 % de un código qr se podía quitar e incrustrar una imagen y el código debería seguir funcionando
Si se derrama o corta el código no funciona y sale como dañado
Aquí les dejos algunas indicaciones que encontré en el block de que hacer y no hacer en el código qr
Mantener el tamaño de la imagen por debajo del 15% de la misma
• fue que no se puede borrar las tres esquinas con cuadrados que hay son de mucha importancia para la lectura de código, ya que permiten detectar la posición del lector de código
• Siempre dejar un borde en blanco
• Dentro de los códigos qr no tienen que tener ninguna imagen incrustrada en ellas
No utilizar el Api de Google
http://www.youtube.com/watch?v=oIN2JohKEGY este es link de video que me dirigio a las paginas siguientes.

Bueno según comprobé se ingresa a la pagina que pongo a continuación esta detallado para instalar en teléfonos iphones la aplicación que baje es Scanlife , y en esta pagina se genera los códigos que ud quiere como por ejemplo
http://www.qrstuff.com/index.html

http://code.google.com/p/zxing/downloads/detail?name=ZXing-1.6.zip&can=2&q=
en este link bajamos las librerías que nos falta en netbeans ZXing 1.6 release
Aplicaremos las librerías zxing 1.6 en el netbeans
Ponemos nuevo proyecto en netbeans , se agregan las librerías en la barra de menú – biblioteca –agregar – y agregamos .jar

Luego agregamos las importaciones de las librerías que necesitamos
import com.google.zxing.BinaryBitmap;
import com.google.zxing.LuminanceSource;
import com.google.zxing.MultiFormatReader;
import com.google.zxing.Reader;
import com.google.zxing.Result;
import com.google.zxing.client.j2se.BufferedImageLuminanceSource;
import com.google.zxing.common.HybridBinarizer;
import java.awt.image.BufferedImage;
import java.io.File;
import javax.imageio.ImageIO;
Despues ingresamos tres métodos que nos servirán para lectura de código qr
Reader leer = new MultiFormatReader();
File ubicacionImagen = new File(System.getProperty("user.home") + "/qrcodeDemo.gif");
BufferedImage imagen;
leer: Objeto de tipo Reader que realizara la interpretacion del codigo QR
ubicacionImagen: El archivo que contiene la imagen con el codigo a interpretar.
imagen: Utilizado para leer la imagen.
LuminanceSource fuente = new BufferedImageLuminanceSource(imagen);
Y creamos un mapa de bits a partir de ella...
BinaryBitmap mapaBits = new BinaryBitmap(new HybridBinarizer(fuente));
Con esto va a ser posible leer su contenido, para ello le indicamos al lector que decodifique el mapa de bits que recién hemos creado:
Result resultado = lector.decode(mapaBits);
El resultado lo almacena en un objeto de tipo com.google.zxing.Result al cual solo debemos invocar el método getText() para obtener el contenido del código QR:
System.out.println("Contenido del codigo = "+resultado.getText());
Para que el código anterior funcione debemos encerrarlo dentro de un try-catch.
Al ejecutar la aplicación tras realizar los pasos anteriores estaremos decodificando el código QR dentro de la imagen indicada.

REALIDAD AUMENTADA
Es una visión del mundo real de los cuales se combinan con elementos virtuales. Es una realidad mixta a tiempo real . Son conjuntos de dispositivos que añaden información a la imagen
Es decir a una imagen se le agrega información adicional, no substituye a la realidad física sino que añade. Son una secuencia de videos como una forma de aumentar el mundo real .Permite visualizar todo el entorno físico , real, podemos ver una imagen de distintos angulos.
Podemos decir que:
• Tenemos una webcam o similar capaz de leer imágenes.
• Con el software adecuado instalado
• Se lee la imagen con un código QR
• Y se presenta la información
Según el Smartphone , Tablet , PC etc podremos ver las distintas aplicaciones y la realidad aumentad. Según el software que utilicemos podremos también tener información textual , multimedia
fuentes:qrstuff.com, youtube y mi aportación personal.