INGENIERIA WEB Definicin La ingeniera web es la aplicacin de metodologas sistemticas, disciplinadas y cuantificables al desarrollo eficiente, operacin y evolucin de aplicaciones

de alta calidad en la World Wide Web. La ingeniera web se debe al crecimiento desenfrenado que est teniendo la Web est ocasionando un impacto en la sociedad y el nuevo manejo que se le est dando a la informacin en las diferentes reas en que se presenta ha hecho que las personas tiendan a realizar todas sus actividades por esta va. Desde que esto empez a suceder el Internet se volvi ms que una diversin y empez a ser tomado ms en serio, ya que el aumento de publicaciones y de informaciones hizo que la Web se volviera como un desafo para los (Ingeniera del software) ingenieros del software, a raz de esto se crearon enfoques disciplinados, sistemticos y metodologas donde tuvieron en cuenta aspectos especficos de este nuevo medio. Para garantizar el buen funcionamiento y mantenimiento de los sitios web, este debe contar con ciertos atributos y caractersticas que en conjunto forman un concepto muy importante, para alcanzar el xito en cualquier organizacin, herramienta, y todo aquello que se pueda considerar como servicio. Dicho concepto es la calidad, que con atributos como, usabilidad, navegabilidad, seguridad, mantenibilidad, entre otros, hace posible por un lado la eficiencia del artefacto web y por ende la satisfaccin del usuario final. Pero para tener artefactos de calidad, a esa misma se le debe planificar, programar y controlar, es decir la calidad no podr ser agregada a un artefacto web o a cualquier otro producto, al final del proceso de desarrollo, si no que se deber implementar durante todo el ciclo de vida del desarrollo. Para finalizar el resultado de un proceso de calidad, podra arrojar recomendaciones para introducir mejoras, y la decisin final podra consistir en lanzar una nueva versin del sitio web o en modificar algunos atributos ausentes o pobremente diseados. Cabe destacar que la ingeniera de la web hace una diferencia entre un sitio web y un aplicativo, ya que la ingeniera de la web no se dedica a la construccin de sitios web si no a la construccin de aplicativos web, la principal caracterstica que los distingue (aplicativos de sitios web) es que los sitios web son sitios en la web en donde se publica contenido generalmente esttico o un muy bajo nivel de interactividad con el usuario, mientras que los aplicativos son lugares con alto contenido de interactividad y funcionalidades que bien podran ser de un software convencional, el aplicativo web ms sencillo seria uno que contenga formularios y subiendo de nivel encontramos los que realizas conexin con bases de datos remotas, y administradores de contenidos entre otras.

Entonces la ingeniera de la Web es la aplicacin de metodologas sistemticas, disciplinadas y cuantificables al desarrollo eficiente, operacin y evolucin de aplicaciones de alta calidad en la World Wide Web. En este sentido, la ingeniera de la Web hace referencia a las metodologas, tcnicas y herramientas que se utilizan en el desarrollo de aplicaciones Web complejas y de gran dimensin en las que se apoya la evaluacin, diseo, desarrollo, implementacin y evolucin de dichas aplicaciones. Tipos Sitio web esttico Slo esttico que se enfoca en la organizacin de la estructura y el contenido, en la forma como se va a presentar la informacin y que sea fcil de manejar para cualquier usuario, pero debe tener en cuenta la eficiencia y la confiabilidad. Sitio esttico con formularios de entrada este sitio tiene las mismas caractersticas que el anterior, adicionndole que el le permite a los usuarios la interaccin por medio de cuestionarios, comentario y sugerencias. Sitio web dinmico Sitio con acceso de datos dinmicos aqu, adems de las caractersticas antes mencionadas, cuenta con bases de datos en las cuales el usuario puede realizar consultas y bsquedas. Sitio creado dinmicamente en este sitio los requerimientos son parecidos pero deben suplir con las necesidades de cada usuario; creando sitios dinmicos que sean compatibles con el entorno de navegacin de cada usuario. Aplicacin de software basada en la Web este sitio puede tener todas las caractersticas antes mencionadas, pero logrando un parecido con una implementacin cliente/servidor comnmente conocido que a un sitio web esttico. Web dinmica vs esttica Una de las divisiones que podemos realizar entre todos los tipos de pginas Web existentes podra ser entre estticas y dinmicas. Una pgina Web esttica presenta las siguientes caractersticas: Ausencia de movimiento y funcionalidades. Absoluta opacidad a los deseos o bsquedas del visitante a la pgina. Realizadas en XHTML o HTML. Para cambiar los contenidos de la pgina, es imprescindible acceder al servidor donde est alojada la pgina.

 El usuario no tiene ninguna posibilidad de seleccionar, ordenar o modificar los contenidos o el diseo de la pgina a su gusto. El proceso de actualizacin es lento, tedioso y esencialmente manual. No se pueden utilizar funcionalidades tales como bases de datos, foros, etc. Por el contrario, una pgina Web dinmica tiene las siguientes caractersticas: Gran nmero de posibilidades en su diseo y desarrollo. El visitante puede alterar el diseo, contenidos o presentacin de la pgina a su gusto. En su realizacin se utilizan diversos lenguajes y tcnicas de programacin. El proceso de actualizacin es sumamente sencillo, sin necesidad de entrar en el servidor. Permite un gran nmero de funcionalidades tales como bases de datos, foros, contenido dinmico, etc. Pueden realizarse ntegramente con software de libre distribucin. Existe una amplia comunidad de programadores que brinda apoyo desinteresado. Cuenta con un gran nmero de soluciones prediseadas de libre disposicin. En definitiva, el concepto de pgina Web dinmica se ha impuesto en el mundo del diseo y de la empresa en Internet. Pginas como Yahoo!, Google, Amazon, etc. son excelentes ejemplos de pginas Web dinmicas que permiten interactuar con el visitante y le ofrecen posibilidades realmente sorprendente: carritos de compra, posibilidad de incluir sus propias crticas en libros y discos, buscar en base a criterios determinados, participar en discusin... Con el pasar del tiempo y la constante evolucin tecnolgica que atraviesa nuestro mundo circundante hemos podido observar la necesidad y la utilidad de la red de redes; Internet para mejorar de cierta manera nuestras condiciones de vida y as fortalecer ms nuestro proceso de formacin educativa y contribuir con un mejoramiento del global de las necesidades de cada quien observemos que un proyecto que comenz meramente con fines militares para no centralizar los datos, ha tenido un crecimiento significativo hoy en da el mundo se mueve con la web, ayudando a pequeas, medianas y grandes empresas as como todo entidad educativa. Tengamos en cuenta que empresas mueven sus negocios por medio de la internet y que hasta polticas como el CRM para el manejo de clientes, son muy importantes para las empresas como por ejemplo, Dell, surgen polticas para el mantener los clientes y tenerlos en contactos va Web, mediante Internet se cuidada de cierta manera la imagen de una empresa, por ejemplo mediante el marketing a travs de Internet permite reforzar el servicio, haciendo ms fuerte la relacin entre la marca y el cliente. Caractersticas Por su apertura

