lunes, 26 de agosto de 2013

Descargate este Pack de ejemplos HTML5

8/26/2013

Hoy comparto con ustedes un Pack deejemplos HTML5 ideal para principiantes que quieran tener una idea de lo que es HTML5 y todo lo que se puede hacer con este lenguaje web.

Contenido del Pack

  • @fontface para iconos vectoriales
  • Canvas
  • Contentenedor Editable
  • File API
  • Geolocalización
  • GetUserMedia
  • LocalStorage _ SessionStorage
  • Modernizr
  • multimedia
  • Responsive
  • Semántica
  • SVG
  • CSS3


DESCARGAR



martes, 20 de agosto de 2013

descargate este MegaPack de ejemplos Js,jQuery,Html5 desarrollados por lewebmonster (56 ejemplos)

8/20/2013

Hace 3 diasCali Rojas administrador y programador de lewebmonsterpuso a disposición todos sus ejemplos y proyectos explicados en su sitio web, en este sitio podrán encontrar varios tutoriales sobre desarrollo web y sobre los lenguajes mas usado para crear paginas webjavascript, Html5, JQuery. PHP, CSS, MySQL, Linux.

Contenido del MegaPack
  • Acordeon vertical-horizontal con css3
  • Agenda local storage html5-y-jquery
  • Animacion de escenarios con jquery
  • Animar la posición con transiciones css3
  • Animar personaje de juego con javascript
  • Buscar en tablas jquery
  • Cambiar la opacidad de elementos jquery
  • Carrusel de imagenes jquery-sin-plugins
  • Checkbox personalizado usando clases-y-jquery
  • Colapsar y expandir contenido-html5
  • Confirmar abandonar pagina con javascript
  • Control color html5
  • Control range html5
  • Crear efecto circular con jquery
  • Crear una capa flotante con jquery
  • Detectar pulsaciones de teclas con jquery
  • Efecto caida de nieve con jquery
  • Efecto cubo 3d con jquery
  • Efecto hover en imagenes con jquery
  • Efecto rollover en cruz con-jquery
  • Efecto scratchcard con jquery
  • Efectos de fondo con css3
  • Efecto texto 3d con css3
  • El atributo contenteditable de html5
son alrededor de 56 ejemplos y proyectos web , que estoy mas que seguro que te sirvieran mucho(Totalmente Recomendado :D)



DESCARGAR


lunes, 19 de agosto de 2013

Descargate y aprende a trabajar con fuentes web ideal para los diseñadores web

8/19/2013

Marlon Ceballos te presenta su cursoTrabajo con fuentes web. Dale vida a tus sitios con fuentes optimizadas.

En este curso video2brain conocerás los más importantes servicios de fuentes web y aprenderás a usarlas en tus sitios.

sabrás sobre la compatibilidad actual de laregla @font-face con los diferentes navegadores así como la compatibilidad de los diferentes formatos de fuentes web y el motivo por el cual se los usa.

Dentro del curso conocerás desde cómo descargar una fuente y convertirla a diferentes formatos que den soporte a todos los navegadores para después insertar el código en tu proyectoHTML y usarlo medianteCSS hasta el uso de las opciones de aplicaciones comoDreamweaver,Muse y Edge Animate que permiten trabajar con servicios comoEdge Web Fonts y Type sin tener que usar código. (Recomendado).



DESCARGAR

miércoles, 14 de agosto de 2013

Descargate y aprende sobre Desarrollo con Android Cliente de Twitter 2013

8/14/2013

Enrique López Mañas te presenta su cursoDesarrollo para Android: cliente de Twitter. desarrolla tu propia aplicación nativa para Android.

En este curso video2brain aprenderas a usar el entorno de desarrollo de Android y las herramientas necesarias para poder trabajar con el emulador. En una primera introducción teórica se analizarán diferentes módulos y bloques de desarrollo. Es necesariodominar Java para poder realizar este curso, y estar familiarizado con los fundamentos de Android.

Aprenderas :

  • Almacenamiento de datos en Android: aprenderás a usar el Framework Android que permite persistir datos a lo largo de la ejecución de un programa. Se analizarán las mejores técnicas en función de los datos a guardar.
  • Framework de preferencias:también aprenderás cómo se pueden almacenar las preferencias de usuario, y cómo se le pueden presentar de una manera sencilla y limpia al usuario final.
  • Servicios: en esta sección veras cómo se pueden realizar conexiones con un servidor para obtener datos del mismo, así como las mejores técnicas para realizar una conexión eficiente.
  • Cliente de Twitter: como paso final, aprenderás cómo se desarrolla una aplicación práctica, tal como un mini cliente de Twitter, paso a paso desde el comienzo, viendo cuáles son las etapas más relevantes y los módulos más importantes, para terminar con su subida a Google Play, tienda de aplicaciones y juegos de Google.



