Desarrollo WEB.


Las practicas de programación orientadas a la web son muy cambiantes en el tiempo. Es necesario conocer e implementar tecnologías, conocer lenguajes,integrar comunidades,usar Ides, etc, recientes, para responder al mercado que se acerca.

domingo, 31 de marzo de 2013

Capturar valores de un select múltiple con jquery y enviar a pagina PHP

index.html
fragmento javascript.
 
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script> 
    <script type="text/javascript">//  <![CDATA[
!window.jQuery && document.write('<script src="jquery.min.js" mce_src="jquery.min.js"> <\/script>')
// ]]></script>
 <script type="text/javascript">
  function cargarPaginaPHP(pagina, contenedor, data) {
   var selected = $("#numeros").val();
      var content = $('#' + contenedor);
      $.ajax({
          type: "GET",
          url: "" + pagina,
          data: "selected=" + selected,
          success: function(data) {
              content.html(data);
          }
      });
  }
 </script>
fragmento HTML.
    <form id="formulario">
        <select multiple id="numeros" name="numeros">
            <option>uno
            <option>dos
            <option>tres
            <option>cuatro
            <option>cinco
        </select>
        <input type="button" onclick="cargarPaginaPHP('recibeParametro.php','contenedor','')" >
    </form>

 <div id="contenedor">
 </div>
recibeParametro.php
<?php
 $seleccionados = explode(',',$_GET['selected']); // convierto el string a un array.

    for ($i=0;$i<count($seleccionados);$i++) { 
    echo "<br> Numero Seleccionado " . $i . ": " . $seleccionados[$i]; 
    } 
?>

viernes, 29 de marzo de 2013

PHP y Mysql con XAMPP en SUSE 12.3

Cuando requerimos de usar apache y mysql en windows instalamos appserver o xampp, en linux suse existe algo llamado lampp, sus creadores han cambiado el nombre al autentico xampp para no generar mas diferencias entre los usuarios, en su esencia son lo mismo.

  • Instalación. 
  • Directorio de Instalación.
    •  /opt/lampp/
  • Arranque y parada. 
     
    • Es necesario ingresar como root por consola y ejecutar el siguiente comando para arrancar los servicios /opt/lampp/lampp start y para detener, use /opt/lampp/lampp stop
  • Comunidad colaboradora Apache friends. 
     
    • En apache friends encontramos todo lo necesario para iniciar con xampp en linux
  • Ajuste de Seguridad. 
      
    • Es necesario configurar la seguridad del usuario lampp para poder ingresar a los servicios como phpmyadmin, etc.  Esta configuración la explica muy bien miembros de la comunidad apache friends.  

Configurando Suse 12.3 para Desarrollo de Software

Este pequeño tutorial presenta una serie de pasos básicos para configurar un linux suse en su versión 12.3 y empezar a desarrollar aplicaciones web con netbeans 7.3, glassfish y postgres.
  • Después de instalar suse 12.3, ejecutar Actualización del Sistema. 
     
  • Configurar Internet. 


     
  • Instalar filezilla para accesos por ftp 
     
    • Descargar rpm 64 bit
    • Click derecho sobre el rpm - abrir con - añadir/quitar programas
  • Instalar navegador Google Chrome 
     
    • zypper ar http://dl.google.com/linux/chrome/rpm/stable/x86_64 Google-Chrome (para 64 bit)
    • zypper ref
    • zypper in google-chrome-stable
  •  Instalar postgres 


        
    • instalar unixODBC desde el gestor de software
    • Descargar la ultima versión de postgres desde aqui
    • ingrese a gestor de archivos modo super usuario
    • Click derecho sobre el archivo .run - propiedades - pestaña permisos - es ejecutable - aceptar
    • Espere un poco mientras abre el Instalador en modo gráfico.
    • Directorio de instalación /opt/PostgreSQL/9.2/
    • mediante stack builder instalar pgJDBC y psqlODBC
  • Instalar java SE 

     
    • descargar java jdk y java jre, ultima versión desde aqui
    • tener en cuenta descargar las versiones adecuadas.
    • Click derecho sobre el rpm - abrir con - añadir/quitar programas
    • tener en cuenta el siquiente post 
  • Instalar NetBeans 7.x 
     
    • Descargar ultima versión desde aqui
    • Click derecho sobre el archivo.sh - propiedades - pestaña permisos - es ejecutable - aceptar.
    • Ejecutar netbeans, activar plugins y actualizar.
  • Instalar XAMPP.  
     
    • descargar ultima versión desde aqui  
    • ingrese en una terminal en modo super usuario y descomprima usando tar xvfz xampp-linux-1.8.1.tar.gz -C /opt
    • Para arrancar simplemente use /opt/lampp/lampp start
    •   ...