Estructuras abiertas, cerradas y semicerradas: Estructura abierta: Todos los documentos disponen de su direccin y los usuarios pueden acceder a cualquier punto del WebSite. Estructura cerrada: Limita el acceso a unos pocos puntos de entrada (incluso a uno slo). Un ejemplo sera un sitio que requiere un registro previo para entrar, el usuario siempre tendra que pasar primero por el registro antes de poder acceder al resto de la pgina. Estructura semicerrada: A medio camino entre ambas, obliga a los usuarios a acceder por unos puntos especficos, como por ejemplo slo la pgina principal y las pginas de entrada a las secciones ms importantes. Por su profundidad Basada en el nmero de enlaces que hay que pulsar para llegar al contenido. En general los usuarios prefieren sitios poco profundos. Una buena regla a seguir es que el usuario no tenga que pulsar ms de 3 enlaces para encontrar lo que busca. Por sus objetivos Comerciales: Estn creados para promocionar los negocios de una empresa. Su finalidad es econmica. Su audiencia puede estar formada por clientes (actuales y potenciales), inversores (actuales y potenciales), empleados (actuales y potenciales) e incluso la competencia y los medios de comunicacin. Podemos a su vez dividirlas en Corporativas (Informan sobre la empresa) y Promocionales (promocionan productos). Informativos: Su finalidad principal es distribuir informacin. La audiencia de este tipo de sitios depende del tipo de informacin que distribuyen. Ocio: Aunque normalmente son sitios con una finalidad econmica, son un caso especial. No son sitios fciles de crear ni de mantener y a veces siguen reglas propias; puesto que a veces es ms importante sorprender al usuario con innovaciones que mantener la consistencia y la estructura. Navegacin: Su finalidad es ayudar al usuario a encontrar lo que busca en Internet. Dentro de este grupo se sitan los llamados portales, que intentan abarcar prcticamente todo dentro del propio sitio. Artsticos: Son un medio de expresin artstica de su creador o creadores. Este tipo de sitios suele saltarse todas las convenciones y las nicas normas a aplicar son las que el propio artista o artistas deseen.

Personales: Al igual que los anteriores, son un medio de expresin de su creador o creadores. Sus objetivos y su audiencia pueden ser de lo ms variopinto. Dentro de este grupo puede haber de todo desde colecciones de fotos de la familia hasta tratados cientficos de primer orden. Diseo web Un buen contenido El contenido depender directamente de la temtica del Web. La gran mayora de los usuarios que acuden a un sitio Web lo hacen en busca de informacin. Da igual cmo se presente dicha informacin (texto, imgenes, vdeo, audio) pero un Web debe aportar contenido. Es importante tener en cuenta que WWW es un medio de comunicacin distinto a los que hasta ahora conocamos (televisin, radio, prensa, etc.); el navegante pasa de pgina en pgina Web a ritmo de clic de ratn, y generalmente pasa poco tiempo en una misma pgina. Por lo tanto no se debe abusar de la informacin textual, ya que son muy pocos los visitantes que se leen completamente una pgina Web. Siempre se ha dicho que una imagen vale ms que mil palabras, y aunque una pgina Web no es un programa de televisin, las imgenes siempre son importantes. Un buen Diseo No es necesario ser un gran diseador para crear pginas Web con un mnimo de sensibilidad grfica. A veces, un diseo simple se agradece mucho ms que una Web inundada de "gifs" en movimiento. El utilizar una tipografa determinada, unos colores adecuados, iconos, fotos, etc. puede convertir la experiencia de visitar un Web en algo mucho ms agradable. Es importante en el aspecto del diseo de un Web la estructuracin del mismo. Facilitar la navegacin mediante mens, iconos, mapas y otros elementos puede evitar que ms de un visitante se pierda dentro de un Web. En el caso de crear un Web excesivamente grande y complejo resulta de ayuda para el visitante la inclusin de mapas (esquemas con enlaces de hipertexto que representan todo el Web) para no perderse. Las imgenes en el diseo La velocidad de acceso al Web est siempre muy reida con el diseo. Es frecuente el caso en que, para embellecer un Web se utilicen muchas imgenes (en formatos gif o jpeg) de gran tamao. Esto obliga a los usuarios con conexiones lentas a sufrir largas esperas hasta que la informacin se presente en pantalla, y eso es un riesgo porque ms de dos saltarn a cualquier otra direccin Internet antes de perder su tiempo. La velocidad de la Web tambin depender en gran medida de lo saturadas que estn las lneas de acceso a nuestro centro proveedor de presencia en Internet (en resumen, el

servidor donde se aloja el Web). Sin embargo este es un problema que se escapa del mbito del diseo. Elementos Interactivos La interactividad es fundamental para el xito de un Web. Se debe evitar la sensacin "lectura de peridico" que puede causar en un visitante un Web pasivo y lineal. Adems la interactividad puede beneficiar a quien publica el Web ya que a travs de formularios podr conocer mejor los perfiles de quienes pasan por las pginas. Podemos calificarlos como aspectos filosficos a tener en cuenta en el diseo de un Web. Etapas de Desarrollo de un proyecto de sitio Web El desarrollo de un proyecto de sitio Web puede dividirse en tres etapas principales: Prediseo, Diseo, Instalacin y prueba. El punto de vista desde el cual se analiza el proceso de diseo no es desde la interrelacin usuario-tecnologa, sino como interaccin humana, mediatizada por la tecnologa. Es decir, entender a la Web como medio de comunicacin entre personas. Esto nos debe ayudar a pensar permanentemente en "el otro", la persona invisible y desconocida para quien hacemos la pgina Web. De todas las palabras que utilizamos al hablar de Internet, la que ms deben tener en cuenta los diseadores es la que designa al acto de instalar un sitio, pensar en el pblico, pensar en cmo piensa el pblico. 1. Prediseo A la etapa de Prediseo o conceptualizacin podemos dividirla en cinco componentes. Ellos son: objetivos, pblico, contenidos, estructura y visualizacin. Estos interactan entre s y se condicionan mutuamente. Objetivos Este es uno de los elementos ms importantes, que determina a los otros. Hay que responder a la pregunta: para qu se pblica este sitio?; qu quiero que suceda raz de mi publicacin en la Web?. Las respuestas deben ser del tipo como por ejemplo: quiero que los clientes puedan

