jueves, 10 de enero de 2013

Aplicaciones RIA

                                             Aplicaciones RIA(Aplicaciones Ricas de Internet)


Una aplicación RIA es ejecutada en un navegador y es caracterizada y diferenciada de las aplicaciones web comunes , por tener un comportamiento parecido al de las de escritorio. Un aspecto fundamental es que no se precisa una actualización de la página completa, que actúa como interfaz de usuario cada vez que se interactúa con la funcion que ofrece el programa.
Las RIA  son un gran  avance en las aplicaciones web ya que permiten nuevas y varias posibilidades,  de trabajar sin conexión a Internet o dotar de nuevas características a la computadora del usuario.

Consisten en explotar  la experiencia de los usuarios en herramientas y funciones de escritorio tan basicas tales  como copiar, cortar y pegar, con el alcance y la facilidad  de presentación  que ofrecen las  páginas web junto con lo mejor de la multimedia.

Otros beneficios principales de aplicaciones RIA  tenemos una mejora importante en la experiencia visual, que hace del uso de la aplicación algo muy sencillo, ofrece mejor conectividad y despliegue  de la aplicación, agilizando su acceso, garantizan la desvinculación de la capa de presentación es decir acceso a la aplicación desde cualquier computadora en cualquier lugar en el que te encontremos.


                                               Ejemplos de Aplicaciones RIA


 Las aplicaciones RIA permiten una gran facilidad con respecto a qué tecnologías usar , es por ello que cualquier entorno puede ser usado sin ningún problema. Entre las más comunes y extendidas encontramos JAVA y PHP como lenguajes de desarrollo junto a MySQL y PosgreSQL que son  sistemas de gestión de bases de datos. Aún así, cualquier otra se puede integrar perfectamente en una aplicación RIA. por lo que  se puede escoger lo que mas se adapte alas necesidades.

  XML

XML(lenguaje de marcas extensible)   permite definir la gramática de lenguajes específicos de la misma manera que HTML  para estructurar documentos grandes, tambien da soporte a bases de datos, siendo útil cuando varias aplicaciones se deben comunicar entre sí o integrar información.

Es extensible: Después de haberlo diseñado y puesto en producción, es posible extender XML con la adición de nuevas etiquetas, de modo que se pueda continuar utilizando sin complicación alguna
en pocas palabras reutilizacion ya que si se reutiliza e agilizan las cosas.

EJEMPLO DE XML CODIGO
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE Edit_Mensaje SYSTEM "Edit_Mensaje.dtd">
 
<Edit_Mensaje>
     <Mensaje>
          <Remitente>
               <Nombre>Nombre del remitente</Nombre>
               <Mail> Correo del remitente </Mail>
          </Remitente>
          <Destinatario>
               <Nombre>Nombre del destinatario</Nombre>
               <Mail>Correo del destinatario</Mail>
          </Destinatario>
          <Texto>
               <Asunto>
                    Este es mi documento con una 
                    estructura muy sencilla 
                    no contiene atributos ni entidades...
               </Asunto>
               <Parrafo>
                    Este es mi documento con una estructura 
                    muy sencilla 
                    no contiene atributos ni entidades...
               </Parrafo>
          </Texto>
     </Mensaje>
</Edit_Mensaje>

 XHTML

XHTML   (Lenguaje Hiper Texto Marcado Extensible) tambien expresado como XML,  Es más estricto a nivel técnico, pero esto permite que posteriormente sea más fácil al hacer cambios o buscar errores.

Se pueden incorporar elementos de distintos XML (como MathML y  Scalable Vector Grepics )
Un navegador no necesita implementar heuristicas para detectar qué quiso poner el autor, por lo que el parser puede ser mucho más sencillo.

Ejemplo de codigo


<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
  <head>
    <title>Título del documento</title>
  </head>
  <body>
    <h1><img src="j0335100.gif" width="85" height="85" 
     alt="logo" />
    Cabecera de documento</h1> <!-- Título de sección -->
    <p id="inicial">Entrada de texto<br />
    <input type="text" value="&#8364; &#x20AC; &euro;" 
    readonly="readonly" /></p>
    <hr />
  </body>
</html>



CSS

CSS (El nombre hojas de estilo en cascada) este se utiliza para darle estilo a un sitio web o mejor dicho diseño como el color,margenes,tipo y color de letra como tambien colocar imagenes
tambien divide secciones de sitio web que bien se puede aplicar en xhtml
 una gran ventaja es que manejamos menos codigo en el html y podemos aplicar la hoja de estilo
a mas de un documento o sitio web en pocas palabras es reutilizable.

Ejemplo de codigo css de aplicarle estilo a una tabla

table { background:#D3E4E5;
 border:1px solid gray;
 border-collapse:collapse;
 color:#fff;
 font:normal 12px verdana, arial, helvetica, sans-serif;
}
caption { border:1px solid #5C443A;
 color:#5C443A;
 font-weight:bold;
 letter-spacing:20px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
}


DOM
DOM(Modelo en Objetos para la Representación de Documentos) es un API para documentos HTML Y XML . Proporciona una representación estructural del documento, permitiendo la modificación de su contenido o su presentación visual. Esencialmente, comunica las páginas web con los scripts o los lenguajes de programación.

 Ejemplos DOM Basico

from xml.dom.minidom import parse, parseString
 
dom1 = parse('notas.xml')
 
print dom1
for e in dom1.getElementsByTagName('body'):
    print e.getAttribute('ancho')
    for d in e.childNodes:
        print d.data


Objeto XMLHttpRequest (AJAX)

Ajax no es considerada como una nueva tecnologia sino como una combinacion de tecnologias ya existentes  como lo son HTML (o XHTML) y Hojas de Estilo en Cascada (CSS) para presentar la información  ,Document Object Model (DOM) y JavaScript, para interactuar dinámicamente con los datos.
 En una aplicación web tradicional, usando HTML o lenguajes de servidor (PHP o ASP), los usuarios interactúan con la aplicación mediante formularios, que al ser enviados realizan una petición al servidor web.

El objeto XMLHttpRequest

Este es un objeto o intgerfaz empleada para realizar peticiones HTTPS y HTTPS a servidores Web. Para los datos transferidos se usa cualquier codificación basada en texto, incluyendo: texto plano, XML, JSON, HTML y codificaciones particulares específicas. La interfaz se implementa como una clase de la que una aplicación cliente puede generar tantas instancias como necesite para manejar el diálogo con el servidor.

Un ejemplo de como crear un objeto XMLHttpRequest

function crearAjax()
{
    var xmlhttp=false;
     try
    {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (e)
    {
        try
        {
               xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
          }
        catch (E)
        {
               xmlhttp = false;
          }
     }

    if (!xmlhttp && typeof XMLHttpRequest!='undefined')
    {
          xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}







 

 

 

 

 


REFERENCIAS
http://profesionalnet.wordpress.com/category/aplicaciones-ria/
 http://www.edertone.com/es_ES/Services_ria/
http://www.pcactual.com/2009/01/18/2769/conoce_las_aplicaciones_ria_olvidate_las_instalaciones.html
http://es.wikipedia.org/wiki/Extensible_Markup_Language
http://es.wikipedia.org/wiki/XHTML
http://lsi.vc.ehu.es/asignaturas/ISoft/ej-xhtml/index.html
http://www.nociondigital.com/webmasters/ajax-tutorial-ajax-y-el-objeto-xmlhttprequest-detalle-305.html













No hay comentarios:

Publicar un comentario