En el desarrollo clásico de sistemas de información se utilizan técnicas como: aplicación de plantillas, generación de código a partir del modelo físico de base de datos y/o diagrama de clases, etc. Esta modalidad de programar, automatiza requerimientos de una forma relativamente rápida, pero a corto plazo genera una gama de problemas que a priori no son claramente visibles por parte del desarrollador, pero influyen directamente sobre el cliente.

Las aplicaciones desarrolladas con este estilo tradicional, son excesivamente grandes en líneas de código y lentas al momento de su despliegue. Esto se debe a que, los generadores de código o desarrollos manuales de los programadores contienen instrucciones de programación repetidas, no necesarias para cumplir el objetivo e irrelevantes. Por ello, los técnicos deben hacer ajustes o correcciones manuales de forma posterior a la generación de código.

Por otro lado, considerando la cantidad de líneas de código repetitivas que cumplen una similar función, el mantenimiento adaptativo y correctivo se torna complejo, conducente al cometimiento de errores y la inversión de gran cantidad de horas de trabajo que podrían utilizarse en la solución de otros requerimientos. En el caso de una empresa de desarrollo de software, este paradigma provoca un alto tiempo de respuesta en el cumplimiento de nuevas necesidades solicitadas por los clientes. Así también, un incremento en los costos relacionado con el recurso humano técnico que, sin duda es uno de los rubros de mayor importancia dentro de los presupuestos de este tipo de empresas.

El desarrollo sin usar generadores de código, es decir, mediante programación manual, también conlleva a inconvenientes al momento del mantenimiento correctivo y adaptativo, ya que al realizar estas actividades, frecuentemente se encuentran grupos de instrucciones que no están estandarizadas. Por lo tanto, no siempre se tiene la certeza de que un cambio en el código esté correctamente aplicado solo en los sitios identificados. No olvidemos que, un sistema ERP dispone de millones de instrucciones, por lo que hay que usar las técnicas adecuadas para afrontar los desafíos que los procesos automatizados demandan.

Respecto del tiempo de desarrollo, en esta última modalidad se emplea muchas más horas técnicas, debido a la gran cantidad de código que se debe escribir y/o revisar, incrementando los plazos de entrega y costos de desarrollo tanto en aplicaciones nuevas, como en las fases de mantenimiento.

Una alternativa más eficiente y efectiva

En ese contexto, la programación genérica y dinámica, se presenta como una alternativa de solución más adecuada para una empresa de desarrollo de software, donde se requiere: minimizar las horas de desarrollo, reducir los costos de customización, disminuir los errores y mejorar los tiempos de entrega de los requerimientos a los clientes.

Este tipo de tecnología, en conjunto con la herencia, polimorfismo y otras estrategias de programación, se basa en la escritura de líneas de código que son capaces de: reaccionar a tiempo de ejecución frente a la presencia datos existentes en una base de datos, permitir la recepción de parámetros y configuraciones por parte del desarrollador durante la programación. 

De esta forma, los millones de líneas de código se reducen ostensiblemente, ya que se dispone de grupos de instrucciones que cumplen una función específica y que pueden ser reutilizados dando respuesta a las necesidades del programador a tiempo de ejecución. Este conjunto de líneas de código, dispone de especialidades como: pantallas simples, pantallas  compuestas  o complejas, árboles de navegación, ventanas de selección y demás casos que se presentan durante el desarrollo de un sistema los cuales son repetitivos. 

No olvidemos que, un sistema ERP que automatiza cientos de empresas dispone de decenas de módulos y miles de tablas en su base de datos.  Razón por la cual, la gestión de esa complejidad sería muy difícil y con altos riesgos utilizando programación tradicional. La programación genérica y dinámica, aunque compleja en la construcción de su plataforma base, se presenta como el mejor patrón de desarrollo de software.

Por supuesto que, para este estilo de programación se requiere aplicar el ciclo del construcción del software de una forma distinta a la tradicional. En primer lugar, se encuentra la elaboración de una plataforma genérica y dinámica llamada Framework. Sobre esta capa de software, cada uno de los desarrolladores escriben líneas estandarizadas y basadas en la plataforma, lo que conlleva a cumplir los requerimientos funcionales y no funcionales del usuario de una forma rápida, efectiva y con una minimización de errores importante.

Tal es el nivel de dinamismo en la programación que, cuando se presentan problemas de automatización sencillos, el desarrollador no necesita escribir líneas de código, simplemente cumple sus objetivos haciendo una parametrización y configuración a nivel de base de datos, para que la plataforma genérica presente las interfaces al usuario con la funcionalidad requerida. Cuando se presentan escenarios más complejos, el desarrollador puede combinar entre parametrización y escritura de código manual, pero siempre manteniéndose la estandarización.

Pablo Almeida Haro Ph. D.

CARACTERISTICAS

*Es una de las tecnologías para desarrollo de RIA (Rich Internet Applications)

*Permite una comunicación asincrónica

*Está ligada a algunos frameworks JSF

*En algunos browsers puede existir problemas

*Muchas herramientas están emergiendo conjuntamente

*Sirve para validación en línea con el servidor