actualizar la lista de precios, en forma sencilla, que acceda al catlogo electrnico de productos y puedan hacer sus pedidos automticamente, contribuir acerca de la necesidad de conservar las especies en peligro de extensin, etc. Estar en Internet no es una respuesta vlida. En la elaboracin del objetivo (si existe ms de uno, hay que listarlos a todos y jerarquizar) conviene que participen todas las personas que tienen que ver o estn interesadas en el xito del proyecto. En este momento habra que validar si las aspiraciones expresadas en los objetivos son compatibles con el funcionamiento de Internet. Por ejemplo, si bien es posible vender libros, discos, pizzas o corbatas a travs de Internet, posiblemente no funcione con calzado, que necesita ser fsicamente probado. Pblico Al hablar de pblico no nos referimos a cualquier persona que recorriendo la red llegue a nuestra pgina, sino a aquella parte de la poblacin a la que pretendemos alcanzar e influir con el mensaje. Esto est estrechamente vinculado con los objetivos establecidos y la naturaleza del sitio que nos proponemos. Necesitamos construir un identikit de nuestro pblico, tratando de definir, en general sus intereses, inclinaciones, gustos, preferencias, etc., y en particular, como usuarios de Internet. Tenemos que dar una respuesta lo ms concreta y especficamente posible a la pregunta "esa gente, qu busca de mi pgina?". Porque la Web debera dar respuesta a esa pregunta. Todo lo que sepamos y supongamos sobre el pblico-target (el que nos interesa) servir, adems, para establecer parte de los criterios de diseo de contenidos, lenguajes, esttica. Contenidos Se debe listar la informacin que se desea incluir en la Web. Esta informacin debe ser significativa, y til para el pblico. Teniendo en cuenta lo que a ellos les interesa, no lo que a nosotros nos gustara que nos interese. En el caso de que existan otras formas de acceso a informacin disponible para esas mismas personas, el contenido de la Web deber ser superador de esos otros materiales. Es decir que si los clientes de una firma reciben un folleto en el que se describen los servicios que se prestan, el sitio Web al que accedern luego no puede repetir simplemente lo que all se dice. Informacin, no textos redundantes sobre la importancia de esa informacin.

El lenguaje utilizado para brindar la informacin en Internet debe ser sobrio, conciso, concreto. No funciona bien el lenguaje insinuante y ambiguo que puede ser perfecto para avisos grficos o folletera. Todo lo que se hace contribuye a formar la imagen que tiene el pblico de la empresa, marca, producto, institucin o servicio. La Web no es una excepcin y cualquier sentimiento de frustracin que experimente el usuario no se canalizar hacia el o los autores del sitio Web, sino hacia la imagen que mencionamos. Estructura La organizacin de la informacin es un tema clave para asegurar un buen funcionamiento de un sitio. El primer elemento organizador son las pginas. Conviene incluir en cada una de ellas una unidad de informacin autnoma, completa. En el caso de que el volumen sea excesivo para ello, dividir esa unidad de informacin en subunidades ms pequeas, coherentes, completas cada una en s misma. Una unidad de informacin es un tema o un subtema. Las relaciones de las pginas entre s configuran la estructura del sitio. A partir de la pgina principal o home page se vinculan mediante links el resto de las pginas. Esto es bastante sencillo de implementar en lenguaje HTML, pero es ms complicado decidir de qu manera, en qu orden, con qu configuracin se establecer la cadena de vnculos. Ante todo hay que tener en cuenta que la estructura debe responder a los criterios de bsqueda. Hay que hacerse la pregunta acerca de cmo se intentar encontrar esta informacin?. Los criterios " naturales" de clasificacin pueden no ser adecuados. Por ejemplo, es comn que quienes venden repuestos acomoden los mismos por tipo: juntas por aqu, poleas por all, resortes de este lado. El usuario, a su vez, necesita el repuesto para una mquina o artefacto, marca, modelo, funcin del repuesto que busca. Los links y la estructura del sitio tendrn que tener en cuenta estas cuestiones. El otro tema es que los usuarios reconocen las pginas de la Web utilizando como gua palabras clave colocadas en botones, barras de control, grficos mapeados, o utilizadas como marcas de hipertexto; palabras que por su significado indican o sugieren el contenido de pginas a las que derivan. Es sabido que los significados de las palabras no son unvocos, y la ambigedad puede ser un problema. El conocimiento de la cultura y usos lingsticos del pblico nos ser sin duda, de gran utilidad a la hora de elegir las palabras que se titularn nuestros botones o identificarn los links de derivacin a otras pginas del sitio. Hay que tener en cuenta que el usuario no tiene cmo saber la manera en que sigue la

