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

viernes, 9 de agosto de 2013

jComboBoxBD carga datos en un JComboBox desde Mysql con java fácil y rapido

8/09/2013

Hoy les enseño como cargar un JComboBox con datos provenientes de una base de datos MySql ,este ejemplo lo hice con el fin de ayudar a unos integrantes de un grupo en java el cual soy miembro.
Para ello cree una clasejComboBoxBD donde tengo un método muy sencillo pero bastante útil a la hora de cargar datos ,este método recibe dos valores String el primero la sintaxis SQL y el segundo elcampode la tabla en la base de datos que necesito para extraer los datos y añadadirlos al combo.

try{
   
   ResultSet rs;
      rs=ConexionBD.Consulta(sql);
      while (rs.next()) {
                this.addItem(rs.getString(campo));    
             }
  }
  catch(Exception ex){
   System.out.println("ERROR EN AL CARGAR DATOS");
      }


como podrán ver es bastante sencillo tengo mi claseResulSetdeclarada como variable la cual me recibe los valores que retorna la consulta de la claseConexionBD esta clase se encarga de conectarme a la Base de datos y el método Consulta de ejecutar lasentencia SQL luego necesito un siclo while para que el resulset sea recorrido por el método next() desde el primer registro y termina cuando el rs.next() sea null, y con el método getString() el cual me recibe el nombre del campo o el nombre de la columna de la base de datos que necesito extraer los valores este me los retorna para que sean añadidos al JComboBox .

Con este metodo podre realizar consultas ya sea simples o mas complejas como por ejemplo como seria si necesito unir DOS TABLAS y obtener un columna en especifico ?

combo_box_union = new jComboBoxBD();
   combo_box_union.setInjectSQL("SELECT datos_varios.profesor AS profe FROM datos_persona INNER JOIN  datos_varios ON (datos_persona.codigo = datos_varios.codigo);", "profe");



el métodosetInjectSQL(sql,campo) , se encarga de realizar la consulta y de añadir los items de esta manera podrán utilizar el elemento cuantas veces sea necesario sin tener ningún problema y ahorrar mas codigo. les dejo el codigo fuente completo



DESCARGAR

miércoles, 7 de agosto de 2013

Descargate software centinela control, desarrollado con Java y Mysql

8/07/2013
Descargate software centinela control, desarrollado con Java y Mysql
Añadir leyenda



Descargate software centinela control, desarrollado con Java y Mysql


El presente software se desarrolló utilizando el lenguaje deprogramaciónJava ysgbdMysql, dentro de las funciones que posee dicho softwareestánlas de registro de clientes, registro detécnicos registro de equipos y materiales, registro de kits, registro de inspecciones,generaciónde reportes.
De esta forma, podemos destacar que dentro delcódigoque forma parte de este software seconseguiráncon consultas a la base de datos, para registrar, modificar y eliminar, igualmenteconseguircódigopara generar reportes utilizando laherramientade ireport.

¿Qué necesitamos?
Un IDE, Netbeans 7.3
Un gestor de base de datos MySql
La librería necesaria para conectar Mysql con Java (mysql-connector-java-5.1.6-bin - última versión a la fecha)
Las librerías necesarias para iReport (Añadidas en el RAR al final)
JasperReport para realizar el modelado de la Factura
Para conectar la aplicación a la base de datos deben ir hasta la carpeta " imas "Que se encuentra dentro del proyecto y modificar un fichero llamado archivo,Con el usuario y contraseña de su servidor de mysql, igualmentepodráncolocarladirecciónip en caso de que quieran conectarse de forma remota


La presente interfaz representa un formulario donde se vacían los datos de una inspección relazada, en la cual se pueden realizar consultas a la BD.



La presente interfaz permite registrar, modificar y eliminar equipos y materiales relacionados con los servicios que presta la empresa, para la instalación de sistemas devídeo centrales de alarmas entro otros



Esta interfaz permite la administración de los usuarios del sistema, pudiendo crear modificar y eliminar los mismos.




DESCARGAR







martes, 6 de agosto de 2013

Descargate y aprende sobre Enriquecimiento de sitios web con formularios y multimedia 2013

8/06/2013


Dreamweaver CC 2: Enriquecimiento de sitios web con formularios y multimedia


Jorge González Villanueva te presenta su curso Dreamweaver CC 2: Enriquecimiento de sitios web con formularios y multimedia. Añade formularios y contenidos multimedia a tu sitio web.

Con este curso video2brain aprenderas a trabajar con Dreamweaver para crear contenidos HTML para todo tipo de dispositivos. aprenderasa añadir varios tipos de contenido HTML5 y a formatearlo usando el diseñador CSS. comenzaras con la construcción de contenidos.

comenzaras trabajando con enlaces y crearas la parte de navegación de tu sitio web de ejemplo. Además aprenderás a usar elementos de biblioteca para reutilizar el código y así automatizar tareas.

