miércoles, 26 de febrero de 2014

HREF Crear enlaces

Habrás oído muchas veces hablar de hipertextos y de cómo éstos sustenten el web. Un hipertexto es un modo de formatear documentos de manera no secuencial. Para comprender esta característica, podemos pensar en un libro impreso en papel cuya estructura fuera índice, capítulos y glosario. Dicha estructura es secuencial en el sentido de que se lee el índice para pasar después a los capítulos (yendo del primero al último) y acabar con el glosario de términos. Al lector, en este caso, se le marca un recorrido que le lleva a leer el primer capítulo para llegar al último. Con el hipertexto esta estructura secuencial desaparece gracias a los enlaces hipertextuales, que permiten leer el documento sin seguir necesariamente un orden predeterminado. La peculiaridad de saltar de un punto a otro del documento es típica del WWW, donde a menudo siguiendo un documento saltamos de un sitio a otro.

Los documentos HTML son hipertextos cuyo funcionamiento se debe, en su mayor parte, a los hiperenlaces o anclajes, cuya marca específica es <A>.

El elemento <A> (la A corresponde al inglés Anchor) necesita una marca de apertura y una de cierre y entre ellas podemos insertar texto, imágenes y otros elementos multimedia.

Para que funcione, el elemento <A> debe estar asociado a otros atributos. De éstos, el más importante es HREF (abreviatura del inglés Hypertext Reference), que contiene el URL o página donde ir. La sintaxis es:

<A HREF="http://www.htmlpoint.com">Visita HTMLpoint</A>

En el código antes citado, si hacemos clic en el texto "Visita HTMLpoint" (comprendido entre las marcas de apertura y cierre), llegamos al URL http://www.htmlpoint.com indicado por el atributo HREF.

Es posible sustituir el texto con una imagen obteniendo un efecto idéntico.

HREF puede contener tanto enlaces a recursos externos (como en este caso), como enlaces a otros documentos de la misma dirección. Por ejemplo, si nos encontraramos en la página 1.htm y quisiéramos incluir un enlace a la página 2.htm presente en la misma carpeta, el código correcto sería:

<A HREF="2.htm">Haz clic aquí para llegar a la nueva página</A>

TARGET

TARGET es un atributo implementado por exigencias relacionadas con la gestión de los marcos. En una página dividida en marcos, este atributo indica en cuáles de ellos debe quedar visualizado el documento. No entraremos aquí en detalles sobre los marcos ya que comentaremos este tema más adelante.

Sin embargo, sí nos ocuparemos aquí de otro uso de este atributo: gracias a TARGET podemos cargar una página asociada a HREF en otra ventana del navegador usando la siguiente sintaxis:

<A HREF="http://www.htmlpoint.com" TARGET="_new">Visita HTMLpoint</A>

El atributo TARGET="_new" indica al navegador que debe cargar el enlace con http://www.htmlpoint.com en una nueva (_new) ventana.

El empleo de distintas ventanas para cada enlace es muy útil cuando se manda a recursos externos ya que nos permite no perder al visitante: el usuario de este modo tendrá abiertas dos ventanas y no dejará de tener disponible nuestra página.

TITLE

Al igual que para el elemento IMG, también en el caso de los enlaces hipertextuales podemos definir un texto con un comentario que se activará cuando pasemos el ratón por encima del enlace. La sintaxis es:

<A HREF="http://www.htmlpoint.com" TITLE="El sitio italiano sobre el web publishing">Visita HTMLpoint</A>

MAILTO (enlace a e-mail)

Es posible asimismo incluir enlaces con direcciones de correo electrónico utilizando una sintaxis algo distinta de la indicada para los URL. El código es:

<A HREF="mailto:webmaster@html.it">Escribe a HTMLpoint</A>

Haciendo clic en este enlace se abre automáticamente tu programa de correo electrónico predefinido con el campo TO ya impostado en webmaster@html.it.

Enlaces con partes de un mismo documento

Hasta ahora hemos analizado los enlaces con recursos externos o con páginas diversas de un mismo sitio. Sin embargo, podemos asimismo crear enlaces con puntos específicos de un mismo documento gracias al código <A NAME="ancora">. En otras palabras, si con los enlaces examinados hasta ahora llegamos a un documento, con <A NAME> llegamos a una parte concreta del documento.

A continuación, figura el procedimiento que hay que seguir para crear enlaces con puntos internos del documento:

Inserta la marca <A NAME="ancora"> en el punto del documento al que quieres que se llegue (.ANCORA es un identificador del punto en el que el navegador deberá visualizar la página. Obviamente puedes sustituirlo con otros términos).

En el enlace desde el que quieres llegar al punto del nuevo documento, inserta la siguiente sintaxis:

<A HREF="#ancora">Visita HTMLpoint</A>