DESCARGAR

martes, 13 de agosto de 2013

Extraer la imagen de un JLabel y convertirla a Array de bytes y guardarla en una base de datos en java

8/13/2013

Apeticion de un integrante del grupo I.R.P-LEGION, el cual tenia problemas para extraer el icono de un JLabel y convertirla a Array de bytes para luego guardarla en una base de datos ,hoy les enseño como realizar este procedimiento no muy aconsejable ya que la base de datos va a crecer considerablemente.

Primero necesito extraer la imagen o icono del JLabel para esto existe el métodogetIcon() que me retorna el icono o imagen del JLabel,luego necesito transformar este valor de retorno que es unIcon aImage para luego ser convertido en array de bytes por un método llamado
getTransFoto(Image image) este método me recibe el valor de tipo Image que acabamos de transformar para luego proceder a convertirlo a array de bytes por medio de unByteArrayOutputStream(me implementa un flujo de salida en donde se escriben los datos en una matriz de bytes).

private byte [] getTransFoto(Image image) {
 ByteArrayOutputStream baos=null;
try {
  
  baos = new ByteArrayOutputStream();
  BufferedImage bufferedImage = createBufferedImageFrom(image);
  ImageIO.write(bufferedImage, "jpeg", baos);
 } catch (IOException e) {
  // TODO Auto-generated catch block
  e.printStackTrace();
 }
 return baos.toByteArray();
}


luego de ser convertido en array de bytes podemos realizar el proceso para almacenar la cadena de bytes dentro de una tabla cuyo campo debe de ser de tipoBlob .

Pero puedo convertir la cadena de bytes de nuevo a Imagen?
una vez que ya tengamos almacenada la cadena de bytes ,tambien podremos convertir esa cadena a Image, para ello necesito utilizar la claseToolkit y llamar a los metodosgetDefaultToolkit().createImage(bytes) este ultimo me recibe una cadena de bytes y crea unaImage este valor imagen lo retornamos a una variable de tipoImage,para eso creo una metodo que me reciba una sentencia SQL para realizar una consulta simple y extraer esa cadena de bytes que sera convertida aImage este método se llamagetFotografia(String sql,String campo).

public  Image getFotografia(String sql,String campo){ 
  Image data=null;
      try{    
            //se lee la cadena de bytes de la base de datos
        ResultSet rs;
      rs=ConexionBD.Consulta(sql);
      while (rs.next()) {
        byte[] b = rs.getBytes(campo);
        data = ConvertirImagen(b);       
          }
           
            // esta cadena de bytes sera convertida en una imagen
            
          } catch (IOException ex) {
            Logger.getLogger(main.class.getName()).log(Level.SEVERE, null, ex);
        }catch(SQLException e){
         System.out.println(e);
    }        
    return data;     
 }


Ahora para redimensionar las imágenes al tamaño del JLabel también creo un Método que me recibe el valor de Image y un JLabel, congetScaledInstance() puedo redimensionar la imagen al tamaño del JLabel y retornar el valor a unImageIcon().


public ImageIcon DameFoto(Image image,JLabel label){
 
  ImageIcon imageScalada = new ImageIcon(image.getScaledInstance(guardar_imagen.getWidth(),guardar_imagen.getHeight(),Image.SCALE_DEFAULT));
  
  return imageScalada;
}

les dejo el codigo fuente completo mas la base de datos.


DESCARGAR

lunes, 12 de agosto de 2013

JComboBoxBD Multi Columna carga varios datos en un JComboBox desde Mysql

8/12/2013

Hace poco vimos como cargar datos desdeMysql a un JComboBoxhoy les enseño como añadir mas de un item al JComboBox es bastante útil cuando es necesario mostrar mas de un item ,por defecto el JComboBox no permite esto asta donde yo se , asi que podemos modificarlo para añadir otra columna pero antes de alterar sus estructura lo cual sera un poco mas difícil vamos por otro camino como muy pocos sabrán se pude fusionar HTML y Java ,asi que me baso en unaTabla HTML para lograr lo que necesito, este Componente es uno que hacen fila de la libreria que cree ase tiempo y que nunca puede terminar asi que prefiero compartir pedazos de códigos a que queden en mi disco duro.

