Tecnologias


 * Tecnologías **

Las tecnologías usadas en web 1.0 fueron más enfocadas a la satisfacción del creador (podría ser una empresa) en publicar su información en las páginas de internet, pero no para sus usuarios (clientes). Cuando se genero la web 2.0 los nuevos proyectos generados eran renovadores y evolucionados, ya que los usuarios dejan de utilizar la web de un modo de solo lectura, y pasan a un modo de lectura/escritura por este motivo se trata a nivel personal y no grupal como se venía presentado. Una ventaja visible del cambio de las herramientas es que se puede publicar información sin necesidad de instalar un software específico instalado en el computador. Las nuevas tecnologías permitieron generar redes sociales en la web con acceso a recursos como el video, chat, también permitió generar foros, intercambio de archivos en tiempo real, podcast, estaciones de radio por internet. Además el desarrollo de software varía mucho de cliente a cliente ya que se trata de suplir las necesidades específicas de un cliente más que las generales de un grupo de clientes. Este software debe dejar introducir y extraer información fácilmente, cada usuario debe poder controlar su propia información. Las características más comunes a estas tecnologías usadas en la web 2.0 son: · Uso extenso de Open Sourse en las aplicaciones comerciales. · Existe soporte para la parte de multi navegador (IE, Firefox, Opera, Safari, Netscape, otros) y para Sistemas Operativos diferentes a Windows como Linux o Solaris. · Generación de software libre por parte de la comunidad. · La interacción entre el usuario y las aplicaciones se vuelve mas personalizado, generando identidad. Ejemplos de tecnologías:  En este documento se va a explicar unas de estas tecnologías:
 * CSS (Separación de Diseño y Contenido)
 * RSS, RDF, ATOM (Sindicación y agregación de contenidos)
 * AJAX (Aplicaciones ** Web ** basadas en HTML y XML con componentes asíncronos)
 * JAVA ** WEB ** START, FLEX, LASZLO, FLASH (Clientes Ricos Ligeros no HTML)
 * SOAP, REST, JCC (Servicios ** Web **)
 * SSO, Registro, Federación de Identidad (Autenticación, Autorización y Seguridad en el acceso a las Aplicaciones ** WEB **)
 * CAPTCHA (Palabra aleatoria y distorsionada sólo legible para ojos humanos que sirve para evitar el acceso de robots)
 * JAVASCRIPT, RUBY, PYTHON, PHP (Lenguajes de Script)
 * <span style="font-family: 'Arial', 'sans-serif'; font-size: 12pt;">Transformar software de escritorio hacia la plataforma del web.
 * <span style="font-family: 'Arial', 'sans-serif'; font-size: 12pt;">Utilización de redes sociales al manejar usuarios y comunidades.
 * <span style="font-family: 'Arial', 'sans-serif'; font-size: 12pt;">Dar control total a los usuarios en el manejo de su información.
 * <span style="font-family: 'Arial', 'sans-serif'; font-size: 12pt;">Proveer APis o XML para que las aplicaciones puedan ser manipuladas por otros.
 * <span style="font-family: 'Arial', 'sans-serif'; font-size: 12pt;">Facilitar el posicionamiento con URL sencillos.
 * <span style="font-family: 'Arial', 'sans-serif'; font-size: 12pt;">XUL
 * <span style="font-family: 'Arial', 'sans-serif'; font-size: 12pt;">Soporte para postear en un blog
 * <span style="font-family: 'Arial', 'sans-serif'; font-size: 12pt;">JCC y APIs REST o XML
 * <span style="font-family: 'Arial', 'sans-serif'; font-size: 12pt;">JSON
 * <span style="font-family: 'Arial', 'sans-serif'; font-size: 12pt;">Mashup (aplicación web híbrida)