La almohadilla (#) indica que se trata de un enlace interno. En este ejemplo se manda a un punto de la misma página, porque a la derecha de la almohadilla aparece el nombre del enlace interno, mientras que a su izquierda no hay nada escrito. Si quisiéramos llegar a un punto concreto de un documento externo, la sintaxis correcta sería: <A HREF="nome_file.htm#ancora">Visita HTMLpoint</A>, donde "nome_file.htm" es el nombre del documento al que hay que llegar, y "ancora" es el punto preciso de dicho documento.

Propiedades de Imágenes HTML

IMG

Antes de describir en detalle la marca principal de inserción de imágenes en los hipertextos, es conveniente precisar algunos conceptos de HTML. A diferencia de muchos procesadores de texto (Ms Word, por ejemplo), los hipertextos no se "funden" con las imágenes que les sirven de acompañamiento gráfico, sino que se limitan a invocarlas desde un recorrido específico in situ o en el web. Dicho de otro modo, existe una división muy clara entre archivo .htm e imágenes (y también sonidos, apliques, etc.). Los documentos HTML se limitan a prever dentro de ellos un espacio en el que se insertan las imágenes solicitadas.

La marca <IMG> no necesita cierre y su sintaxis correcta es:

<IMG SRC="immagine.gif">

donce SRC corresponde al inglés Search y es el recorrido del que el navegador saca la imagen (en este caso "immagine.gif"). Como hemos señalado, esta marca es única en el sentido de que NO lleva como cierre el correspondiente </IMG>.

Los navegadores (Netscape, MsIe, Opera etc.) reconocen numerosos formatos gráficos, aunque los más utilizados son dos: GIF (Graphics Interchange Format) y JPEG (Joint Photographics Experts Group). En los últimos meses, asistimos a la difusión a nivel internacional de otro formato:PNG (Portable Network Graphics).

El elemento <IMG> va acompañado de diversos atributos que facilitan su uso. Veamos ahora juntos cuáles son.

ALT

El uso de texto para comentar las imágenes es una regla fundamental que debemos observar en la creación de sitios web por varias razones:

algunos navegadores pordrían estar impostados para no invocar las imágenes;

los navegadores textuales para invidentes no conseguirían interpretar las imágenes si carecieran de comentario;

es posible evitar pies de imagen incluyendo comentarios dentro de la imagen misma.

En todos estos casos, el uso de comentarios resuelve el problema y permite optimizar la página web. La sintaxis correcta de los comentarios es la siguiente:

<IMG SRC="immagine.gif" ALT="Obra de K. Haring">

WIDTH y HEIGHT

En los ejemplos vistos hasta ahora, no hemos especificado las medidas de la imagen que el navegador se ha encargado de buscar automáticamente. Es posible definir la anchura y la altura de la imagen gracias a los atributos width y height, respectivamente:

<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 ALT="Obra de K. Haring">

donde WIDTH=178 es la dimensión horizontal (ancho) de la imagen expresada en píxel, y HEIGHT=180 la dimensión vertical (alto).

Mediante estos atributos podemos definir dimensiones diferentes de las que realmente tiene la imagen. En cualquier caso, es aconsejable insertar imágenes con su tamaño efectivo sobre todo si están en formato GIF, dado que, cuando se cambian las medidas, este formato pierde mucha calidad.

BORDER

Con el atributo BORDER podemos aplicar un borde a la imagen. Los valores son numéricos y van expresados en píxel. Si impostamos el valor BORDER en 0, la imagen no va recuadrada. Cuando omitimos este atributo, el navegador no aplica ningún borde, pero si la imagen es también un enlace automáticamente se le asignará un BORDER=1. La sintaxis correcta es:

<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=2 ALT="Obra de K. Haring">

HSPACE y VSPACE

Con estos dos atributos podemos establecer la distancia en píxel de la imagen a los objetos que se encuentran a los cuatro lados de la misma.

HSPACE define la distancia de los lados derecho e izquierdo de la imagen a los objetos más cercanos (texto, imágenes, apliques, etc.).

VSPACE define la distancia de los lados superior e inferior de la imagen a los objetos más cercanos (texto, imágenes, apliques, etc.). La sintaxis correcta es:

<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=2 VSPACE=3 HSPACE=3 ALT="Obra de K. Haring">

Estos atributos resultan útiles cuando queremos distanciar la imagen de los objetos más cercanos.

ALIGN

El atributo ALIGN define la posición de la imagen respecto al texto colocado inmediatamente antes o después de la misma. Existen varias opciones para el atributo ALIGN:

ALIGN=top: alinea la primera línea de texto con la parte superior de la imagen.

ALIGN=middle: alinea la primera línea del texto con el centro de la imagen.

ALIGN=bottom: alinea la primera línea de texto con la parte inferior de la imagen.

ALIGN=left: el texto se coloca a la derecha de la imagen empezando desde la parte superior de la misma.

ALIGN=right: el texto se coloca a la izquierda de la imagen empezando desde la parte superior de la misma.

<HTML>
<HEAD>
<META name="keywords" Content="HTML, realizacion de paginas web, portada">
<META name="description" content="Pagina web HTML">
<meta name="GENERATOR" content="Bloc de notas">
<META name="author" content="Kevin Ortiz Flores">
<TITLE>Imagenes</TITLE>
<BODY BGCOLOR="white">
<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=2 ALT="Obra de K. Haring" align=right>
Esta lección enseña cómo insertar imágenes en los documentos HTML,
gracias al elemento IMG y a todos los atributos que se pueden aplicar. 
En particular, estamos tratando de la colocación del texto respecto a las imágenes con el atributo ALIGN.
</HEAD>
</HTML>

miércoles, 19 de febrero de 2014

Propiedades del tag LISTA

Junto con encabezados y párrafos, son otro de los elementos HTML más comunes. Pueden darse cinco tipos diferentes de listas, cada uno con tags distintas aunque con alguna en común:

1.- Listas numeradas u ordenadas: Se engloban por las tags <ol>.....</ol> y cada elemento de la lista estará encabezado por la tag<li> que puede o no llevar la tag de cierre </li>. Es conveniente que cada elemento de la lista esté en una línea nueva aunque todo seguido consiga en la presentación el mismo efecto. Cuando el navegador interpreta una lista ordenada, numera y sangra cada elemento en forma secuencial, aunque se introduzcan modificaciones.

2.- Listas con viñetas o sin orden: Se engloban por las tags <ul>.....</ul> y cada elemento de la lista, también estará encabezado por la tag <li>. El resultado es que el navegador inserta viñetas (marcadores) delante de cada elemento.

3.- Listas de menú y de directorio: Están en desuso puesto que su resultado suele ser, prácticamente, idéntico al de las listas con viñetas.
Menú: Englobadas por las tags <menu>.....</menu> y cada elemento encabezado por la tag <li>.
Directorio: Englobadas por las tags <dir>.....</dir> y cada elemento encabezado por la tag <li>.

4.- Listas de glosario: Cada elemento de la lista está compuesto por un término y una definición y cada una de estas partes tiene su propia tag. Estas listas se engloban con las tags <dl>.....</dl>. Para el término se usa la tag <dt> y para la definición la tag <dd>. Generalmente el navegador colocará término y definición en dos líneas diferentes pero esto se puede evitar añadiendo a la tag de apertura el atributo compact: <dl compact>.

5.- Listas anidadas: Consiste en poner una lista dentro de otra, de manera que la lista secundaria sangre respecto a la principal. Puede jugar con los diferentes tipos de lista pero recuerde estructurar bien las tags: Las tags de la lista principal englobarán todo el conjunto de las listas y las tags de las listas secundarías se cerraran antes de volver a la lista principal. Ahora quizá le empiece a convenir sangrar el propio código conforme lo va escribiendo en HTML.

<HTML>
<HEAD>
<TITLE>Propiedades del tag LISTA</TITLE>
</HEAD>
<BODY>

<H1>LISTAS</H1>
-Una lista ordenada
<ol>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ol>
-Una lista sin ordenar 
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
-Una lista de glosario 
<dl>
<dt>Témino 1</dt>
<dd>Definición 1</dd>
<dt>Témino 2</dt>
<dd>Definición 2</dd>
</dl>
-Listas anidadas 
<ul>
<li>Uno
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
</li>
<li>Dos</li>
<li>Tres</li>
</ul>

</BODY>
</HTML>

Tags de control de texto

, , son tres de las marcas de formatación tipográfica más usadas del HTML. Todas ellas deben constar de apertura y cierre:

 Texto en negrita 
El texto comprendido entre estas marcas queda formateado en negrita (la B corresponde al inglés BOLD).

 Texto en cursiva 
El texto comprendido entre estas marcas queda formateado en cursiva (la I corresponde al inglés ITALIC)

 Texto subrayado 
El texto comprendido entre estas marcas queda subrayado aun sin ser un enlace (la U corresponde al inglés UNDERLINE).

Existe también la marca STRIKE para el texto tachado:
<STRIKE> Texto tachado </STRIKE>

<HTML>

<HEAD>

<TITLE>Tags de control de texto</TITLE>

<BODY BGCOLOR="white">



 Texto negrita con B  

 Texto cursiva con I  

 Texto subrayado con U  

<STRIKE> Texto tachado con STRIKE </STRIKE>

</BODY>

</HEAD>

</HTML>

 y 

Estas dos marcas tipográficas crean respectivamente superíndices(SUP), en los que el texto está en posición ligeramente superior respecto al texto normal, y subíndices (SUB), posición ligeramente inferior respecto al texto normal. Es posible anidar diversas marcas a fin de obtener efectos de superposición sucesiva. Estos elementos se usan, sobre todo, en las notas o en las fórmulas matemáticas.

<HTML>

<HEAD>

<TITLE>Superíndice y Subíndice</TITLE>

<BODY BGCOLOR="white">



©Superíndice 

©Subíndice



</HEAD>

</HTML>

martes, 18 de febrero de 2014

FONT - Formatea el texto

La marca FONT se emplea para formatear el tipo y tamaño del texto en algunos puntos del documento específicos. En realidad, si la marca FONT abriera y cerrara el documento, todo el texto comprendido dentro quedaría formateado tal y como estuviera indicado. Sin embargo, conceptualmente la marca FONT ha sido concebida para definir partes limitadas de texto. Por otro lado, mientras TEXT determina tan sólo en color del texto, la marca FONT puede definir el tipo utilizado, así como su tamaño y color.
Aquí tienes la sintaxis correcta de la marca:

<HTML>

<HEAD>

<TITLE>Utilizando el tag FONT</TITLE>

<BODY BGCOLOR="yellow">

<FONT FACE="arial" SIZE=7 COLOR=red>

EN ESTE TEXTO SE APLICÓ EL TAG &quotFONT&quot

</FONT>

</BODY>

</HEAD>

</HTML>

<FONT FACE="arial" SIZE=7 COLOR=red>

El atributo FACE="arial" indica el tipo que se visualizará; SIZE=7 el tamaño del tipo, que puede estar comprendido entre 1 y 7 (mayor dimensión cuanto más cercano al 7); COLOR=red indica el color del texto (que puede expresarse asimismo en valores hexadecimales).

jueves, 6 de febrero de 2014

CMS - Sistema de Gestion de Contenidos

Un sistema de gestión de contenidos (o CMS, del inglés Content Management System) es un programa que permite crear una estructura de soporte (framework) para la creación y administración de contenidos, principalmente en páginas web, por parte de los administradores, editores, participantes y demás usuarios.
Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio web. El sistema permite manejar de manera independiente el contenido y el diseño. Así, es posible manejar el contenido y darle en cualquier momento un diseño distinto al sitio web sin tener que darle formato al contenido de nuevo, además de permitir la fácil y controlada publicación en el sitio a varios editores. Un ejemplo clásico es el de editores que cargan el contenido al sistema y otro de nivel superior (moderador o administrador) que permite que estos contenidos se
an visibles a todo el público (los aprueba).

WEB 1.0, 2.0 y 3.0

LA WEB 1.0 (Internet básica)

La Web 1.0 empezó en los años 60's junto al Internet, de la forma más básica que existe, con navegadores de solo texto, como ELISA, era bastante rápido pero muy simple. Después en los 90 surgió HTML (Hyper Text Markup Language) como lenguaje hipertexto e hizo que las páginas Web sean más agradables a la vista y puedan contener componentes como imágenes, formatos y colores. Los primeros navegadores visuales fueron Netscape e Internet Explorer.

Esta Web es de solo lectura, ya que el usuario no puede interactuar con el contenido de la página (ningún comentario, respuesta, etc.). Estando la información totalmente limitada a lo que el Webmaster pueda publicar.

Limitada, usada fundamentalmente para publicar documentos y realizar transacciones. Con ella, las grandes empresas inauguraron su estrategia online. Crearon un sitio donde publicar información corporativa, y desarrollaron planes de marketing y ventas que incorporaban la Web como nexo con los clientes.

Ventajas

· Exposición al mundo entero a través del Internet.

· El presentador de la información tiene total control y autoridad de lo publicado.

Desventajas

· La comunicación es pasiva.

· No se permite retro alimentación perdiendo la oportunidad de tener acceso a información relevante.

· No se conoce inmediatamente la reacción del público en relación a la información compartida.

LA WEB 2.0 (La red social/la de la colaboración)

Se refiere a una segunda generación de Web basada en comunidades de usuarios y una gama especial de servicios, como las redes sociales, los blogs, los wikis o las folcsonomías, que fomentan la colaboración y el intercambio ágil de información entre los usuarios, donde el estaticismo de las páginas pasa a transformarse en una matriz de interacción del usuario con la Red pudiendo él mismo incluir su propia información en el sistema, creando o no webs interactivas y visuales. Es decir, los sitios Web 2.0 actúan más como puntos de encuentro, o webs dependientes de usuarios, que como webs tradicionales.

Además es la transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a través del Web enfocadas al usuario final. Se trata de aplicaciones que generen colaboración y de servicios que reemplacen las aplicaciones de escritorio. Es una etapa que ha definido nuevos proyectos en Internet y está preocupándose por brindar mejores soluciones para el usuario final. En general, cuando mencionamos el término Web 2.0 nos referimos a una serie de aplicaciones y páginas de Internet que utilizan la inteligencia colectiva para proporcionar servicios interactivos en red dando al usuario el control de sus datos. Así, podemos entender como 2.0 todas aquellas utilidades y servicios de Internet que se sustentan en una base de datos, la cual puede ser modificada por los usuarios del servicio, ya sea en su contenido añadiendo, cambiando o borrando información o asociando datos a la información existente.

Esta tecnología ayuda a las empresas a ser más competitivas y posicionarse en el mercado a través de varias vertientes. Además de esta característica, la web 2.0 posee enriquecimientos como los blogs, que aportan un beneficio a las comunicaciones internas de la empresa y una comunicación permanente con el cliente con sus comentarios y aportaciones. También es posible gracias a esta tecnología, crear wikis para definir un lenguaje básico corporativo.

Ventajas:

1. Extrapolación y sindicación absoluta. El hecho de que todas las aplicaciones se realicen sobre Web, va a permitir que entre ellas se pueda compartir toda la información (principalmente gracias a XML). Esto nos va a permitir:

1.1. Propagación inmediata de contenido e información (RSS) que va a permitir un mejor desarrollo de la estructura en red.

1.2. Uso de otras fuentes para desarrollar nuevas aplicaciones. Esta cuestión va a permitir que el desarrollo de nuevas aplicaciones se centre en la aportación de valor añadido, centrando los recursos en lo nuevo, y sacando partido de lo hecho por otros.

2. Aplicaciones (software) como servicio y no como producto.

2.1. Esto elimina el coste de acceso de las pymes a la tecnología más moderna, anulando las barreras de entrada a competir en los mercados por esa vía.

2.2. El pago se hace por servicio, lo que en pequeñas empresas es una muy pequeña cantidad en relación al coste de la plataforma que obtiene y fuera de su alcance a través de inversiones que las sacarían del mercado.

2.3. Es un servicio externalizado, sin barreras de salida para el cambio, lo que permite una mayor dinamicidad al no estar apalancada negativamente por las inversiones (lo que obliga a las empresas ASP a innovar continuamente y ofrecer servicios de valor añadido constantemente).

2.4. Las innovaciones son constantes (entre otras cuestiones porque la estrategia de supervivencia de las ASP radica en ello), sin necesidad de actualizaciones ni cambios.

3. Ubicuidad. La Web ya se ha consagrado como el canal de interoperabilidad por excelencia. Es decir, las aplicaciones basadas en Web pueden desarrollarse en cualquier terminal (y no necesariamente en los PC): ordenadores, móviles, PDAs, TV digital,…Esto va a permitir tener la información en todo momento y desde cualquier terminal con conexión a Internet.

4. Cooperación. Las necesidades de la sociedad y empresa red radican principalmente en la cooperación entre los diferentes actores. Estos sistema permiten anular prácticamente los costes para ello (incluido los costes de relaciones sociales), llegando incluso a la cooperación entre actores que no mantienen relación. La estructura del sistema coordinará la relación.

5. Seguridad. Si bien es un aspecto en debate (y como tal lo recojo también en las desventajas), a nivel de pymes la capacidad de seguridad y de protección de datos de servidores de empresas profesionales será siempre mucho mayor que la mantenida en servidores compartidos o en los mismos ordenadores de gestión diaria. Pérdidas de datos por fallos del sistema, virus, ataques,…son constantes en los ordenadores personales sin que se mantengan copias de seguridad adecuadas y siendo el coste de restauración muy elevado para estas empresas.

Desventajas:

1. La seguridad de datos confidenciales, como la contabilidad, facturación, etc. es uno de los aspectos que más se debaten, al estar almacenados en servidores ajenos. Centrándonos en las necesidades de las pymes es probable que los datos estén en mejor recaudo de servidores de empresas dedicadas a ello que en ordenadores que normalmente son mucho más vulnerables a ataques de virus, troyanos, espías, etc.

2. La conexión a Internet. La dependencia del sistema a la conexión de Internet sigue siendo una barrera a su adopción. Si bien las empresas de telecomunicaciones cada vez son más fiables y mantienen mejores conexiones, siempre existe la posibilidad de quedarse sin conexión en la mitad de una jornada laboral, lo que impediría el uso del sistema. No obstante, este problema debe convertirse tan residual como la caída de la energía eléctrica, que si bien ocurre, no es causa suficiente como para no operar en base a ella.

LA WEB 3.0 (La red semántica)

Podemos identificar la Web semántica como una forma de Web 3.0. Existe una diferencia fundamental entre ambas versiones de Web (2.0 y semántica) y es el tipo de participante y las herramientas que se utilizan. La 2.0 tiene como principal protagonista al usuario humano que escribe artículos en su blog o colabora en un wiki. El requisito es que además de publicar en HTML emita parte de sus aportaciones en diversos formatos para compartir esta información como son los RSS, ATOM, etc. mediante la utilización de lenguajes estándares como el XML. Con esta nueva transformación se permitirá la actualización y el dinamismo perpetuo a través de una interacción constructivista y organizativa de contenidos y estructuras por parte del usuario. El término Web 3.0 es asociado por la prensa generalista al concepto de Web semántica que se está desarrollando bajo la tutela de Tim Berners-Lee, el mismo que inventó la Web a principios de los 90. Las características que diferencian esta etapa de las anteriores se podrían resumir en:

Ø Transformación de la estructura Web actual en la de Web semántica.

Ø Utilización de Inteligencia Artificial en combinación con la nueva estructura.

Ø Prevalencia del usuario en la creación, organización y rendimiento del contenido a través de un modelo de cooperación globalizada.

La web 3.0 es La inteligencia humana y la de las máquinas combinadas. Información más rica, relevante, oportuna y accesible. Con lenguajes más potentes, redes neurales, algoritmos genéticos, la Web 3.0 pone el énfasis en el análisis y la capacidad de procesamiento. Y en cómo generar nuevas ideas a partir de la información producida por los usuarios. Quien invierta en eso y, en el nuevo mundo transparente, concentre energía y medios en comunicarse y generar confianza desde la Web, será el dueño de las ventajas competitivas.

Se identifica al término de WEB 3.0 como la “Web Semántica” según el creador de la World Wide Web, Tim Berners-Lee.

Todavía no se llega a comprender al 100% lo que significa la WEB 2.0 y cuáles son sus beneficios, cuando ya se está hablando del término WEB 3.0 la que promete transformar nuestra experiencia Web.

Algunas personas consideran que la WEB 3.0 será una revolución si es que se logra una combinación correcta en el contenido semántico dentro de las páginas web y el uso de lo que se ha venido mencionando por mucho tiempo, la inteligencia artificial, la cual podrá sacar el mejor jugo de esta combinación. Este esfuerzo de combinar dos poderosas herramientas para el beneficio de la experiencia en Web

Ventajas de la web 3.0:

· El código es mucho más sencillo de desarrollar y mantener.

· Los buscadores encuentran información relevante más fácilmente.

· Es mucho más sencillo hacer modificaciones al diseño o compartir información.

· No se depende de un solo servicio para obtener información, sino que ésta puede estar distribuida en varios sitios y juntarla en un tercero.

Desventajas de la web 3.0:

· Hay que tener más cuidado con la seguridad de la información del sitio.


AVANCE DE LAS WEBS

Servicio WEB

Un servicio web (en inglés, Web Service o Web services) es una tecnología que utiliza un conjunto de protocolos y estándares que sirven para intercambiar datos entre aplicaciones. Distintas aplicaciones de software desarrolladas en lenguajes de programación diferentes, y ejecutadas sobre cualquier plataforma, pueden utilizar los servicios web para intercambiar datos en redes de ordenadores como Internet. La interoperabilidad se consigue mediante la adopción de estándares abiertos. Las organizaciones OASIS y W3C son los comités responsables de la arquitectura y reglamentación de los servicios Web. Para mejorar la interoperabilidad entre distintas implementaciones de servicios Web se ha creado el organismo WS-I, encargado de desarrollar diversos perfiles para definir de manera más exhaustiva estos estándares. Es una máquina que atiende las peticiones de los clientes web y les enví
a los recursos solicitados.

BPM - Gestión de procesos de negocio

¿Que es BPM?

Se llama Gestión o administración por procesos de negocio (Business Process Management o BPM en inglés) a la metodología corporativa cuyo objetivo es mejorar el desempeño (Eficiencia y Eficacia) de la Organización a través de la gestión de los procesos de negocio, que se deben diseñar, modelar, organizar, documentar y optimizar de forma continua. El Modelo de Administración por Procesos, se refiere al cambio operacional de la empresa al migrar de una operación funcional a una operación de administrar por procesos. Ventajas del modelado BPM es el entendimiento, visibilidad y control de los procesos de negocio de una organización. Un proceso de negocio representa una serie discreta de actividades o pasos de tareas que pueden incluir, personas, aplicativos, eventos de negocio y organizaciones. BPM se puede relacionar con otras disciplinas de mejora de procesos como Six Sigma, Calidad. Los procesos de negocio deberían estar documentados – actualizados- para ayudar a entender a la organización que están haciendo a través de su negocio. Durante la etapa de descubrimiento de procesos, todos se ponen relativamente de acuerdo de cómo los procesos actuales están definidos. El As-Is, entonces pueden usar esta información para determinar dónde el proceso debería ser mejorado. La sola documentación del proceso no es la herramienta para que los gerentes tomen control sobre todo el proceso. BPM es el entendimiento, visibilidad y control de los procesos de negocio de una organización. Un proceso de negocio representa una serie discreta de actividades o pasos de tareas que pueden incluir, personas, aplicativos, eventos de negocio y organizaciones. BPM se puede relacionar con otras disciplinas de mejora de procesos como Six Sigma, Calidad. Para soportar esta estrategia es necesario contar con un conjunto de herramientas que den el soporte necesario para cumplir con el ciclo de vida de BPM. Este conjunto de herramientas son llamadas Business Process Management System (BPMS), y con ellas se construyen aplicaciones BPM. Normalmente siguen una notación común, denominada Business Process Model and Notation (BPMN).

CRM - Gestión sobre la Relación con los Consumidores

¿QUÉ ES CRM?

CRM (Customer Relationship Management), en su traducción literal, se entiende como la Gestión sobre la Relación con los Consumidores, pero es tan genérico como toda frase en inglés traducida al español. Pero para su mejor comprensión básicamente se refiere a una estrategia de negocios centrada en el cliente.

Según Don Alfredo De Goyeneche , en su publicación en la revista Economía y Administración de la Universidad de Chile, se refiere a que en "CRM estamos frente a un modelo de negocios cuya estrategia esta destinada a lograr identificar y administrar las relaciones en aquellas cuentas más valiosas para una empresa, trabajando diferentemente en cada una de ellas de forma tal de poder mejorar la efectividad sobre los clientes". En resumen ser más efectivos al momento de interactuar con los clientes.

Bajo este concepto, sería bueno profundizar, ya que estas tres palabras incluyen mucho más. El CRM como lo define Barton Goldenberg, consiste en 10 componentes:

Funcionalidad de las ventas y su administración

El telemarketing

El manejo del tiempo

El servicio y soporte al cliente

El marketing

El manejo de la información para ejecutivos

La integración del ERP( Enterprise Resource Planning )

La excelente sincronización de los datos

El e-Commerce

El servicio en el campo de ventas.

Sin embargo la palabra lealtad, sintetiza prácticamente su significado, ya que CRM se dedica a adquirir y mantener la lealtad del cliente, específicamente de aquellas cuentas más valiosas.

"Obtendrás más de la billetera de tus clientes, cuando te tomes el tiempo de estar al pendiente de ellos"; así lo conceptualiza Janice Anderson, vicepresidenta de CRM Solutions de Lucent Technologies.

Los beneficios del CRM no sólo se concretan en la retención y la lealtad de los clientes, sino también en tener un marketing más efectivo, crear inteligentes oportunidades de cross-selling y abrir la posibilidad a una rápida introducción de nuevos productos o marcas.

En definitiva, lo que desean las empresas es reducir el costo de obtener nuevos clientes e incrementar la lealtad de los que ya se acercaron. Estos últimos pasan a conformar uno de los activos más valiosos de la empresa.

Pero, ¿a través de qué canales?, ¿Cuáles son los más viables para comunicarnos con nuestros clientes?

El correo directo resulta el medio tradicional más usado para establecer la comunicación entre la empresa y sus clientes. Los Call Center (o centros de llamados) son uno de los medios que han crecido en los últimos 10 años y, su efectividad se ha visto reflejada en la satisfacción de cada uno de sus clientes.

Otros medios para captar clientes y comunicarse con ellos son el e-mail e Internet, los que serán analizados posteriormente en el capítulo cuatro.

En el proceso de implementación de un sistema CRM no debe estar involucrado solo la parte tecnológica, sino que toda la empresa debe de vivir la aventura de la adopción del CRM. ¿Cómo hacerlo? Barton Goldenberg con sus 14 daños de experiencia en esta área lo resume en 10 factores de éxito:

Determinar las funciones que se desean automatizar

Automatizar sólo lo que necesita ser automatizado

Obtener el soporte y compromiso de los niveles altos de la compañía

Emplear inteligentemente la tecnología

Involucrar a los usuarios en la construcción del sistema

Realiza un prototipo del sistema

Capacita a los usuarios

Motiva al personal que lo utilizará

Administra el sistema desde dentro

Mantén un comité administrativo del sistema para dudas o sugerencias

Con la implementación del sistema CRM, la compañía deberá de ser capaz de anticiparse a los deseos del cliente. El sistema debe ser un medio de obtener información sin llegar al grado de acosar al cliente.

La velocidad de respuesta debe de ser alta, ya que el usuario no va a esperar eternamente, además de ofrecer varias opciones para que éste pueda establecer contacto con la empresa. Un "one stop call" y servicio de 24 horas sería lo ideal para el usuario

Finalmente el verdadero significado de CRM para la empresa es: incrementar ventas, incrementar ganancias, incrementar márgenes, incrementar la satisfacción del cliente y reducir los costos de ventas y de marketing.

SOA - Arquitectura orientada a servicios

La 'Arquitectura Orientada a Servicios' (en inglés Service Oriented Architecture), es un paradigma de arquitectura para diseñar y desarrollar sistemas distribuidos. Las soluciones SOA han sido creadas para satisfacer los objetivos de negocio las cuales incluyen facilidad y flexibilidad de integración con sistemas legados, alineación directa a los procesos de negocio reduciendo costos de implementación, innovación de servicios a clientes y una adaptación ágil ante cambios incluyendo reacción temprana ante la competitividad. ¹
Permite la creación de sistemas de información altamente escalables que reflejan el negocio de la organización, a su vez brinda una forma bien definida de exposición e invocación de servicios (comúnmente pero no exclusivamente servicios web), lo cual facilita la interacción entre diferentes sistemas propios o de terceros.
SOA define las siguientes capas de software:

Aplicaciones básicas - Sistemas desarrollados bajo cualquier arquitectura o tecnología, geográficamente dispersos y bajo cualquier figura de propiedad;
De exposición de funcionalidades - Donde las funcionalidades de la capa aplicativa son expuestas en forma de servicios (generalmente como servicios web);
De integración de servicios - Facilitan el intercambio de datos entre elementos de la capa aplicativa orientada a procesos empresariales internos o en colaboración;
De composición de procesos - Que define el proceso en términos del negocio y sus necesidades, y que varía en función del negocio;
De entrega - donde los servicios son desplegados a los usuarios finales.

Diseño y desarrollo de SOA

SOA proporciona una metodología y un marco de trabajo para documentar las capacidades de negocio y puede dar soporte a las actividades de integración y consolidación.
La metodología de modelado y diseño para aplicaciones SOA se conoce como análisis y diseño orientado a servicios. La arquitectura orientada a servicios es tanto un marco de trabajo para el desarrollo de software como un marco de trabajo de implementación. Para que un proyecto SOA tenga éxito los desarrolladores de software deben orientarse ellos mismos a esta mentalidad de crear servicios comunes que son orquestados por clientes o middleware para implementar los procesos de negocio. El desarrollo de sistemas usando SOA requiere un compromiso con este modelo en términos de planificación, herramientas e infraestructura.
Cuando la mayoría de la gente habla de una arquitectura orientada a servicios están hablando de un juego de servicios residentes en Internet o en una intranet, usando servicios web. Existen diversos estándares relacionados a los servicios web. Incluyen los siguientes:

Biblioteca de Infraestructura de Tecnologías de Información

¿Qué es ITIL®?

Desarrollada a finales de 1980, la Biblioteca de Infraestructura de Tecnologías de la Información (ITIL®) se ha convertido en el estándar mundial de de facto en la Gestión de Servicios Informáticos. Iniciado como una guía para el gobierno de UK, la estructura base ha demostrado ser útil para las organizaciones en todos los sectores a través de su adopción por innumerables compañías como base para consulta, educación y soporte de herramientas de software. Hoy, ITIL® es conocido y utilizado mundialmente. Pertenece a la , pero es de libre utilización.

ITIL® fue desarrollada al reconocer que las organizaciones dependen cada vez más de la Informática para alcanzar sus objetivos corporativos. Esta dependencia en aumento ha dado como resultado una necesidad creciente de servicios informáticos de calidad que se correspondan con los objetivos del negocio, y que satisfagan los requisitos y las expectativas del cliente. A través de los años, el énfasis pasó de estar sobre el desarrollo de las aplicaciones TI a la gestión de servicios TI. La aplicación TI (a veces nombrada como un sistema de información) sólo contribuye a realizar los objetivos corporativos si el sistema está a disposición de los usuarios y, en caso de fallos o modificaciones necesarias, es soportado por los procesos de mantenimiento y operaciones.
A lo largo de todo el ciclo de los productos TI, la fase de operaciones alcanza cerca del 70-80% del total del tiempo y del coste, y el resto se invierte en el desarrollo del producto (u obtención). De esta manera, los procesos eficaces y eficientes de la Gestión de Servicios TI se convierten en esenciales para el éxito de los departamentos de TI. Esto se aplica a cualquier tipo de organización, grande o pequeña, pública o privada, con servicios TI centralizados o descentralizados, con servicios TI internos o suministrados por terceros. En todos los casos, el servicio debe ser fiable, consistente, de alta calidad, y de coste aceptable.
ITIL® fue producido originalmente a finales de 1980 y constaba de 10 libros centrales cubriendo las dos principales áreas de Soporte del Servicio y Prestación del Servicio. Estos libros centrales fueron más tarde soportados por 30 libros complementarios que cubrían una numerosa variedad de temas, desde el cableado hasta la gestión de la continuidad del negocio. A partir del año 2000, se acometió una revisión de la biblioteca. En esta revisión, ITIL® ha sido reestructurado para hacer más simple el acceder a la información necesaria para administrar sus servicios. Los libros centrales se han agrupado en dos, cubriendo las áreas de Soporte del Servicio y Prestación del Servicio, en aras de eliminar la duplicidad y mejorar la navegación. El material ha sido también actualizado y revisado para un enfoque conciso y claro.

ERP - Planificación de Recursos Empresariales

¿Qué es ERP?

Un ERP es una solución que permite a las compañías centralizar e integrar los procesos y captura de información de áreas como finanzas, ventas, compras, distribución y logística, planeación y producción, gestión de proyectos y recursos humanos, de tal manera en que automatizan las actividades asociadas a aspectos operativos y productivos, para que las organizaciones operen de manera óptima bajo un sistema estandarizado y cuenten con información confiable.

Necesidad de un ERP en su empresa

Cuando las organizaciones se encuentran en crecimiento, la información de las diferentes áreas que la integran ya no se puede administrar en archivos aislados, ya que los datos cada vez son más y requiere más tiempo verificar que cuadre la información y tenerla en el momento oportuno. Es por esto, que se vuelve indispensable contar con una solución que les permita gestionar de manera eficiente su información, de tal forma en que puedan organizar sus datos de forma estandarizada, integrar la información de las diferentes áreas y compartirla, reducir tiempos y optimizar los recursos, incluyendo cada una de las actividades que se realizan dentro de la organización.

Los sistemas ERP, permiten controlar los diferentes procesos de la compañía, al automatizarlos en punto de inicio del siguiente, es decir cuando un cliente realiza un pedido, se genera una orden de compra, producto, cobro y todos los movimientos contables necesarios. Si una empresa no cuenta con un ERP, todos los procesos se realizan de manera independiente en mayor tiempo, generando duplicidad de información, errores de captura y por tanto mayores esfuerzos en cuanto calidad. Con un ERP simplemente se captura el pedido y en el sistema se carga en todo el proceso, por lo que la información no se manipula y se consulta de forma automática.

Beneficios de un ERP

Optimizar, estandarizar y agilizar los procesos de negocio.
Facilitar el acceso a toda la información de la compañía de forma confiable, precisa y oportuna, a través de la integración de datos.
Optimizar la comunicación y compartir información entre diferentes áreas de la organización.
Eliminar operaciones y procesos innecesarios.
Reducir costos al contar con una visibilidad en línea de lo que sucede en el negocio.
Incrementar la asertividad, al eliminar la improvisación por falta de información.

Tecnologias Emergentes I