cadena de links ms all de las pginas a las que puede entrar directamente desde el lugar donde se encuentra. Que el usuario no encuentre la informacin buscada despus de recorrer cuatro o cinco pginas encadenadas puede significar que el mismo abandone el sitio o la indeseada sensacin de frustracin que nos interesa evitar. Un tema relacionado a ste es el de los mecanismos de identificacin y de recorrido del sitio. Estos deberan permitir al usuario saber en todo momento el lugar o zona del sitio donde se encuentra, as como desplazarse hacia cualquier otra pgina sin necesidad de recorrer toda la cadena en sentido inverso. Los paneles de control son una buena ayuda. Visualizacin Un sitio Web no es una torta. La grfica (incluida elementos multimedia) de un sitio Web debe ser una herramienta de comunicacin al servicio de los objetivos planteados y condicionados por las pautas culturales (preferencias, gustos) del pblico. Esto significa que tampoco es un espacio de lucimiento del diseador, ni la esttica. Debe adecuarse a los gustos y preferencias de los responsables del sitio. Una vez ms los objetivos trazados y el perfil del pblico deberan ser los instrumentos para tomar las decisiones de diseo grfico y multimedia. Adems de los criterios estticos y comunicacionales del diseo grfico, es importante respetar los criterios tcnicos especfico: 1. Que cada pgina sea fcil de cargar. La velocidad de carga de una pgina est en funcin del estado de las lneas y de la cantidad de informacin que contiene. Sobre el primer parmetro no hay nada que podamos hacer desde el diseo, pero s sobre el segundo: establecer para cada pgina un mximo de bytes y no sobrepasarlo. Realizar los grficos del tamao ms chico posible. Repetir los iconos siempre que sea posible. El browser los leer de la memoria cach a partir de la segunda vez que deba colocarlos en la pgina. Grabar cada grfico en formato GIF y JFG, verificar el tamao de ambos y descartar el mayor. Reducir la cantidad de colores de cada grfico al mnimo indispensable. De todos modos, la mayor parte de los usuarios no pueden visualizar ms de 256. Reflexionar cuidadosamente sobre la utilizacin de recursos de multimedia: agregan

algo realmente a la pgina? 2. Que las pginas sean fciles de leer. Resolver el contraste texto/fondo con valores de luminosidad y no slo decolor. Eliminar el color del monitor, si tiene esa posibilidad, o imprimir la pgina en un lser monocroma para verificar esto. Tener cuidado con las texturas del fondo: no deben tener un dibujo excesivamente ntido que perjudique la lectura. Tampoco es conveniente que sean motivos muy contrastados (contornos claros y oscuros), ya que se vern mal tanto los textos oscuros como los claros. En el caso de utilizar texturas fuertes, agrandar los suficiente el tamao de la tipografa. El tamao de la tipografa debe ser adecuado para ser ledo sin dificultad aun en computadoras seteadas con altas resoluciones de pantalla. Es importante jerarquizar los ttulos, subttulos, manteniendo la coherencia de los estilos en todo el sitio. Para eso es una buena ayuda escribir una pequea norma que establezca el tamao relativo de la tipografa para cada categora de ttulos, y subttulos, as como si stos van centrados, alineados, con bullets, etc. 3. Establecer guas visuales que permitan saber que cada pgina pertenece al mismo sitio. La coherencia visual ayuda en ese sentido. Un sitio en el que cada pgina tiene un fondo diferente, varan los iconos y cambian otros componentes de la composicin visual, desconcierta al usuario, que no sabe si est en el mismo sitio o si el ltimo link lo llev al otro extremo del mundo. 2. Diseo Cuando hablamos sobre diseo de pginas Web, realmente nos referimos al HTML o Hyper-text Markup Language. El lenguaje HTML consiste en una serie de comandos que le indican al programa navegador de WWW cmo darle formato al texto que contienen los archivos. En la actualidad no hace falta ser un experto en HTML debido a que los procesadores de texto existentes se encargan de hacer el trabajo, agregando el cdigo automticamente, a lo que queremos mostrar. Los servicios de diseo de pginas Web cubren un rango que va desde convertir archivos de texto a formato HTML, hasta desarrollar extensos conjuntos de pginas cargadas de ilustraciones e hipervnculos relacionados entre s. Podra drsele un enfoque especial a su pgina para algn programa navegador especfico, pero siempre debe asegurarse de que las pginas sean vistas por el mayor nmero de plataformas posibles.

La tarea de diseo de pginas Web convoca por lo menos tres especialidades diferentes: comunicacin (humana), programacin (HTML, CGI, Java), diseo grfico y multimedia. Ninguna de estas especialidades tiene en s misma todos los recursos para llevar a cabo proyectos de Web exitosos. En los proyectos de sitios Web no participan slo los especialistas contratados o designados para ello. Las empresa o institucin que origina la demanda tiene diversos grados de responsabilidad y compromiso con la publicacin del sitio. 3. Instalacin y Pruebas En esta etapa nos encargamos de la puesta en marcha, correcciones y ajustes finales. Se debe hacer que todo funcione. Debemos hacer la prueba de todos los enlaces o links, corroborar el correcto funcionamiento de todos los elementos de multimedia y del funcionamiento de formularios, e-mail, buscadores, etc. La transferencia de archivos a la Web, se realiza a travs de FTP (File Transfer Protocol), generalmente, se necesita un nombre de usuario y una clave de acceso. Navegabilidad Una vez que el usuario est conectado a Internet, tiene que instalar un programa capaz de acceder a pginas Web y de llevarte de unas a otras siguiendo los enlaces. El programa que se usa para leer los documentos de hipertexto se llama "navegador", el "browser", "visualizador" o "cliente" y cuando seguimos un enlace decimos que estamos navegando por el Web. As, no hay ms que buscar la informacin o la pgina deseada y comenzar a navegar por las diferentes posibilidades que ofrece el sistema. Navegar es como llaman los usuarios de la red a moverse de pgina en pgina por todo el mundo sin salir de su casa. Mediante los Navegadores modernos podemos, acceder a hojas de clculo, base de datos, vdeo, sonido y todas las posibilidades ms avanzadas. Pero el diseo de pginas debe mantener un equilibrio entre utilizar todas las capacidades y la posibilidad de ser ledas por cualquier tipo de Navegador. El visualizador nos presentar perfectamente cualquier pgina ".txt" generada por