<span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt;">Una API (del inglés Application Programming Interface - Interfaz de Programación de Aplicaciones). La API es un conjunto de instrucciones y métodos los cuales permiten una guía o un documento de consulta para la creación de otro software. Esta incorpora un interfaz de comunicación entre los diversos componentes de software a través de las bibliotecas que dan acceso a ayudas para la realización de los procesos y da un enfoque a la abstracción de los objetos en la programación. · **<span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt;">Características: **<span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt;"> Las características más destacadas del API son: <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; color: black; font-size: 12pt;">fácil de aprender y memorizar, conduce a leer el código, difícil de uso indebido, fácil de ampliar, completar. El API debe ser completo y permitir que los usuarios realicen lo que ellos deseen ampliar o modificar la existente API. <span style="font-family: 'Arial', 'sans-serif'; color: black; font-size: 12pt;"> · **<span style="font-family: 'Arial', 'sans-serif'; font-size: 12pt;">Proceso de diseño: **<span style="font-family: 'Arial', 'sans-serif'; font-size: 12pt;">p ara generar un proceso de diseño correcto de una API se debe: 1. Conocer los requisitos 2. Escribir casos de uso antes de escribir cualquier otro <span style="font-family: 'Arial', 'sans-serif'; color: black; font-size: 12pt;">3. Buscar API similares en la misma biblioteca 4. Definir la API antes de aplicarlo
 * <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt;">API (Application Programming Interface): **

· **<span style="font-family: 'Arial', 'sans-serif'; color: black; font-size: 12pt;">Ejemplos: **<span style="font-family: 'Arial', 'sans-serif'; font-size: 12pt;">Microsoft WMI, Microsoft Win32 API, Microsoft Framework .NET, OpenGL, SUN J2EE APIs, La API de carbono para el Macintosh OS, Common Object Request Broker Architecture (CORBA), Javascript-C de Mozilla Spidermonkey, Symfony (Symphony) para PHP, <span style="font-family: 'Arial', 'sans-serif'; font-size: 12pt;">MicrosoftOpenGL, Drupal API.


 * AJAX:** son aplicaciones que se ejecutan en el navegador, con estas aplicaciones las páginas no tienen que recargarse cada vez que se realiza un cambio. La comunicación con el servidor es asíncrona porque esta conectado en un segundo plano. Esta tecnología aumenta la interactividad usuario-sistema, aumenta las velocidades y permite una usabilidad más óptima en las aplicaciones.

Css: es un lenguaje que define el diseño y la presentación de un documento escrito en HTML. En ese sentido, el HTML es la caja que muestra los contenidos y el CSS es la manera en que lo hace. Este lenguaje permite separar la estructura del contemido de la presentación de un documento; permite tambien tener un mayor control del documento haciendolo mas liviano y fácil de manejar.


 * <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;"> XML/HTML: **