*Permite el autocompletado

*Permite el uso de maestro detalle

*Permite el refrescamiento en pantalla

*Realiza llamadas al servidor bajo demanda

*Actualiza parcialmente la pantalla

EJERCICIO

El ejemplo que sigue a continuación consiste en la presentación de un menú compuesto por 2 zonas:

a)      Zona de menú formada por enlaces

b)      Zona de despliegue del resultado

Cada vez que el usuario seleccione una opción del menú, mediante tecnología Ajax la zona de despliegue se actualiza de forma dinámica e inmediata sin la necesidad de recarga total de la página

*En Notepad u otro editor de texto crear la página ajax.htm que contendrá el menú. Ingresar el código que sigue a continuación:

<html>

<script language  =»JavaScript» type=»text/javascript»>

function llamarasincrono(url, id_contenedor)

{

var pagina_requerida = false

if (window.XMLHttpRequest)

{// Si es Mozilla, Safari etc

    pagina_requerida = new XMLHttpRequest()

} else

if (window.ActiveXObject)

{ // pero si es IE

      try {

            pagina_requerida = new ActiveXObject(«Msxml2.XMLHTTP»)

          }

      catch (e)

          { // en caso que sea una versión antigua

             try

                  {

                        pagina_requerida = new ActiveXObject(«Microsoft.XMLHTTP»)

                  }

            catch (e)

                  {

                  }

            }

}

else

return false

pagina_requerida.onreadystatechange=function(){cargarpagina(pagina_requerida, id_contenedor)

}

pagina_requerida.open(‘GET’, url, true) // asignamos los métodos open y send

pagina_requerida.send(null)

}

// poner la información requerida

// en su sitio en la pagina xhtml

function cargarpagina(pagina_requerida, id_contenedor)

{

      if (pagina_requerida.readyState == 4 && (pagina_requerida.status==200 || window.location.href.indexOf(«http»)==-1))

       document.getElementById(id_contenedor).innerHTML=pagina_requerida.responseText

}

</script>

</head>

<body>

<div id=»menu»>

<a id=»uno» href=»javascript:llamarasincrono(‘tutorial1.htm’, ‘contenidos’);»>Opcion 1</a>

<a href=»javascript:llamarasincrono(‘tutorial2.htm’, ‘contenidos’);»>Opcion 2</a>

</div>

<div id=»contenidos»>

</div>

</body>

</html>

*En Notepad u otro editor de texto crear la página tutorial1.htm que contendrá el código que se ejecutará cuando el usuario seleccione opción 1. Colocar el código que sigue a continuación:

<html>

<h1>Usted ha seleccionado la opcion 1  </h1>

</html>

*En Notepad u otro editor de texto crear la página tutorial2.htm que contendrá el código que se ejecutará cuando el usuario seleccione opción 2. Colocar el código que sigue a continuación:

<html>

<h1>Usted ha seleccionado la opcion 2  </h1>

</html>

*El resultado se visualizara como sigue a continuación:

*Ingresar nombre de proyecto y ubicación

*Ingresar servidor, ubicación del proyecto y ruta de inicio

*Seleccionar el framework

*En la página index.xhtml ingresar el código que sigue a continuación:

<?xml version=’1.0′ encoding=’UTF-8′ ?>

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>

<html xmlns=»http://www.w3.org/1999/xhtml»

xmlns:h=»http://java.sun.com/jsf/html»

xmlns:f=»http://java.sun.com/jsf/core»     

> 

<h:head>

<title>Facelet Title</title>

</h:head>

<h:body>

<h:form>

<h:outputText id=»ote_etiqueta_ingreso» value=»Ingrese valor:» ></h:outputText>

<h:inputText id=»ite_valor» value=»#{clase_ajax.valor}» autocomplete=»off»>

<f:ajaxevent=»keyup» render=»ote_replica_valorite_valorote_contador» listener=»#{clase_ajax.contar}»/>

</h:inputText>

<br></br>

<h:outputText id=»ote_etiqueta_replica» value=»El valor ingresado es:» />

<h:outputText id=»ote_replica_valor» value=»#{clase_ajax.replica_valor}»/>

<br></br>

<h:outputText id=»ote_etiqueta_contador» value=»El contador es:» />

<h:outputText id=»ote_contador» value=»#{clase_ajax.contador}»/>

</h:form>

</h:body>

</html>

*Crear una clase y paquete: click derecho sobre sourcepackage/new/java class

*Ingresar el código que sigue a continuación:

packagepkg_ajax;

importjavax.faces.bean.ManagedBean;

importjavax.faces.bean.SessionScoped;

importjavax.faces.event.AjaxBehaviorEvent;

@ManagedBean

@SessionScoped

public class clase_ajax

{   intcontador;

    String valor;

    String replica_valor;

public String getReplica_valor() {

return replica_valor=valor;

    }

publicintgetContador() {

returncontador;

    }

public String getValor() {

return valor;

    }

public void setValor(String valor) {

this.valor = valor;

    }

public void contar(AjaxBehaviorEvent event)

{

contador++;

    }

}

*Correr la aplicación: click derecho sobre el proyecto y run