cualquier editor, y los links entre documentos slo requieren un simple y sencillo comando. Y aun as podremos conseguir el tipo y tamao de letra y colores de texto y fondo que queramos, simplemente configurando el visualizador. Navegadores que se utilizan Los ms conocidos son el Internet Explorer de Microsoft, Firefox de Mozilla, Google Chrome de Google. Tienen capacidades diferentes y es importante cuando se crea una pgina Web, adems de un buen diseo, tener en cuenta la compatibilidad, es decir, programar pginas de modo que las acepte cualquier Navegador.

Conectndose a Internet, con un visualizador adems de ver documentos HTML se puede recibir y enviar correo electrnico, recibir y enviar NEWS (noticias), visitar los servidores GOPHER (servidores de ficheros), y acceder a servidores FTP (ms servidores de ficheros) tanto en entrada como en salida, todo ello con el mismo programa. Tambin, como no, se pueden imprimir los documentos visualizados. Casi todos suelen ser " WYSIWYG". Sistemas de Bsqueda En la Web no existe un directorio centralizado. Para acceder a una pgina directamente se debe conocer la direccin exacta donde se encuentra. Pero lo ms habitual no es conocer esa direccin exacta, sino tener una idea del tema en el que se est interesado y sobre el que se necesite informacin. Existen empresas como Yahoo, Altavista, Ol, Oz, etc., que han creado diferentes Sistemas de Bqueda, para evitar la navegacin a la deriva. Estas consisten en un tipo de pginas Web donde se puede escribir una palabra o una breve referencia que defina la bsqueda que se quiere realizar. El sistema consulta sus datos y te muestra enlaces con las pginas Web que contienen la referencia escogida. Existen diferentes buscadores y cada uno de ellos ha creado su propio directorio. Unos son ms completos, otros ms organizados, otros son ms exigentes y selectivos en su informacin, cada uno tiene caractersticas propias, pero todos ellos ayudan a mantener el rumbo. Qu puede contener una Pgina Web? Hemos mencionado el tipo de informacin que puede contener una pgina Web: texto, imagen, sonido, vdeo, e incluso, mundos 3D y animacin. El usuario no se limita a buscar y encontrar la informacin de un modo pasivo, sin intervenir. La mayor innovacin de las pginas Web se traduce en una sola palabra:

Interactividad. Una pgina Web puede contener elementos que permiten una comunicacin activa entre el usuario e informacin, la pgina responder a sus acciones. Por ejemplo: Formularios: a travs de los cuales la empresa podr disponer de un modo de solicitud de informacin, un buzn de sugerencias o posibilidad de realizar subscripciones o pedidos Accede y manejar bases de datos de todo tipo: Consultar por ejemplo, una lista de todos los fondos de inversin en Espaa. Participar en los juegos ms diversos. Echar una partida de Bingo o participar en un divertido juego de bsqueda por el ciberespacio. Sistemas de Bsquedas: Encontrar las pginas que contienen informacin que se necesita en los principales buscadores espaoles o localizar una empresa en las pginas amarillas electrnicas. Qu puede hacer una empresa a travs de una pgina web? Proveer a clientes la informacin acerca de sus productos y servicios, y actualizarla a medida que se van desarrollando nuevos aspectos de ellos. Esto es mucho ms sencillo y econmico que hacer llamadas telefnicas, imprimir nuevos catlogos o hacer publicaciones de prensa cada vez que lo requiera. Evaluar a sus clientes actuales y desarrollar nuevas oportunidades de negocio. Mediante encuestas publicadas dentro de su pgina Web, puede obtener una respuesta de sus clientes actuales, y as conocer y abordar mejor sus inquietudes y sugerencias respecto al servicio que estn recibiendo de su empresa. Igualmente, puede mostrar nuevos productos e ideas y conseguir la opinin de los visitantes de su pgina, que son a la vez sus clientes potenciales. De esta manera, puede crear una base de datos de clientes (actuales y potenciales) para luego enviarle nuevas informaciones a travs de correos electrnicos con costos irrisorios. Otorgar informacin detallada y especfica acerca de sus productos (manuales de instruccin) y de los procesos de comercializacin (adquisicin y compra) de los mismos. Si su pblico desea saber ms sobre la empresa, la pgina Web es el mejor vehculo para hacerle llegar esa informacin. Dominio Un dominio o nombre de dominio es el nombre que identifica un sitio web. Cada dominio tiene que ser nico en Internet. Por ejemplo, "www.masadelante.com" es el nombre de dominio de la pgina web de Masadelante. Un solo servidor web puede servir mltiples pginas web de mltiples dominios, pero un dominio slo puede apuntar a un servidor.