<span style="line-height: 115%; font-family: Symbol; color: black; font-size: 12pt; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol; msofareastfontfamily: Symbol; msolist: Ignore; msobidifontfamily: Symbol;"> · **<span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">Características:  **<span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; color: black; font-size: 12pt;"> <span style="line-height: 115%; font-family: 'Courier New'; color: black; font-size: 12pt; mso-fareast-font-family: 'Courier New'; msofareastfontfamily: 'Courier New'; msolist: Ignore;"> o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">XML en si es una herramienta que se usa para definir lenguajes para diferentes necesidades. <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; color: black; font-size: 12pt;"> <span style="line-height: 115%; font-family: 'Courier New'; color: black; font-size: 12pt; mso-fareast-font-family: 'Courier New'; msofareastfontfamily: 'Courier New'; msolist: Ignore;">o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">Este es un lenguaje de asignación de marcas. <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; color: black; font-size: 12pt;"> <span style="line-height: 115%; font-family: 'Courier New'; color: black; font-size: 12pt; mso-fareast-font-family: 'Courier New'; msofareastfontfamily: 'Courier New'; msolist: Ignore;">o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">Es una versión <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; color: black; font-size: 12pt;">simplificada de SGML (Standard Generalized Markup Language). <span style="line-height: 115%; font-family: 'Courier New'; color: black; font-size: 12pt; mso-fareast-font-family: 'Courier New'; msofareastfontfamily: 'Courier New'; msolist: Ignore;">o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; color: black; font-size: 12pt;"> El XML es un archivo plano que permite que su lectura y su transporte se puedan dar en cualquier plataforma. <span style="line-height: 115%; font-family: 'Courier New'; color: black; font-size: 12pt; mso-fareast-font-family: 'Courier New'; msofareastfontfamily: 'Courier New'; msolist: Ignore;">o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; color: black; font-size: 12pt;">Separa la semántica de los datos que se da en el documento de tipo (DTD) que se realice con este seduolenguaje. <span style="line-height: 115%; font-family: 'Courier New'; color: black; font-size: 12pt; mso-fareast-font-family: 'Courier New'; msofareastfontfamily: 'Courier New'; msolist: Ignore;">o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; color: black; font-size: 12pt;">XML se utiliza más frecuentemente para crear leguajes de anotación genérico, y permite al usuario definir el lenguaje en que se va ha hacer las a notaciones adaptándola a sus necesidades. <span style="line-height: 115%; font-family: 'Courier New'; color: black; font-size: 12pt; mso-fareast-font-family: 'Courier New'; msofareastfontfamily: 'Courier New'; msolist: Ignore;">o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; color: black; font-size: 12pt;">Este lenguaje es ventajoso sobre los demás porque es un lenguaje hibrido. <span style="line-height: 115%; font-family: 'Courier New'; color: black; font-size: 12pt; mso-fareast-font-family: 'Courier New'; msofareastfontfamily: 'Courier New'; msolist: Ignore;">o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; color: black; font-size: 12pt;">Es derivado de SGML. <span style="line-height: 115%; font-family: 'Courier New'; color: black; font-size: 12pt; mso-fareast-font-family: 'Courier New'; msofareastfontfamily: 'Courier New'; msolist: Ignore;">o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; color: black; font-size: 12pt;">Cuando se realizo el XML fue con el fin de afrontar retos de gran escala de la publicación electrónica y para el intercambio de informacion. HTML **<span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;"> es el lenguaje preferido por los desarrolladores de páginas web ya que maneja una forma fácil para la realización de las aplicaciones de internet. <span style="line-height: 115%; font-family: Symbol; font-size: 12pt; mso-fareast-font-family: Symbol; mso-fareast-language: ES-CO; mso-bidi-font-family: Symbol; msofareastfontfamily: Symbol; msolist: Ignore; msobidifontfamily: Symbol; msofareastlanguage: ES-CO;"> · **<span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">Características: **<span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;"> <span style="line-height: 115%; font-family: 'Courier New'; font-size: 12pt; mso-fareast-font-family: 'Courier New'; mso-fareast-language: ES-CO; msofareastfontfamily: 'Courier New'; msolist: Ignore; msofareastlanguage: ES-CO;"> o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">Se puede describir la estructura en forma de texto y colocar complementos del texto como imágenes, sonido o video <span style="line-height: 115%; font-family: 'Courier New'; font-size: 12pt; mso-fareast-font-family: 'Courier New'; msofareastfontfamily: 'Courier New'; msolist: Ignore; mso-ansi-language: ES; msoansilanguage: ES;">o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">El código de HTML no es muy complejo y este va en etiquetas o texto rodeado de (<>). Con este lenguaje se puede incluir un script. La extensión de los archivos de formato HTML es htm o html. <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-ansi-language: ES;"> <span style="line-height: 115%; font-family: 'Courier New'; font-size: 12pt; mso-fareast-font-family: 'Courier New'; msofareastfontfamily: 'Courier New'; msolist: Ignore; mso-ansi-language: ES; msoansilanguage: ES;">o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">Este lenguaje puede ser escrito tanto para crearlo como para modificarlo en cualquier editor de texto básico, sin importar el sistema operativo en el que se haga. <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-ansi-language: ES;"> <span style="line-height: 115%; font-family: 'Courier New'; font-size: 12pt; mso-fareast-font-family: 'Courier New'; msofareastfontfamily: 'Courier New'; msolist: Ignore; mso-ansi-language: ES; msoansilanguage: ES;">o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">Pero también hay programas de para la realización de este código como: <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-ansi-language: ES;">Microsoft FrontPage, Dreamweaver. <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt;"> “La idea que subyace bajo el XML es la de crear un lenguaje muy general que sirva para muchas cosas. El HTML está diseñado para presentar información directamente a los humanos, y esto sin duda es algo bueno, pero es un lenguaje complicado de procesar para los programas informáticos. **El HTML no es bueno porque no indica lo que está representando**, se preocupa principalmente de que eso tiene que ir en azul, o con un tipo de letra determinada, pero no te dice que lo que está mostrando es el título de un libro o el precio de un artículo. **El XML hace precisamente esto: describe el contenido de lo que etiqueta”. [1]** <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">
 * <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">XML **<span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; color: black; font-size: 12pt;"> (eXtensible Markup Language) <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;"> es un seduolenguaje en el cual se usa para el paso seguro de información entre distintas plataformas, por lo general se encuentra en páginas web.
 * <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">