Esto es todo hasta el momento, luego actualizare con otras cositas acerca de glassfish 3.x y netbeans 7.3

jueves, 28 de marzo de 2013

Primefaces y su evolución.!

En noviembre del 2011 conocí primefaces, y empecé de lleno en producción con él, un framework que va de maravilla con las aplicaciones web realizadas en JSF (java server faces), es muy fácil de implementar y sobre todo muy hermoso y con una documentación excelente, tiene infinidad de componentes visuales que se integran con controladores java, esto hace que la programación orientada a la web sea muy eficiente, sobre todo que su mantenimiento sea muy fácil y agradable para cualquier desarrollador de nuevas tecnologías.

Pero como todo lo bueno tiene su evolución, primefaces no es la excepción, cuando inicie, fue con la versión 3.0, ahora vamos en la 3.5, claro que aun estoy en la 3.4 debido a que los cambios en la 3.5 son muy críticos y se necesita mucho tiempo para realizar ajustes en los códigos.

Estas son algunas de las adaptaciones que se deben realizar para migrar a la versión 3.4
  • Diferenciar entre valores de la propiedad id y valores de propiedad widgetVar, deben ser diferentes.
  • Los selects con filtros deben tener altura (height)
  • Los selects normales deben tener  style="min-width: 120px;", es decir un ancho mínimo.
  • ... entre otros que iré colocando poco a poco a medida que me valla acordando.
Todavía no hay mucha eficiencia en los filtros de tablas cuando se trata de grandes cantidades de datos, pero con un poco de astucia indígena se pueden realizar filtros personalizados para búsquedas óptimas. 

El framework es libre pero con un poco de dinero se puede obtener una versión pro (licenciada) donde el soporte es su mayor fortaleza.

Muchas técnicas se van aprendiendo con el uso diario del framework, la idea es optar por uno y aprender a usarlo bien, con eso podemos brindar a nuestras empresas una herramienta segura para implementar aplicaciones java web empresariales o bien llamadas J2EE.

Para los iniciados en primefaces les recomiendo suscribirse al foro, la comunidad de primefaces es grande y hay moderadores del foro con prime que son unos excelentes colaboradores.


lunes, 25 de marzo de 2013

Jquery layout y carga dinámica de paginas mediante Ajax.!

Jquery layout es un plugin para simular un conjunto de marcos, incluso el uso de templates como usa zend o simphony o algunos frameworks jsf. Plasmo esta sencilla técnica para realizar pequeñas aplicaciones web usando cargas de paginas dinámicas sin mayores conocimientos de código complejo.


El código fuente se encuentra en el siguiente enlace. descargar codigo fuente

jueves, 21 de marzo de 2013

Blog Java.

Para lo seguidores del mundo java, este es un super blog con información muy importante para tener en cuenta en nuestras aplicaciones web empresariales.
Enlace. http://www.mkyong.com/

domingo, 17 de marzo de 2013

OpenERP. una herramienta practica.!

OpenERP es una herramienta software para la planeación de recursos empresariales, es completamente libre y sus dueños ganan a partir del soporte que brindan a sus partners o socios independientes en todo el mundo. Han llegado a Colombia promoviendo su Implementación. Lo puedes descargar desde su pagina web https://www.openerp.com/es/pricing. Las empresas que requieran este tipo de software, si cuenta con un buen ingeniero encargado de tecnologías software, podrá llevar a cabo este proceso de Implementación de OpenERP, de lo contrario seria muy complicado, es un software que en su complejidad, también es complejo usarlo. Lo mejor seria crear uno a partir de cero, escoger un buen lenguaje de programación, un buen motor de base de datos, orientarlo a la web y realizar ingeniería de requerimientos acorde al modelo de negocio de la empresa al cual lo requiere.

Actualizar SUSE a una nueva version.

Código:
  • #zypper ref && zypper up
  • #cp -rfv /etc/zypp/repos.d /etc/zypp/repos.d.old
  • #sed -i 's/12.1/12.2/g' /etc/zypp/repos.d/*
  • #zypper ref && zypper dup
Significa:
  • -refresca y actualiza
  • -respalda
  • -cambia por 12.3 todos los 12.2
  • -vuelve a refrescar y reactualiza la distro completa.