Un dominio se compone normalmente de tres partes: en www.masadelante.com, las tres uves dobles (www), el nombre de la organizacin (masadelante) y el tipo de organizacin (com). Los tipos de organizacin ms comunes son .COM, .NET, .MIL, y .ORG, que se refieren a comercial, network, militar, y organizacin (originalmente sin nimo de lucro, aunque ahora cualquier persona puede registrar un dominio .org). Puesto que Internet se basa en direcciones IP, y no en nombres de dominio, cada servidor web requiere de un servidor de nombres de dominio (DNS) para traducir los nombres de los dominios a direcciones IP. Cada dominio tiene un servidor de nombre de dominio primario y otro secundario. url URL es el acrnimo de (Uniform Resource Locator), localizador uniforme de recursos y permite localizar o acceder de forma sencilla cualquier recurso de la red desde el navegador de la WWW. Con la WWW se pretende unificar el acceso a informacin de servicios que antes eran incompatibles entre s, tratando de conseguir que todos los servicios de internet sean accesibles a travs de la WWW, de esta forma desde un mismo programa se puede tener acceso a todos los recursos de una forma uniforme y permite que los documentos HTML incluyan enlaces a otras fuentes de informacin en servicios como FTP, gopher, WAIS, etc ... Uso y Formato Las URL se utilizarn para definir el documento de destino de los hiperenlaces, para referenciar los grficos y cualquier otro fichero que se desee incluir dentro de un documento HTML. Cada elemento de internet tendr una URL que lo defina, ya se encuentre en un servidor de la WWW, FTP, gopher o las News. El formato de una URL ser: servicio://maquina.dominio:puerto/camino/fichero Aplicaciones web En la ingeniera de software se denomina aplicacin web a aquellas aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a travs de Internet o de una intranet mediante un navegador. En otras palabras, es una aplicacin software que se codifica en un lenguaje soportado por los navegadores web (HTML, JavaScript, Java, asp.net,php, etc.) en la que se confa la ejecucin al navegador.

Las aplicaciones web son populares debido a lo prctico del navegador web como cliente ligero, as como a la facilidad para actualizar y mantener aplicaciones web sin distribuir e instalar software a miles de usuarios potenciales. Existen aplicaciones como los webmails, wikis, weblogs, tiendas en lnea y la propia Wikipedia que son ejemplos bien conocidos de aplicaciones web. Es importante mencionar que una pgina Web puede contener elementos que permiten una comunicacin activa entre el usuario y la informacin. Esto permite que el usuario acceda a los datos de modo interactivo, gracias a que la pgina responder a cada una de sus acciones, como por ejemplo rellenar y enviar formularios, participar en juegos diversos y acceder a gestores de base de datos de todo tipo. Antecedentes En los primeros tiempos de la computacin cliente-servidor, cada aplicacin tena su propio programa cliente que serva como interfaz de usuario que tena que ser instalado por separado en cada ordenador personal de cada usuario. El cliente realizaba peticiones a otro programa -el servidor- que le daba respuesta. Una mejora en el servidor, como parte de la aplicacin, requera normalmente una mejora de los clientes instalados en cada ordenador personal, aadiendo un coste de soporte tcnico y disminuyendo la productividad. A diferencia de lo anterior, las aplicaciones web generan dinmicamente una serie de pginas en un formato estndar, como HTML o XHTML, que soportan por los navegadores web comunes. Se utilizan lenguajes interpretados en el lado del cliente, tales como JavaScript, para aadir elementos dinmicos a la interfaz de usuario. Generalmente cada pgina web en particular se enva al cliente como un documento esttico, pero la secuencia de pginas ofrece al usuario una experiencia interactiva. Durante la sesin, el navegador web interpreta y muestra en pantalla las pginas, actuando como cliente para cualquier aplicacin web. La Web 2.0 La Web 2.0 es la representacin de la evolucin de las aplicaciones tradicionales hacia aplicaciones web enfocadas al usuario final. El Web 2.0 es una actitud y no precisamente una tecnologa. La Web 2.0 es la transicin que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a travs del web enfocado al usuario final. Se trata de aplicaciones que generen colaboracin y de servicios que reemplacen las aplicaciones de escritorio. Es una etapa que ha definido nuevos proyectos en Internet y est preocupndose por

brindar mejores soluciones para el usuario final. Muchos aseguran que hemos reinventado lo que era el Internet, otros hablan de burbujas e inversiones, pero la realidad es que la evolucin natural del medio realmente ha propuesto cosas ms interesantes como lo analizamos diariamente en las notas de Actualidad. Y es que cuando el web inici, nos encontrbamos en un entorno esttico, con pginas en HTML que sufran pocas actualizaciones y no tenan interaccin con el usuario. Pero para entender de donde viene el trmino de Web 2.0 tenemos que remontarnos al momento en que Dale Dougherty de OReilly Media utiliz este trmino en una conferencia en la que comparti una lluvia de ideas junto a Craig Cline de MediaLive. En dicho evento se hablaba del renacimiento y evolucin de la web. Constantemente estaban surgiendo nuevas aplicaciones y sitios con sorprendentes funcionalidades. Y as se dio la pauta para la Web 2.0 conference que arranca en el 2004 y hoy en da se realiza anualmente en San Francisco, con eventos adicionales utilizando la marca en otros pases. En la charla inicial del Web Conference se habl de los principios que tenan las aplicaciones Web 2.0: La web es la plataforma La informacin es lo que mueve al Internet Efectos de la red movidos por una arquitectura de participacin. La innovacin surge de caractersticas distribuidas por desarrolladores independientes. El fin del crculo de adopcin de software pues tenemos servicios en beta perpetuo La Web 2.0 con ejemplos Entender la evolucin que ha llegado con la Web 2.0 puede realizarse con ejemplos, con proyectos. Podemos comparar servicios web que marcan claramente la evolucin hacia el Web 2.0 con una nueva forma de hacer las cosas: Web 1.0 > Web 2.0 Doubleclick > Google AdSense (Servicios Publicidad) Ofoto > Flickr (Comunidades fotogrficas) Akamai > BitTorrent (Distribucin de contenidos) mp3.com > Napster (Descargas de msica) Britannica Online > Wikipedia (Enciclopedias)

 Sitios personales > Blogs (Pginas personales) Especulacin con dominios > Optimizacin en motores de bsqueda SEO Pginas vistas > Costo por click CMSs > Wikis (Administradores de contenidos) Categoras/Directorios > Tags Qu tecnologas apoyan a la Web 2.0? El Web 2.0 no significa precisamente que existe una receta para que todas nuestras aplicaciones web entren en este esquema. Sin embargo, existen varias tecnologas que estn utilizndose actualmente y que deberamos de examinar con ms cuidado en busca de seguir evolucionando junto al web. Tecnologas que dan vida a un proyecto Web 2.0: Transformar software de escritorio hacia la plataforma del web. Respeto a los estndares como el XHTML. Separacin de contenido del diseo con uso de hojas de estilo. Sindicacin de contenidos. Ajax (javascript ascincrnico y xml). Uso de Flash, Flex o Lazlo. Uso de Ruby on Rails para programar pginas dinmicas. Utilizacin de redes sociales al manejar usuarios y comunidades. Dar control total a los usuarios en el manejo de su informacin. Proveer APis o XML para que las aplicaciones puedan ser manipuladas por otros. Facilitar el posicionamiento con URL sencillos. En qu nos sirve la Web 2.0? El uso del trmino de Web 2.0 est de moda, dndole mucho peso a una tendencia que ha estado presente desde hace algn tiempo. En Internet las especulaciones han sido causantes de grandes burbujas tecnolgicas y han hecho fracasar a muchos proyectos. Adems, nuestros proyectos tienen que renovarse y evolucionar. El Web 2.0 no es precisamente una tecnologa, sino es la actitud con la que debemos trabajar para desarrollar en Internet. Tal vez all est la reflexin ms importante del Web 2.0. Yo ya estoy trabajando en renovar y mejorar algunos proyectos, no por que busque etiquetarlos con nuevas versiones, sino por que creo firmemente que la nica constante debe ser el cambio, y en Internet, el cambio debe de estar presente ms frecuentemente.