<span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">OPML es un lenguaje en el que maneja un formato XML el cual se usa para procesar texto en forma de esquemas (outlines) aunque el uso más común es para listar fuentes RSS este lenguaje es común para el intercambio de listas de información atreves de los canales web sin importar el sistema operativo. Sus principales etiquetas son: nodo raíz, opml, head y body. <span style="line-height: 115%; font-family: Symbol; font-size: 12pt; mso-fareast-font-family: Symbol; mso-fareast-language: ES-CO; mso-bidi-font-family: Symbol; msofareastfontfamily: Symbol; msolist: Ignore; msobidifontfamily: Symbol; msofareastlanguage: ES-CO;"> · **<span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">Características: ** <span style="line-height: 115%; font-family: 'Courier New'; font-size: 12pt; mso-fareast-font-family: 'Courier New'; mso-fareast-language: ES-CO; msofareastfontfamily: 'Courier New'; msolist: Ignore; msofareastlanguage: ES-CO;"> o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">La organización OPML ayuda a proteger los derechos de autor. <span style="line-height: 115%; font-family: 'Courier New'; font-size: 12pt; mso-fareast-font-family: 'Courier New'; mso-fareast-language: ES-CO; msofareastfontfamily: 'Courier New'; msolist: Ignore; msofareastlanguage: ES-CO;">o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">Al manejar OPML en el formato XML permite desarrollar cualquier tipo de sitios, los cuales se tienen que actualizar con una frecuencia considerable este proceso se llama sindicación. <span style="line-height: 115%; font-family: 'Courier New'; font-size: 12pt; mso-fareast-font-family: 'Courier New'; mso-fareast-language: ES-CO; msofareastfontfamily: 'Courier New'; msolist: Ignore; msofareastlanguage: ES-CO;">o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">Es utilizado para compartir información. <span style="line-height: 115%; font-family: 'Courier New'; font-size: 12pt; mso-fareast-font-family: 'Courier New'; mso-fareast-language: ES-CO; msofareastfontfamily: 'Courier New'; msolist: Ignore; msofareastlanguage: ES-CO;">o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">Se utilizan arboles para la manipulación de información en donde cada nodo contiene un grupo de atributos. <span style="line-height: 115%; font-family: 'Courier New'; font-size: 12pt; mso-fareast-font-family: 'Courier New'; mso-fareast-language: ES-CO; msofareastfontfamily: 'Courier New'; msolist: Ignore; msofareastlanguage: ES-CO;">o <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">Los directorios utilizados en OPML son en Manila. <span style="line-height: 115%; font-family: 'Courier New'; font-size: 12pt; mso-fareast-font-family: 'Courier New'; mso-fareast-language: ES-CO; msofareastfontfamily: 'Courier New'; msolist: Ignore; msofareastlanguage: ES-CO;">o “El propósito de OPML es proporcionar una manera de intercambiar información entre outliners y servicios de Internet que puede ser consultada a través de una controlada o Outliner”. [3]<span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">
 * <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">OPML (Outline Processor Markup): **

<span style="line-height: 115%; font-family: Symbol; font-size: 12pt; mso-fareast-font-family: Symbol; mso-fareast-language: ES-CO; mso-bidi-font-family: Symbol; msofareastfontfamily: Symbol; msolist: Ignore; msobidifontfamily: Symbol; msofareastlanguage: ES-CO;">· **<span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">Ejemplos: **<span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;"> <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-ansi-language: ES-CO; mso-fareast-theme-font: minor-latin; mso-bidi-language: AR-SA;"> “ Outlines can be used for specifications, legal briefs, product plans, presentations, screenplays, directories, diaries, discussion groups, chat systems and stories.Se puede utilizar para especificaciones, informes jurídicos, planes de producto, presentaciones, guiones, guías, diarios, grupos de discusión, sistemas de chat e historias. Estos programas hechos con la tecnología OPML Outliners are programs that allow you to read, edit and reorganize outlines. permiten leer, editar y reorganizar la información.

Ejemplos de documentos OPML: [|lista de reproducción,] [|las especificaciones,] [|la presentación.] “ **[2]**