seguirás con la creación de formulariosHTML5 y veras su integración en Dreamweaver, y también utilizaras tablas para mostrar datos complejos. cómo añadir contenidos multimedia, aprenderas a crear una animación HTML5 creada con Adobe Edge Animate. Igualmente aprenderas a colocar contenido de vídeo y audio HTML5 y un archivo creado en Flash .(Recomendado).


DESCARGAR





miércoles, 31 de julio de 2013

añade a tu Blog una Barra lateral con estilo ModernUI de windows 8 con CSS

7/31/2013

Para aquellos webmaster que esten creando un sitio con estilo ModernUI de windows 8 ,hoy les traigo un código simple en CSS pero ver un ejemplo aquí mismo.

  • Instalaciónen Blogger
Primero vamos añadir el CSS a la plantilla que deseemos nos dirigimos ala opción plantilla--Editar Html--luego hacemos click dentro del editor y realizamos la combinación de teclas CTRL+F para abrir el buscador y buscamos la etiqueta/b:skin ,una vez encontrada justo arriba de ella pegue el siguiente código CSS.

.barra_modernUI { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEHkAI2Oj7AOGw64HPu0BANe7cFws5x1f2qP5kmj_0ndoxWFZfF97_1pXukaLxBIB4r4_7N0UpqCoaqE-eC31bxZDPYJ3bCVaF8AFGme_JXfTTvkTEuKZL-qflab40z4YTFdc5XKfiIfs9/s1600/noise.png), linear-gradient(to right, #000000, #000000); bottom: 0; list-style: none outside none !important; margin: 0 !important; padding: 20px 0 0 !important; position: fixed; top: 0; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; width: 76px; opacity:0; } .barra_modernUI.left {left: -60px;} .barra_modernUI.left:hover {left: 0;} .barra_modernUI.right {right: -60px;} .barra_modernUI.right:hover {right: 0;} .barra_modernUI:hover { right:0; opacity:1; } .barra_modernUI li { background-position: 50% 10px; background-repeat: no-repeat; cursor: pointer; height: 84px; position: relative; text-align: center; } .barra_modernUI li a { color: #FFFFFF; display: block; font-family: "Segoe UI",arial,helvetica; font-size: 11px; line-height: 1.2 !important; padding: 61px 0 10px; text-decoration: none; } .nomb_admin{ position:relative; width:90%; float:left; top:75%; color: #ffffff; padding:4px 4px 4px 4px; font-family: "Segoe UI",arial,helvetica; font-size: 11px; background-color:#e214ea; } .barra_modernUI li.admin { background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAgpI85s1bz79LkdxpGsyxJrAiDAzlYER3sZ4ifSPKNtzWlwab6NMivPquUtiJ1_DvXWwWMOH6UybIhzjBWwwmlkR3WMrQmHrrF2LV2Pq1g1MWP-fJULakZQT7hfYxtJgg1mgQiM1y_Aw/s176-no/30754_421559121243112_310972398_n.jpg"); background-position:0px top; background-size:100% 100%; } .barra_modernUI li.refrescar { background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizc2S_fhLW2iYUz0ozoB69JGZtRS32KjnYT2smxQDUTE__xlOgT2fKs9auqDRdrTwqY7ryfwMBjVWNec8pWGcO6X_SXwVxn26C_ZifeDKwYkVwJJpgLb6Rx3NqLGNut2QxP29Yoe_29ulc/s1600/refrescar.png"); } .barra_modernUI li.atras { background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCAxYyZFn_doucIs9CxmtTZficTLw5cpXj96EYPUBmMW7hGy_k3uERyQzd8QkDOiskwTp5-jOQlvNZPl2uYDYGWwx-8cMpAlzQVcnUhxh32Snb6QVRFrrFxdAcQ4KdSPIzZKfFYI-_LpsQ/s1600/atras.png"); } .barra_modernUI li.siguiente { background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-UAX-0pU5e3vcXo0bTNJv5-25xVRB8_tK7Wusomb-3YyZdakow8AZW_Hegmp0du8nGb2Fim05zCaL34aiFSbl9nLnflR2wKAbta2XcmUmFZO83DeH-1RPayuPDTQ6A5dSCpbfQQvOIKNZ/s1600/siguiente.png"); } .barra_modernUI li:hover { background-color: #232323; }


luego de haber pegado el CSS ,procedemos a añadir el codigo HTML donde usted desee puede ser dentro de la plantilla dentro delbody o dentro de un gadget .

ul class="barra_modernUI right" li class="admin"span class='nomb_admin'Admin/span/li li class="refrescar"a href="#"refrescar/a/li li class="atras"a href="#"Atras/a/li li class="siguiente"a href="#"Siguiente/a/li /ul

si usted quisiera cambiar la posicion de la barra puede cambiar el nombre de la clase enclass="barra_modernUI right"porclass="barra_modernUI right", tambien dejo el codigo fuente completo para su descarga.



DESCARGAR







Suscribirse a: Entradas (Atom)