Web semntica Qu es la Web Semntica? Nadie mejor que Tim Berners-Lee, el creador de la World Wide Web, para dar respuesta a este interrogante. La denominacin de Web Semntica se remonta al ao 2001, cuando present en Scientific American el ya famoso caso de Lucy. Sin embargo, en una entrevista publicada por BusinessWeek, en abril de este ao, seala que quizs debera haberla llamado Web de los datos, dado que la palabra semntica es utilizada para significar diferentes cosas. En qu consiste la Web de los datos y para qu puede ser utilizada? Bsicamente, la idea se refiere a una web capaz de interpretar e interconectar un nmero mayor de datos, lo que permitira un avance importante en el campo del conocimiento. En tal sentido, Berners-Lee destaca lo que esta transformacin traera aparejada en el campo de la investigacin gentica y el tratamiento farmacolgico de enfermedades hasta ahora incurables. Diseada correctamente, la Web Semntica puede asistir a la evolucin del conocimiento humano en su totalidad. El futuro de la Web actual En una entrevista realizada por Andrew Updegrove y publicada en el Consortium Standards Bulletin el padre del web considera que la Web Semntica es ms una evolucin que una revolucin de la Web actual. En dicha oportunidad, se mostr satisfecho con la recepcin que la misma haba tenido en el rea de las ciencias de la vida y el cuidado de la salud y agreg que, a diferencia de la Web de los documentos (Web 1.0), que tuvo un crecimiento exponencial muy rgido, esta nueva etapa depende, en gran medida, de las pequeas comunidades que han comprendido el paradigma y de la atencin que le ha merecido a la prensa. Cundo y cmo este modelo podr ser implementado? En un artculo publicado en la edicin online de ERCIM, en octubre de 2002, Tim BernersBerners-Lee y Eric Molinero anticipaban que la Web alcanzara su capacidad mxima cuando se convirtiese en un ambiente donde los datos pudiesen ser compartidos y procesados por las herramientas automatizadas, as como por la gente. Esto se lograra a partir de la definicin de estndares: los identificadores uniformes de recurso (URIs), base de la web semntica, el Extensible Markup Language (XML)