Pero como añado una Tabla HTML a un componente de Java?
se puede añadir HTML a varios componente de java y este poder adaptarlo correctamente sin problemas y no es todo puedo darle estilos a la tabla por medio de CSS , asi que sabiendo eso creo un documento simple HTML dentro de una variable STRING.

  str = "html" +
       "style type=text/css"+ 
          ".estilo1{font-family:"+getFontFirstColumn().getFamily()+"; "+"font-weight:"+fuente(getFontFirstColumn().getStyle())+";"+"font-size:"+getFontFirstColumn().getSize()+"px;"+"color:rgb("+getColorFirstColumn().getRed()+","+getColorFirstColumn().getGreen()+","+getColorFirstColumn().getBlue()+");"+"}"+ 
          ".estilo2{font-family:"+getFontSecondColumn().getFamily()+"; "+"font-weight:"+fuente(getFontSecondColumn().getStyle())+";"+"font-size:"+ getFontSecondColumn().getSize()+"px;"+"color:rgb("+getColorSecondColumn().getRed()+","+getColorSecondColumn().getGreen()+","+getColorSecondColumn().getBlue()+");"+"}"+ 
          "/style"+ 
             "table width='"+ancho+"'"+"" +
             "tr" +
             "td class=estilo1 align='left'" + leftText;
             str = str + "/tdtd class=estilo2 align='right'" + 
             rightText + "/td/tr/table/html";


dentro de esta variable String creo una cadena con las etiquetasHTML y las clases CSS para formar una sola cadena que me recibe valores que serán los items de cada columna y los valores que alteran la tabla para darle un estilo,tipo de fuente,color de fuente todos esos toda esta codificación tendrá que estar dentro de una clase llamadaTableItem esta clase me recibe los valores de cada columna en Array String para luego retorna los items y ser añadidos al JComboBox.

private void addItemColum(String[] left, String right[])
 {
  if(left.length 1 && right.length1)
  {
    for(int i=0; ileft.length; i++)
    {
     this.addItem(new TableItem(this,left[i], right[i]));  
    }
  }
  
 }


por medio del métodoaddItemColum(L,R) que esta en la clasejComboBoxBD puedo añadir items creado dos variables Array String manualmente .

String nombre[]={"Pedro","Pablo","Maria","Eudalia"};
   String años[]={"22","20","15","18"};
   combo_box_union.addItemColum(nombre, años);


de esta forma podemos añadir items a cada columna,pero manual mente.

Pero si quiero cargar datos desde Mysql?
para ello necesito utilizarArrayListString con el ArrayList podremos almacenar los valores que retorna la consulta SQL cabe recalcar que aquí necesitamos utilizar dos campos de la tabla ya que son dos columnas en el JComboBox , luego que que los ArrayList este cargados le pasamos el valor a dos variables Arrary String ,estas dos varibles seran los valores que recibirá el métodoaddItemColum(String[] left, String right[]) , para luego ser añadidos al JComoBox por medio de addItem();


public void setInjectSQLDobleColumn(String sql,String campo1,String campo2){
  
  try{
   
   ResultSet rs;
      rs=ConexionBD.Consulta(sql);
      ArrayListString col1 = new ArrayListString();
      ArrayListString col2 = new ArrayListString();
      
      while (rs.next()) {
        col1.add(rs.getString(campo1));
        col2.add(rs.getString(campo2));
       
         }
      String [] itemCol_1 = new String [col1.size()];
      String [] itemCol_2 = new String [col2.size()];
      col1.toArray(itemCol_1);
      col2.toArray(itemCol_2);
      addItemColum(itemCol_1, itemCol_2);
   
  }
  catch(Exception ex){
   System.out.println("ERROR EN AL CARGAR DATOS");
      }
  
 }


Como retorna los dos valores del Item selecionado ?
para eso necesito recrear dos métodos que reciban y retornen los datos dentro de estos dos metodos estara instanciada la claseTableItem y el valor que recibira los métodos seran de tipo Object .

 public String getLeftText(Object obj)
     {
   TableItem item = (TableItem)obj;
       return item.getLeftText();
     }
     public String getRightText(Object obj)
     {
      TableItem item = (TableItem)obj;
       return item.getRightText();
     }


utilizando los métodos dentro de un eventoactionPerformed.

combo_box_union.addActionListener(new java.awt.event.ActionListener() {
    public void actionPerformed(java.awt.event.ActionEvent e) {
     
     txt_nombre.setText(combo_box_union.getLeftText(combo_box_union.getSelectedItem()));
     txt_curso.setText(combo_box_union.getRightText(combo_box_union.getSelectedItem()));
     
    }
   });


les dejo el codigo fuente completo mas la base de datos.


DESCARGAR

Suscribirse a: Entradas (Atom)