<span style="font-family: 'Arial', 'sans-serif'; mso-ansi-language: EN-US;">- CSS (//Cascading Style Sheets//):

<span style="font-family: 'Arial', 'sans-serif';">CSS es un lenguaje que surge a partir de la Web 2.0 que permite al usuario poder controlar, de forma más interactiva y fácil, las capas de interfaz de la parte web de las aplicaciones, generando estilos y formatos, nuevos y personalizados a documentos web. CSS es totalmente compatible con las versiones antiguas de diseño, como las tablas o atributos de textos, permitiendo el uso de ambas al momento de implementarlas, ya que CSS funciona con unos nuevos contenedores, donde dentro de estos se pueden aplicar los viejos y los nuevos lenguajes.

<span style="font-family: 'Arial', 'sans-serif';">CSS al ser un lenguaje, en este caso de diseño, tiene que ser interpretado por el navegador con el que se está ingresando a internet, para que este muestre las propiedades de diseño que se han definido. Como consecuencia, estas líneas de código pueden ser escritas tanto en la página web a la que el usuario se conecta (el link), o para una mejor manipulación, en una archivo que se adjunta para que el software lo llame y conozca lo que se ha definido. CSS funciona con unos contenedores llamados <DIV>, que permiten al usuario guardar las propiedades que se quieren asignar, donde se pueden poner directamente dentro del <DIV>, como se muestra en la siguiente forma:
 * <span style="font-family: 'Arial', 'sans-serif';">Como funciona: **

<span style="font-family: 'Arial', 'sans-serif'; color: black;"><**DIV** style=" font -family:Arial">Esta fuente es Arial</**DIV**> <span style="text-align: center; display: block; font-family: 'Arial', 'sans-serif'; color: black; font-size: 8pt;">En este caso se le asigno a la frase que está dentro del contenedor <DIV> que la fuente de texto fuera de tipo Arial. <span style="font-family: 'Arial', 'sans-serif'; color: black;">O también se pueden guardar estos atributos dentro de dos tags, el de clase class o clase id. Donde se les asigna un nombre de identificación y luego se le asignaran las propiedades en una archivo adjunto. Esta forma es la más utilizada ya que le permite al desarrollador poder guardar en un solo lugar varias propiedades que no solo van a permitir a la persona poder aplicar varias cosas a un contenedor de forma fácil, sino también poder aplicarlo en más de un lugar con menos código. Como se muestra en la siguiente forma:

<span style="font-family: 'Arial', 'sans-serif';"><link rel="stylesheet" type="text/css" href="StyleSheet.css" /> <span style="text-align: center; display: block; font-family: 'Arial', 'sans-serif'; font-size: 8pt;">Este es el link que se coloca en el código de la pagina, para que el software pueda saber donde se encuentran las propiedades de los tags class y id. <span style="font-family: 'Arial', 'sans-serif';"><**DIV** class=letra id=posición>Esta fuente es Arial</**DIV**>

Dentro del contenedor se definió un class que se encargara de definir las propiedades de la letra, y un id que se encargara de la ubicación del texto dentro de la pagina, que se va a definir en el archivo StyleSheet.css de la siguiente forma: <span style="font-family: 'Arial', 'sans-serif'; mso-ansi-language: EN-US;">.letra {font-size:18px; font-weight:bold; color:#1317b3; font-family:Verdana;} <span style="text-align: center; display: block; font-family: 'Arial', 'sans-serif'; font-size: 8pt;">Donde los class se identifican con un punto al principio y los id con un numeral al principio. <span style="font-family: 'Arial', 'sans-serif';">Como se puso observar, dentro de los corchetes hay varias propiedades que se encargan de definir varias características de lo que está contenido dentro del <DIV>, donde se pueden encontrar para posicionamiento, para fuentes, para fondo de pantalla, y muchos otros aspectos que se pueden encontrar en internet con ejemplos y explicaciones muy claras. Un lugar que explica y ayuda a aplicar muy bien estos códigos es: **<span style="font-family: 'Arial', 'sans-serif'; color: #0000ff;">http://msdn.microsoft.com/en-us/library/ms531209(VS.85).aspx **<span style="font-family: 'Arial', 'sans-serif';">
 * 1) posicion {position:absolute; top:0px; left:705px; z-index:1;}

<span style="font-family: 'Arial', 'sans-serif';">CSS a diferencia de los sencillos códigos HTML, ha permitido a los usuarios poder crear interfaces mucho mas amigables con el usuario, que si tenemos en consideración, es unos de los puntos en los que se centra la Web 2.0, ya que la interacción web/hombre llega a un nuevo nivel donde encontramos conceptos tales como personalización, interfaces amigables y fácil entendimiento del funcionamiento. Además CSS tiene la ventaja, como se dijo antes, de poder ser compatible con otras tecnologias, de hecho hoy en día la gente utiliza mucho mezclar el CSS y el lenguaje Javascript. Otra gran ventaja, es que gracias al CSS los documentos web se han podido entender de manera mas fácil, haciendo que los usuarios puedan compartir ideas interesantes haciendo que globalmente el lenguaje cada vez sea mejor.
 * <span style="font-family: 'Arial', 'sans-serif';">Ventajas: **

<span style="font-family: 'Arial', 'sans-serif';">Como todo lenguaje o software desarrollado, a través del tiempo se han realizado mejores versiones de estos, y el CSS no es la excepción. En cuanto al CSS podemos encontrar 3 versiones, o niveles como la W3C lo llama, donde la tercera versión aun se encuentra en desarrollo por la W3C, quienes han sido los encargados de desarrollar el lenguaje.
 * <span style="font-family: 'Arial', 'sans-serif';">Versiones: **

CSS Nivel 1 (1996 – 1999) CSS Nivel 2 (2000 – 2008) CSS Nivel 3 (En desarrollo)

Los nuevos niveles incluyen lo que traían el anterior, haciendo mejorías para que el momento de crear estilo a los documentos web sea con una mayor facilidad. Uno de los grandes avances que se pueden ver del nivel 1 al 2, es haber creado los códigos para poder crear posicionamiento de los objetos y el formato de cómo localizarlos en las páginas, y así muchas mejoras mas, que pueden ser encontradas en la página de la W3C.

<span style="font-family: 'Arial', 'sans-serif'; mso-ansi-language: EN-US;">Link: []

<span style="font-family: 'Arial', 'sans-serif';"> CSS es utilizado por gran parte del mundo, además de que podemos encontrar lugares que venden diseños (templates) web hechos únicamente con CSS logrando plantillas muy interactivas y amigables. Además de todos los usuarios que utilizan Ajax, ya que tienen en la parte de atrás algunos códigos CSS.
 * <span style="font-family: 'Arial', 'sans-serif';">Quien utiliza CSS: **

<span style="font-family: 'Arial', 'sans-serif'; mso-ansi-language: EN-US;">- Ajax (// A synchronous J avaScript A nd X ML//):

<span style="font-family: 'Arial', 'sans-serif';">Ajax a diferencia de muchas tecnologías no es un lenguaje explícitamente, sino es una tecnología que se encarga de reunir varios lenguajes de programación, diseño y estructura y hacerlos funcionar en conjunto para crear en los documentos web muchas facilidades para los usuarios, como aplicaciones interactivas que ayudan a los usuarios a navegar con mayor gusto y facilidad. Los lenguajes utilizados son: html, css, xml, JavaScript y dhtml, y estos lenguajes juntos es lo que se conoce como Ajax.

<span style="font-family: 'Arial', 'sans-serif';">Unas de las grandes características de Ajax es que permite actualizar una parte de la página con información del servidor sin tener que refrescar (F5) los documentos web de forma completa, volviéndolas demasiado rápidas ya que gran parte del documento es ejecutado por la misma máquina del usuario y sin depender del internet ni del servidor. Por ende, esto permite generar webs altamente interactivas, ahorrando ancho de banda y recargas de las páginas.
 * <span style="font-family: 'Arial', 'sans-serif';">Como funciona: **

<span style="font-family: 'Arial', 'sans-serif';">Ajax fue creado en 2005, pero anteriormente habían tecnologías que haciendo algo parecido, como los layes y los iframes, pero su versatilidad y su cambio se lo dan las versiones de los lenguajes que utiliza.
 * <span style="font-family: 'Arial', 'sans-serif';">Versiones: **

<span style="font-family: 'Arial', 'sans-serif';">Esta tecnología es aceptada y utilizado por gran parte del mundo haciendo que desde el comienzo se tengo una gran ventaja y es que pueda correr en todos o los más populares navegadores web, tales como internet explorer, safari, firefox mozilla, google chrome y opera, aunque hay algunas versiones antiguas de estos que no lo soportan Además de que funciona en los navegadores de internet sin ningún problema, la herramienta para hacer posible esta tecnología es a través de lenguajes ya existentes y muy conocidos, lo que le permite a cualquier persona poder aprenderlos ya que hay varios tutoriales y ejemplos acerca de ellos o simplemente mucha gente ya los conoce y solo tienen que ponerlo en práctica. También, como se dijo anteriormente presenta una gran interactividad entre el usuario y el documento web, permitiendo al usuario vivirlo con gran velocidad ya que no se necesita esperar datos del servidor para cada aplicación. Una de las ventajas que mas favorecen a esta tecnología es no tener necesidad de plug-ins como en flash o applets para java, simplemente son traducidos los lenguajes por el navegador web, haciendo que los usuarios que carecen de conocimiento en sistemas no tengan que empezar a instalar cosas que posiblemente les enrede la estadía en la página web.
 * <span style="font-family: 'Arial', 'sans-serif';">Ventajas: **

<span style="font-family: 'Arial', 'sans-serif';">Hay varios lugares que utilizan Ajax, entre estos hay varios productos google como gmail y google maps, también el buscador de amazon.com y el lugar de fotos flickr.com, entre muchos otros lugares dándole una buena reputación a esta herramienta.
 * <span style="font-family: 'Arial', 'sans-serif';">Quien utiliza Ajax: **

- RSS/ATOM:

RSS y Atom son grupos de formatos de fuentes web, que se utilizan para mantener a suscriptores de información actualizada frecuentemente. Este tipo de tecnología lo que permite es la redifusión web que es el reenvió de contenidos de una fuente original hasta <span style="font-family: 'Arial', 'sans-serif'; mso-ansi-language: ES;">otro sitio web de destino (receptor) que a su vez se convierte en emisor puesto que pone a disposición de sus usuarios los contenidos a los que en un principio sólo podían tener acceso los usuarios del sitio web de origen. El formato permite poder distribuir la información de la pagina sin necesidad de un navegador de internet, permitiendo a otras páginas utilizar noticias e información interesante actualizada y confiables de primera mano.

<span style="font-family: 'Arial', 'sans-serif';">Contenido RSS puede ser leído utilizando un programa llamado "lector de RSS" o un "agregador". El usuario se suscribe a un canal por entrar en el vínculo de la alimentación en el lector o haciendo clic en un icono de RSS en un navegador que se inicia el proceso de suscripción. El lector comprueba el usuario suscrito y alimenta regularmente de contenidos, la descarga de las actualizaciones que encuentre.
 * <span style="font-family: 'Arial', 'sans-serif'; mso-ansi-language: ES;">Como funciona: **

<span style="font-family: 'Arial', 'sans-serif';">Esta nueva tecnología proporciona a los usuarios que entran a una página mayor velocidad en contenido con información de calidad, donde si en la pagina no hay la información necesaria o suficiente, el RSS o el Atom, se encargaran de proporcionársela de forma confiable, haciendo el que usuario no tenga que empezar a buscar, sino por el contrario pueda hacerlo en el mismo documento web. Otra gran ventaja es que la información que empieza a recorrer por internet empieza a tener mas calidad ya que es información que ha sido analizada y comprobada por los encargados de RSS o Atom, asegurando calidad en la información.
 * <span style="font-family: 'Arial', 'sans-serif';">Ventajas: **

<span style="font-family: 'Arial', 'sans-serif';">A pesar de ser una muy buena herramienta de información no es una tecnología que se vea muy recurrente, como un CSS o un Ajax, ya que todo el mercado de paginas web no se concentra en brindar información como noticias de interés general.
 * <span style="font-family: 'Arial', 'sans-serif';">Quien lo utiliza: **

- P2P (//Peer To Peer//):

Ahora hemos llegado a una tecnología que seguramente fue una de las mas aceptadas por la comunidad web, ya que esta permite poder intercambiar información o datos sin la necesidad de un servidor fijo, sino que permite a cada usuario ser un proveedor de información o datos y a la vez ser usuario de otro proveedor. El término de servidor se abandona y se empieza a hablar de nodos que son tanto usuarios como servidores. Esta tecnología comenzó en el mercado con un programa llamado Napster, que después de un tiempo recibió varias demandas, ya que esta tecnología permite a los usuarios obtener datos de forma gratuita, que seguramente tienen derechos de autor que no son cancelados, tales como programas, música o videos.

Los P2P son programas que instalan los usuarios en sus computadores, y estos se encargan de buscar en la red gente que se encuentre en la misma comunidad (que tenga instalado el mismo programa). Cada usuario de P2P le permite al programa compartir una carpeta que contiene los datos que desea compartir con los demás, donde son encontrados por un buscador de cada P2P y así generar la conexión entre los computadores interesados sin necesidad de un servidor haciendo que el intercambio de información se realice con mayor velocidad. Hoy en día ha habido una ligera modificación de este mecanismo de intercambio, con un concepto llamado torrent que ahora le permite al usuario buscar en la web el usuario origen que tiene lo que se está buscando sin necesidad de ningún programa ni intermediario. <span style="font-family: 'Arial', 'sans-serif';"> <span style="font-family: 'Arial', 'sans-serif';">Esta nueva tecnología está permitiendo que la información se pueda transmitir de forma global con mucha facilidad, pero muchas veces esa facilidad afecta aquellos que dependen económicamente de derechos sobre la información que se intercambia. Pero a pesar de esto, ha sido una herramienta muy útil, que ha permitido a los usuarios encontrar información que de pronto se hubiera demorado en conseguir más tiempo de lo permitido. Además permite que la información se descentralice, quitándole un posible monopolio de información a alguna empresa con poder en el mercado, haciendo que los usuarios puedan tener un acceso fácil a estos datos. Y como la información ya no depende de un solo lugar de origen, hace que la red de internet opere a una mayor velocidad ya que posiblemente la información que uno busca la tiene alguien del mismo barrio sin tener la necesidad de recorrer miles de kilómetros para obtenerlo.
 * Como funciona:**
 * <span style="font-family: 'Arial', 'sans-serif';">Ventajas: **

<span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt;">[] [] [] [] [] [] [] [] [2], [3] [] [1]. [] [] [] [] [] [] [] [] [] [] [] [] <span style="line-height: 115%; font-family: 'Calibri', 'sans-serif'; font-size: 11pt; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-bidi-font-family: 'Times New Roman'; mso-ansi-language: ES-CO; mso-bidi-language: AR-SA;">[]
 * <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;">Bibliografia y referencias: **

(Maria Alejandra)
 * <span style="font-family: 'Arial', 'sans-serif'; mso-ansi-language: ES;">P2P **<span style="font-family: 'Arial', 'sans-serif'; mso-ansi-language: ES;">

Es una red de computadoras en la que todos o algunas facetas de esta, funcionas sin clientes, ni servidores fijos, sino una serie de nodos que actúan equivalentes entre sí. En otras palabras, se comportan paralelamente como clientes y servidores en cuanto a los otros nodos que hay en la red.

Estas redes utilizan, aplicar y optimizan el uso del ancho de banda de los otros usuarios de la red a través de la conectividad entre los mismos, obteniendo así más rendimiento en las conexiones y transferencia que con algunos procesos centralizados convencionales, donde cierta cantidad pequeña de servidores abastecen total el ancho de banda y recursos compartidos para un servicio o aplicación.

La P2P ofrece características como escalabilidad, robustez, descentralización, anonimato, seguridad y costos.

Algunas de las aplicaciones que posee son las siguientes:

<span style="font-family: 'Arial', 'sans-serif'; mso-fareast-font-family: Arial; msofareastfontfamily: Arial; msolist: Ignore; mso-ansi-language: ES; msoansilanguage: ES;">- <span style="font-family: 'Arial', 'sans-serif'; mso-ansi-language: ES;">Intercambio y búsqueda de ficheros (Bit Torrent, eDonkey2000) <span style="font-family: 'Arial', 'sans-serif'; mso-fareast-font-family: Arial; msofareastfontfamily: Arial; msolist: Ignore; mso-ansi-language: ES; msoansilanguage: ES;">- <span style="font-family: 'Arial', 'sans-serif'; mso-ansi-language: ES;">Sistemas de ficheros distribuidos ( CFS O Freenet) <span style="font-family: 'Arial', 'sans-serif'; mso-fareast-font-family: Arial; msofareastfontfamily: Arial; msolist: Ignore; mso-ansi-language: ES; msoansilanguage: ES;">- <span style="font-family: 'Arial', 'sans-serif'; mso-ansi-language: ES;">Sistemas de telefonía por internet (Skype)


 * Bibliografia**

[]

**__<span style="display: none; font-family: 'Arial', 'sans-serif'; color: #0000cc; mso-hide: all;">Proponer una traducción mejor<span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: ES-CO;"> __** <span style="display: none; font-family: 'Times New Roman', 'serif'; mso-hide: all;"> <span style="line-height: 115%; font-family: 'Arial', 'sans-serif'; font-size: 12pt;">
 * <span style="display: none; font-family: 'Arial', 'sans-serif'; color: #333333; mso-hide: all;">Texto original en inglés: **
 * <span style="display: none; font-family: 'Arial', 'sans-serif'; mso-hide: all;">Examples of OPML documents: [|play list], [|specification] , [|presentation] . **<span style="display: none; font-family: 'Arial', 'sans-serif'; color: black; font-size: 12pt; mso-hide: all;">