fundamento sintctico de la misma y el marco de la descripcin del recurso (RDF). En febrero de 2004, el World Wide Web Consortium (W3C) public las recomendaciones para el RDF y el Ontology Web Language (OWL), Este ltimo describe la funcin y relacin de cada uno de los componentes de la Web Semntica. Puede especificar clases, propiedades y estados de algo. Estos estndares que constituyen la base sintctica de la web semntica, ya estn siendo adoptados por algunas empresas en sus ltimos proyectos. Cules son las dificultades para su generalizacin? En cuanto a las crticas y resistencias que el modelo semntico ofrece, Berners-Lee conviene en que la sintaxis RDF/XML, empleada por ste, no es muy fcil de leer. Sin embargo, acota, esto no debera ser una complicacin ya que al tratarse de sistemas de escritura de datos, la codificacin semntica podr ser totalmente automatizada. Cabe sealar que al igual que con la adopcin de la Web 2.0, el desarrollo e implementacin de la Web 3.0, ser en gran parte una cuestin de actitud. Lenguaje de programacin Web Lenguaje HTML Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es un lenguaje esttico para el desarrollo de sitios web (acrnimo en ingls de HyperText Markup Language, en espaol Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener las extensiones (htm, html). Sintaxis: (Inicio del documento HTML) ( Cabecera ) ( Cuerpo ) Negrita Definir parrafo Apertura de la etiqueta Cierre de la etiqueta Ventajas:

 Sencillo que permite describir hipertexto. Texto presentado de forma estructurada y agradable. No necesita de grandes conocimientos cuando se cuenta con un editor de pginas web o WYSIWYG. Archivos pequeos. Despliegue rpido. Lenguaje de fcil aprendizaje. Lo admiten todos los exploradores. Desventajas: Lenguaje esttico. La interpretacin de cada navegador puede ser diferente. Guarda muchas etiquetas que pueden convertirse en basura y dificultan la correccin. El diseo es ms lento. Las etiquetas son muy limitadas. Lenguaje Javascript Este es un lenguaje interpretado, no requiere compilacin. Fue creado por Brendan Eich en la empresa Netscape Communications. Utilizado principalmente en pginas web. Es similar a Java, aunque no es un lenguaje orientado a objetos, el mismo no dispone de herencias. La mayora de los navegadores en sus ltimas versiones interpretan cdigo Javascript. El cdigo Javascript puede ser integrado dentro de nuestras pginas web. Para evitar incompatibilidades el World Wide Web Consortium (W3C) diseo un estndar denominado DOM (en ingls Document Object Model, en su traduccin al espaol Modelo de Objetos del Documento). Sintaxis: ... Ventajas: Lenguaje de scripting seguro y fiable. Los script tienen capacidades limitadas, por razones de seguridad. El cdigo Javascript se ejecuta en el cliente. Desventajas: Cdigo visible por cualquier usuario.

 El cdigo debe descargarse completamente. Puede poner en riesgo la seguridad del sitio, con el actual problema llamado XSS (significa en ingls Cross Site Scripting renombrado a XSS por su similitud con las hojas de estilo CSS). Lenguaje PHP Es un lenguaje de programacin utilizado para la creacin de sitio web. PHP es un acrnimo recursivo que significa PHP Hypertext Pre-processor, (inicialmente se llam Personal Home Page). Surgi en 1995, desarrollado por PHP Group. PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la generacin de pginas web dinmicas, embebidas en pginas HTML y ejecutadas en el servidor. PHP no necesita ser compilado para ejecutarse. Para su funcionamiento necesita tener instalado Apache o IIS con las libreras de PHP. La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con algunas caractersticas especficas. Los archivos cuentan con la extensin (php). Sintaxis: La sintaxis utilizada para incorporar cdigo PHP es la siguiente: Tambin puede usarse: Ventajas: Muy fcil de aprender. Se caracteriza por ser un lenguaje muy rpido. Soporta en cierta medida la orientacin a objeto. Clases y herencia. Es un lenguaje multiplataforma: Linux, Windows, entre otros. Capacidad de conexin con la mayora de los manejadores de base de datos: MysSQL, PostgreSQL, Oracle, MS SQL Server, entre otras. Capacidad de expandir su potencial utilizando mdulos. Posee documentacin en su pgina oficial la cual incluye descripcin y ejemplos de cada una de sus funciones. Es libre, por lo que se presenta como una alternativa de fcil acceso para todos. Incluye gran cantidad de funciones. No requiere definicin de tipos de variables ni manejo detallado del bajo nivel. Desventajas: Se necesita instalar un servidor web. Todo el trabajo lo realiza el servidor y no delega al cliente. Por tanto puede ser ms ineficiente a medida que las solicitudes aumenten de nmero.

 La legibilidad del cdigo puede verse afectada al mezclar sentencias HTML y PHP. La programacin orientada a objetos es an muy deficiente para aplicaciones grandes. Dificulta la modularizacin. Dificulta la organizacin por capas de la aplicacin. Seguridad: PHP es un poderoso lenguaje e intrprete, ya sea incluido como parte de un servidor web en forma de mdulo o ejecutado como un binario CGI separado, es capaz de acceder a archivos, ejecutar comandos y abrir conexiones de red en el servidor. Estas propiedades hacen que cualquier cosa que sea ejecutada en un servidor web sea insegura por naturaleza. PHP est diseado especficamente para ser un lenguaje ms seguro para escribir programas CGI que Perl o C, y con la seleccin correcta de opciones de configuracin en tiempos de compilacin y ejecucin, y siguiendo algunas prcticas correctas de programacin. Lenguaje ASP.NET Este es un lenguaje comercializado por Microsoft, y usado por programadores para desarrollar entre otras funciones, sitios web. ASP.NET es el sucesor de la tecnologa ASP, fue lanzada al mercado mediante una estrategia de mercado denominada .NET. El ASP.NET fue desarrollado para resolver las limitantes que brindaba tu antecesor ASP. Creado para desarrollar web sencillas o grandes aplicaciones. Para el desarrollo de ASP.NET se puede utilizar C#, VB.NET o J#. Los archivos cuentan con la extensin (aspx). Para su funcionamiento de las pginas se necesita tener instalado IIS con el Framework .Net. Microsft Windows 2003 incluye este framework, solo se necesitar instalarlo en versiones anteriores. Ventajas: Completamente orientado a objetos. Controles de usuario y personalizados. Divisin entre la capa de aplicacin o diseo y el cdigo. Facilita el mantenimiento de grandes aplicaciones. Incremento de velocidad de respuesta del servidor. Mayor velocidad. Mayor seguridad. Desventajas: Mayor consumo de recursos.

Lenguaje JSP Es un lenguaje para la creacin de sitios web dinmicos, acrnimo de Java Server Pages. Est orientado a desarrollar pginas web en Java. JSP es un lenguaje multiplataforma. Creado para ejecutarse del lado del servidor. JSP fue desarrollado por Sun Microsystems. Comparte ventajas similares a las de ASP.NET, desarrollado para la creacin de aplicaciones web potentes. Posee un motor de pginas basado en los servlets de Java. Para su funcionamiento se necesita tener instalado un servidor Tomcat. Sintaxis: Caractersticas: Cdigo separado de la lgica del programa. Las pginas son compiladas en la primera peticin. Permite separar la parte dinmica de la esttica en las pginas web. Los archivos se encuentran con la extensin (jsp). El cdigo JSP puede ser incrustado en cdigo HTML. Elementos de JSP Los elementos que pueden ser insertados en las pginas JSP son los siguientes: Cdigo: se puede incrustar cdigo Java. Directivas: permite controlar parmetros del servlet. Acciones: permite alterar el flujo normal de ejecucin de una pgina. Ventajas: Ejecucin rpida del servlets. Crear pginas del lado del servidor. Multiplataforma. Cdigo bien estructurado. Integridad con los mdulos de Java. La parte dinmica est escrita en Java. Permite la utilizacin se servlets. Desventajas: Complejidad de aprendizaje.