Está en la página 1de 23

INGENIERIA WEB Definición La ingeniería web es la aplicación de metodologías sistemáticas, disciplinadas y cuantificables al desarrollo eficiente, operación y evolución de aplicaciones

de alta calidad en la World Wide Web. La ingeniería 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 información en las diferentes áreas en que se presenta ha hecho que las personas tiendan a realizar todas sus actividades por esta vía. Desde que esto empezó a suceder el Internet se volvió más que una diversión y empezó a ser tomado más en serio, ya que el aumento de publicaciones y de informaciones hizo que la Web se volviera como un desafío para los (Ingeniería del software) ingenieros del software, a raíz de esto se crearon enfoques disciplinados, sistemáticos y metodologías donde tuvieron en cuenta aspectos específicos de este nuevo medio. Para garantizar el buen funcionamiento y mantenimiento de los sitios web, este debe contar con ciertos atributos y características que en conjunto forman un concepto muy importante, para alcanzar el éxito en cualquier organización, 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 satisfacción 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, podría arrojar recomendaciones para introducir mejoras, y la decisión final podría consistir en lanzar una nueva versión del sitio web o en modificar algunos atributos ausentes o pobremente diseñados. Cabe destacar que la ingeniería de la web hace una diferencia entre un sitio web y un aplicativo, ya que la ingeniería de la web no se dedica a la construcción de sitios web si no a la construcción de aplicativos web, la principal característica que los distingue (aplicativos de sitios web) es que los sitios web son sitios en la web en donde se publica contenido generalmente estático 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 podrían ser de un software convencional, el aplicativo web más sencillo seria uno que contenga formularios y subiendo de nivel encontramos los que realizas conexión con bases de datos remotas, y administradores de contenidos entre otras.

Entonces la ingeniería de la Web es la aplicación de metodologías sistemáticas, disciplinadas y cuantificables al desarrollo eficiente, operación y evolución de aplicaciones de alta calidad en la World Wide Web. En este sentido, la ingeniería de la Web hace referencia a las metodologías, técnicas y herramientas que se utilizan en el desarrollo de aplicaciones Web complejas y de gran dimensión en las que se apoya la evaluación, diseño, desarrollo, implementación y evolución de dichas aplicaciones. Tipos Sitio web estático • Sólo estático que se enfoca en la organización de la estructura y el contenido, en la forma como se va a presentar la información y que sea fácil de manejar para cualquier usuario, pero debe tener en cuenta la eficiencia y la confiabilidad. • Sitio estático con formularios de entrada este sitio tiene las mismas características que el anterior, adicionándole que el le permite a los usuarios la interacción por medio de cuestionarios, comentario y sugerencias. Sitio web dinámico • Sitio con acceso de datos dinámicos aquí, además de las características antes mencionadas, cuenta con bases de datos en las cuales el usuario puede realizar consultas y búsquedas. • Sitio creado dinámicamente en este sitio los requerimientos son parecidos pero deben suplir con las necesidades de cada usuario; creando sitios dinámicos que sean compatibles con el entorno de navegación de cada usuario. • Aplicación de software basada en la Web este sitio puede tener todas las características antes mencionadas, pero logrando un parecido con una implementación cliente/servidor comúnmente conocido que a un sitio web estático. Web dinámica vs estática Una de las divisiones que podemos realizar entre todos los tipos de páginas Web existentes podría ser entre estáticas y dinámicas. Una página Web estática presenta las siguientes características: • Ausencia de movimiento y funcionalidades. • Absoluta opacidad a los deseos o búsquedas del visitante a la página. • Realizadas en XHTML o HTML. • Para cambiar los contenidos de la página, es imprescindible acceder al servidor donde está alojada la página.

Internet para mejorar de cierta manera nuestras condiciones de vida y así fortalecer más nuestro proceso de formación 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. buscar en base a criterios determinados. • Permite un gran número de funcionalidades tales como bases de datos. haciendo más fuerte la relación entre la marca y el cliente. ordenar o modificar los contenidos o el diseño de la página a su gusto.. Páginas como Yahoo!. • Pueden realizarse íntegramente con software de libre distribución. medianas y grandes empresas así como todo entidad educativa. etc. • No se pueden utilizar funcionalidades tales como bases de datos. mediante Internet se cuidada de cierta manera la imagen de una empresa. Dell. Amazon. son muy importantes para las empresas como por ejemplo.• El usuario no tiene ninguna posibilidad de seleccionar. • Cuenta con un gran número de soluciones prediseñadas de libre disposición. Con el pasar del tiempo y la constante evolución tecnológica que atraviesa nuestro mundo circundante hemos podido observar la necesidad y la utilidad de la red de redes. • Existe una amplia comunidad de programadores que brinda apoyo desinteresado. surgen políticas para el mantener los clientes y tenerlos en contactos vía Web. • En su realización se utilizan diversos lenguajes y técnicas de programación. Tengamos en cuenta que empresas mueven sus negocios por medio de la internet y que hasta políticas como el CRM para el manejo de clientes. • El proceso de actualización es lento. contenidos o presentación de la página a su gusto. posibilidad de incluir sus propias críticas en libros y discos.. En definitiva. Google. el concepto de página Web dinámica se ha impuesto en el mundo del diseño y de la empresa en Internet. etc. • El proceso de actualización es sumamente sencillo. tedioso y esencialmente manual. ha tenido un crecimiento significativo hoy en día el mundo se mueve con la web. foros. Características Por su apertura . foros. una página Web dinámica tiene las siguientes características: • Gran número de posibilidades en su diseño y desarrollo. participar en discusión. contenido dinámico. por ejemplo mediante el marketing a través de Internet permite reforzar el servicio. sin necesidad de entrar en el servidor. ayudando a pequeñas. • El visitante puede alterar el diseño. Por el contrario. etc.… son excelentes ejemplos de páginas Web dinámicas que permiten interactuar con el visitante y le ofrecen posibilidades realmente sorprendente: carritos de compra.

empleados (actuales y potenciales) e incluso la competencia y los medios de comunicación. cerradas y semicerradas: Estructura abierta: Todos los documentos disponen de su dirección y los usuarios pueden acceder a cualquier punto del WebSite. En general los usuarios prefieren sitios poco profundos. Por su profundidad Basada en el número de enlaces que hay que pulsar para llegar al contenido. Ocio: Aunque normalmente son sitios con una finalidad económica. Su finalidad es económica. Por sus objetivos Comerciales: Están creados para promocionar los negocios de una empresa. Estructura cerrada: Limita el acceso a unos pocos puntos de entrada (incluso a uno sólo). Este tipo de sitios suele saltarse todas las convenciones y las únicas normas a aplicar son las que el propio artista o artistas deseen. Artísticos: Son un medio de expresión artística de su creador o creadores. el usuario siempre tendría que pasar primero por el registro antes de poder acceder al resto de la página. Informativos: Su finalidad principal es distribuir información. Su audiencia puede estar formada por clientes (actuales y potenciales). inversores (actuales y potenciales). puesto que a veces es más importante sorprender al usuario con innovaciones que mantener la consistencia y la estructura. como por ejemplo sólo la página principal y las páginas de entrada a las secciones más importantes. . Una buena regla a seguir es que el usuario no tenga que pulsar más de 3 enlaces para encontrar lo que busca. que intentan abarcar prácticamente todo dentro del propio sitio. La audiencia de este tipo de sitios depende del tipo de información que distribuyen. Un ejemplo sería un sitio que requiere un registro previo para entrar. No son sitios fáciles de crear ni de mantener y a veces siguen reglas propias.Estructuras abiertas. Estructura semicerrada: A medio camino entre ambas. obliga a los usuarios a acceder por unos puntos específicos. Dentro de este grupo se sitúan los llamados portales. Navegación: Su finalidad es ayudar al usuario a encontrar lo que busca en Internet. Podemos a su vez dividirlas en Corporativas (Informan sobre la empresa) y Promocionales (promocionan productos). son un caso especial.

iconos. para embellecer un Web se utilicen muchas imágenes (en formatos gif o jpeg) de gran tamaño. Es frecuente el caso en que. En el caso de crear un Web excesivamente grande y complejo resulta de ayuda para el visitante la inclusión de mapas (esquemas con enlaces de hipertexto que representan todo el Web) para no perderse. imágenes. etc. La velocidad de la Web también dependerá en gran medida de lo saturadas que estén las líneas de acceso a nuestro centro proveedor de presencia en Internet (en resumen. Da igual cómo se presente dicha información (texto. vídeo.). fotos. etc. iconos. el navegante pasa de página en página Web a ritmo de clic de ratón. un diseño simple se agradece mucho más que una Web inundada de "gifs" en movimiento. audio) pero un Web debe aportar contenido. ya que son muy pocos los visitantes que se leen completamente una página Web. El utilizar una tipografía determinada. y generalmente pasa poco tiempo en una misma página. Siempre se ha dicho que una imagen vale más que mil palabras. son un medio de expresión de su creador o creadores. Sus objetivos y su audiencia pueden ser de lo más variopinto. Esto obliga a los usuarios con conexiones lentas a sufrir largas esperas hasta que la información se presente en pantalla. Facilitar la navegación mediante menús. Un buen Diseño No es necesario ser un gran diseñador para crear páginas Web con un mínimo de sensibilidad gráfica. Por lo tanto no se debe abusar de la información textual. Es importante tener en cuenta que WWW es un medio de comunicación distinto a los que hasta ahora conocíamos (televisión. Dentro de este grupo puede haber de todo desde colecciones de fotos de la familia hasta tratados científicos de primer orden. el . A veces. prensa. Diseño web Un buen contenido El contenido dependerá directamente de la temática del Web. mapas y otros elementos puede evitar que más de un visitante se pierda dentro de un Web.Personales: Al igual que los anteriores. Las imágenes en el diseño La velocidad de acceso al Web está siempre muy reñida con el diseño. La gran mayoría de los usuarios que acuden a un sitio Web lo hacen en busca de información. las imágenes siempre son importantes. Es importante en el aspecto del diseño de un Web la estructuración del mismo. radio. puede convertir la experiencia de visitar un Web en algo mucho más agradable. y eso es un riesgo porque más de dos saltarán a cualquier otra dirección Internet antes de perder su tiempo. y aunque una página Web no es un programa de televisión. unos colores adecuados.

Las respuestas deben ser del tipo como por ejemplo: quiero que los clientes puedan . Diseño. estructura y visualización. 1. ¿qué quiero que suceda raíz de mi publicación en la Web?. Esto nos debe ayudar a pensar permanentemente en "el otro". sino como interacción humana. Sin embargo este es un problema que se escapa del ámbito del diseño. contenidos. Prediseño A la etapa de Prediseño o conceptualización podemos dividirla en cinco componentes. pensar en el público. entender a la Web como medio de comunicación entre personas. pensar en cómo piensa el público. la persona invisible y desconocida para quien hacemos la página Web.servidor donde se aloja el Web). Es decir. que determina a los otros. Hay que responder a la pregunta: ¿para qué se pública este sitio?. De todas las palabras que utilizamos al hablar de Internet. mediatizada por la tecnología. El punto de vista desde el cual se analiza el proceso de diseño no es desde la interrelación usuario-tecnología. Podemos calificarlos como aspectos filosóficos a tener en cuenta en el diseño de un Web. Estos interactúan entre sí y se condicionan mutuamente. Se debe evitar la sensación "lectura de periódico" que puede causar en un visitante un Web pasivo y lineal. Instalación y prueba. la que más deben tener en cuenta los diseñadores es la que designa al acto de instalar un sitio. Etapas de Desarrollo de un proyecto de sitio Web El desarrollo de un proyecto de sitio Web puede dividirse en tres etapas principales: Prediseño. Además la interactividad puede beneficiar a quien publica el Web ya que a través de formularios podrá conocer mejor los perfiles de quienes pasan por las páginas. Objetivos Este es uno de los elementos más importantes. público. Ellos son: objetivos. Elementos Interactivos La interactividad es fundamental para el éxito de un Web.

En la elaboración del objetivo (si existe más de uno. Público Al hablar de público no nos referimos a cualquier persona que recorriendo la red llegue a nuestra página. que acceda al catálogo electrónico de productos y puedan hacer sus pedidos automáticamente. inclinaciones. no lo que a nosotros nos gustaría que nos interese. Estar en Internet no es una respuesta válida. Contenidos Se debe listar la información que se desea incluir en la Web. Esta información debe ser significativa. discos. contribuir acerca de la necesidad de conservar las especies en peligro de extensión. hay que listarlos a todos y jerarquizar) conviene que participen todas las personas que tienen que ver o están interesadas en el éxito del proyecto. estética. Es decir que si los clientes de una firma reciben un folleto en el que se describen los servicios que se prestan. no textos redundantes sobre la importancia de esa información. además. Necesitamos construir un identikit de nuestro público. tratando de definir. preferencias. Todo lo que sepamos y supongamos sobre el público-target (el que nos interesa) servirá. para establecer parte de los criterios de diseño de contenidos. en forma sencilla. en general sus intereses. En el caso de que existan otras formas de acceso a información disponible para esas mismas personas. En este momento habría que validar si las aspiraciones expresadas en los objetivos son compatibles con el funcionamiento de Internet. Información. el contenido de la Web deberá ser superador de esos otros materiales. el sitio Web al que accederán luego no puede repetir simplemente lo que allí se dice. etc. ¿qué busca de mi página?". que necesita ser físicamente probado. sino a aquella parte de la población a la que pretendemos alcanzar e influir con el mensaje. posiblemente no funcione con calzado. y útil para el público. Por ejemplo. lenguajes. pizzas o corbatas a través de Internet. etc. Esto está estrechamente vinculado con los objetivos establecidos y la naturaleza del sitio que nos proponemos. Tenemos que dar una respuesta lo más concreta y específicamente posible a la pregunta "esa gente.actualizar la lista de precios. y en particular. gustos. . Porque la Web debería dar respuesta a esa pregunta. como usuarios de Internet. si bien es posible vender libros. Teniendo en cuenta lo que a ellos les interesa..

institución o servicio. con qué configuración se establecerá la cadena de vínculos. pero es más complicado decidir de qué manera. gráficos mapeados. Los links y la estructura del sitio tendrán que tener en cuenta estas cuestiones. necesita el repuesto para una máquina o artefacto. No funciona bien el lenguaje insinuante y ambiguo que puede ser perfecto para avisos gráficos o folletería. modelo. El usuario. El conocimiento de la cultura y usos lingüísticos del público nos será sin duda. producto. palabras que por su significado indican o sugieren el contenido de páginas a las que derivan. y la ambigüedad puede ser un problema. es común que quienes venden repuestos acomoden los mismos por tipo: juntas por aquí. sino hacia la imagen que mencionamos. Los criterios " naturales" de clasificación pueden no ser adecuados. conciso. completas cada una en sí misma. dividir esa unidad de información en subunidades más pequeñas. Hay que hacerse la pregunta acerca de ¿cómo se intentará encontrar esta información?. resortes de este lado. barras de control. Ante todo hay que tener en cuenta que la estructura debe responder a los criterios de búsqueda. marca. Hay que tener en cuenta que el usuario no tiene cómo saber la manera en que sigue la . concreto. Una unidad de información es un tema o un subtema. En el caso de que el volumen sea excesivo para ello. coherentes.El lenguaje utilizado para brindar la información en Internet debe ser sobrio. La Web no es una excepción y cualquier sentimiento de frustración que experimente el usuario no se canalizará hacia el o los autores del sitio Web. Esto es bastante sencillo de implementar en lenguaje HTML. Por ejemplo. Conviene incluir en cada una de ellas una unidad de información autónoma. Estructura La organización de la información es un tema clave para asegurar un buen funcionamiento de un sitio. A partir de la página principal o home page se vinculan mediante links el resto de las páginas. o utilizadas como marcas de hipertexto. de gran utilidad a la hora de elegir las palabras que se titularán nuestros botones o identificarán los links de derivación a otras páginas del sitio. Todo lo que se hace contribuye a formar la imagen que tiene el público de la empresa. en qué orden. El otro tema es que los usuarios reconocen las páginas de la Web utilizando como guía palabras clave colocadas en botones. marca. función del repuesto que busca. Las relaciones de las páginas entre sí configuran la estructura del sitio. El primer elemento organizador son las páginas. a su vez. completa. poleas por allí. Es sabido que los significados de las palabras no son unívocos.

De todos modos. Sobre el primer parámetro no hay nada que podamos hacer desde el diseño. • La velocidad de carga de una página está en función del estado de las líneas y de la cantidad de información que contiene. El browser los leerá de la memoria caché a partir de la segunda vez que deba colocarlos en la página. Además de los criterios estéticos y comunicacionales del diseño gráfico. • Repetir los iconos siempre que sea posible. Que cada página sea fácil de cargar. Debe adecuarse a los gustos y preferencias de los responsables del sitio. la mayor parte de los usuarios no pueden visualizar más de 256. Una vez más los objetivos trazados y el perfil del público deberían ser los instrumentos para tomar las decisiones de diseño gráfico y multimedia. La gráfica (incluida elementos multimedia) de un sitio Web debe ser una herramienta de comunicación al servicio de los objetivos planteados y condicionados por las pautas culturales (preferencias. Esto significa que tampoco es un espacio de lucimiento del diseñador. Que el usuario no encuentre la información buscada después de recorrer cuatro o cinco páginas encadenadas puede significar que el mismo abandone el sitio o la indeseada sensación de frustración que nos interesa evitar. • Grabar cada gráfico en formato GIF y JFG. • Reducir la cantidad de colores de cada gráfico al mínimo indispensable. es importante respetar los criterios técnicos específico: 1. Un tema relacionado a éste es el de los mecanismos de identificación y de recorrido del sitio. • Realizar los gráficos del tamaño más chico posible. así como desplazarse hacia cualquier otra página sin necesidad de recorrer toda la cadena en sentido inverso. gustos) del público. Visualización Un sitio Web no es una torta.cadena de links más allá de las páginas a las que puede entrar directamente desde el lugar donde se encuentra. Estos deberían permitir al usuario saber en todo momento el lugar o zona del sitio donde se encuentra. verificar el tamaño de ambos y descartar el mayor. • Reflexionar cuidadosamente sobre la utilización de recursos de multimedia: ¿agregan . pero sí sobre el segundo: establecer para cada página un máximo de bytes y no sobrepasarlo. Los paneles de control son una buena ayuda. ni la estética.

Podría dársele un enfoque especial a su página para algún programa navegador específico. pero siempre debe asegurarse de que las páginas sean vistas por el mayor número de plataformas posibles. • El tamaño de la tipografía debe ser adecuado para ser leído sin dificultad aun en computadoras seteadas con altas resoluciones de pantalla. ya que se verán mal tanto los textos oscuros como los claros. subtítulos. • Resolver el contraste texto/fondo con valores de luminosidad y no sólo decolor. así como si éstos van centrados. hasta desarrollar extensos conjuntos de páginas cargadas de ilustraciones e hipervínculos relacionados entre sí. y subtítulos. Establecer guías visuales que permitan saber que cada página pertenece al mismo sitio. varían los iconos y cambian otros componentes de la composición visual. Tampoco es conveniente que sean motivos muy contrastados (contornos claros y oscuros). que no sabe si está en el mismo sitio o si el último link lo llevó al otro extremo del mundo. manteniendo la coherencia de los estilos en todo el sitio. . realmente nos referimos al HTML o Hyper-text Markup Language. • Es importante jerarquizar los títulos. 2. alineados. En el caso de utilizar texturas fuertes. El lenguaje HTML consiste en una serie de comandos que le indican al programa navegador de WWW cómo darle formato al texto que contienen los archivos. Un sitio en el que cada página tiene un fondo diferente. 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. Eliminar el color del monitor. agrandar los suficiente el tamaño de la tipografía. Diseño Cuando hablamos sobre diseño de páginas Web. si tiene esa posibilidad. Para eso es una buena ayuda escribir una pequeña norma que establezca el tamaño relativo de la tipografía para cada categoría de títulos. etc. o imprimir la página en un láser monocroma para verificar esto. La coherencia visual ayuda en ese sentido. Los servicios de diseño de páginas Web cubren un rango que va desde convertir archivos de texto a formato HTML.algo realmente a la página? 2. agregando el código automáticamente. • Tener cuidado con las texturas del fondo: no deben tener un dibujo excesivamente nítido que perjudique la lectura. desconcierta al usuario. a lo que queremos mostrar. 3. Que las páginas sean fáciles de leer. con bullets.

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

Existen diferentes buscadores y cada uno de ellos ha creado su propio directorio. sonido. Navegadores que se utilizan Los más conocidos son el Internet Explorer de Microsoft. La mayor innovación de las páginas Web se traduce en una sola palabra: . El usuario no se limita a buscar y encontrar la información de un modo pasivo. otros más organizados. programar páginas de modo que las acepte cualquier Navegador. otros son más exigentes y selectivos en su información. Unos son más completos. e incluso.. imagen. con un visualizador además de ver documentos HTML se puede recibir y enviar correo electrónico. Y aun así podremos conseguir el tipo y tamaño de letra y colores de texto y fondo que queramos. Existen empresas como Yahoo. cada uno tiene características propias. Firefox de Mozilla. mundos 3D y animación. visitar los servidores GOPHER (servidores de ficheros). Tienen capacidades diferentes y es importante cuando se crea una página Web. para evitar la navegación a la deriva. además de un buen diseño. Olé. recibir y enviar NEWS (noticias). simplemente configurando el visualizador. sin intervenir. También. como no. Pero lo más habitual no es conocer esa dirección exacta. Altavista. se pueden imprimir los documentos visualizados. ¿Qué puede contener una Página Web? Hemos mencionado el tipo de información que puede contener una página Web: texto. pero todos ellos ayudan a mantener el rumbo. y los links entre documentos sólo requieren un simple y sencillo comando. Casi todos suelen ser " WYSIWYG". es decir.cualquier editor. Conectándose a Internet. Sistemas de Búsqueda En la Web no existe un directorio centralizado. etc. todo ello con el mismo programa. Estas consisten en un tipo de páginas Web donde se puede escribir una palabra o una breve referencia que defina la búsqueda que se quiere realizar. El sistema consulta sus datos y te muestra enlaces con las páginas Web que contienen la referencia escogida. vídeo. que han creado diferentes Sistemas de Búqueda. Ozú. Para acceder a una página directamente se debe conocer la dirección exacta donde se encuentra. y acceder a servidores FTP (más servidores de ficheros) tanto en entrada como en salida. Google Chrome de Google. sino tener una idea del tema en el que se está interesado y sobre el que se necesite información. tener en cuenta la compatibilidad.

Si su público desea saber más sobre la empresa. . Mediante encuestas publicadas dentro de su página Web. • Participar en los juegos más diversos. la página Web es el mejor vehículo para hacerle llegar esa información. pero un dominio sólo puede apuntar a un servidor.com" es el nombre de dominio de la página web de Masadelante. Dominio Un dominio o nombre de dominio es el nombre que identifica un sitio web. Igualmente.masadelante.Interactividad. Un solo servidor web puede servir múltiples páginas web de múltiples dominios. puede obtener una respuesta de sus clientes actuales. ¿Qué puede hacer una empresa a través de una página web? • Proveer a clientes la información acerca de sus productos y servicios. una lista de todos los fondos de inversión en España. Cada dominio tiene que ser único en Internet. Una página Web puede contener elementos que permiten una comunicación activa entre el usuario e información. y así conocer y abordar mejor sus inquietudes y sugerencias respecto al servicio que están recibiendo de su empresa. Por ejemplo: • Formularios: a través de los cuales la empresa podrá disponer de un modo de solicitud de información. • Sistemas de Búsquedas: Encontrar las páginas que contienen información que se necesita en los principales buscadores españoles o localizar una empresa en las páginas amarillas electrónicas. imprimir nuevos catálogos o hacer publicaciones de prensa cada vez que lo requiera. un buzón de sugerencias o posibilidad de realizar subscripciones o pedidos • Accede y manejar bases de datos de todo tipo: Consultar por ejemplo. "www. • Evaluar a sus clientes actuales y desarrollar nuevas oportunidades de negocio. De esta manera. Por ejemplo. puede crear una base de datos de clientes (actuales y potenciales) para luego enviarle nuevas informaciones a través de correos electrónicos con costos irrisorios. Echar una partida de Bingo o participar en un divertido juego de búsqueda por el ciberespacio. • Otorgar información detallada y específica acerca de sus productos (manuales de instrucción) y de los procesos de comercialización (adquisición y compra) de los mismos. y actualizarla a medida que se van desarrollando nuevos aspectos de ellos. la página responderá a sus acciones. puede mostrar nuevos productos e ideas y conseguir la opinión de los visitantes de su página. Esto es mucho más sencillo y económico que hacer llamadas telefónicas. que son a la vez sus clientes potenciales.

Uso y Formato Las URL se utilizarán para definir el documento de destino de los hiperenlaces. . Java. gopher o las News.dominio:puerto/camino/fichero Aplicaciones web En la ingeniería de software se denomina aplicación web a aquellas aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una intranet mediante un navegador.COM.Un dominio se compone normalmente de tres partes: en www. network. WAIS.. ya se encuentre en un servidor de la WWW. gopher. es una aplicación software que se codifica en un lenguaje soportado por los navegadores web (HTML.NET. para referenciar los gráficos y cualquier otro fichero que se desee incluir dentro de un documento HTML.) en la que se confía la ejecución al navegador. Puesto que Internet se basa en direcciones IP. Cada dominio tiene un servidor de nombre de dominio primario y otro secundario. . etc. localizador uniforme de recursos y permite localizar o acceder de forma sencilla cualquier recurso de la red desde el navegador de la WWW. url URL es el acrónimo de (Uniform Resource Locator). aunque ahora cualquier persona puede registrar un dominio . FTP. y organización (originalmente sin ánimo de lucro. Los tipos de organización más comunes son . cada servidor web requiere de un servidor de nombres de dominio (DNS) para traducir los nombres de los dominios a direcciones IP. tratando de conseguir que todos los servicios de internet sean accesibles a través de la WWW.. En otras palabras. .ORG.MIL. las tres uves dobles (www).org).net. asp.masadelante. y .php.com. etc . militar. Cada elemento de internet tendrá una URL que lo defina. El formato de una URL será: servicio://maquina. y no en nombres de dominio. Con la WWW se pretende unificar el acceso a información de servicios que antes eran incompatibles entre sí. que se refieren a comercial. el nombre de la organización (masadelante) y el tipo de organización (com). 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 información en servicios como FTP. JavaScript.

0 es la transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a través del web enfocado al usuario final. Generalmente cada página web en particular se envía al cliente como un documento estático. así como a la facilidad para actualizar y mantener aplicaciones web sin distribuir e instalar software a miles de usuarios potenciales. Durante la sesión. pero la secuencia de páginas ofrece al usuario una experiencia interactiva. A diferencia de lo anterior. wikis. como HTML o XHTML. Es una etapa que ha definido nuevos proyectos en Internet y está preocupándose por . cada aplicación tenía su propio programa cliente que servía como interfaz de usuario que tenía que ser instalado por separado en cada ordenador personal de cada usuario.0 es una actitud y no precisamente una tecnología.que le daba respuesta. Se trata de aplicaciones que generen colaboración y de servicios que reemplacen las aplicaciones de escritorio. Existen aplicaciones como los webmails. tales como JavaScript. weblogs.0 La Web 2. tiendas en línea y la propia Wikipedia que son ejemplos bien conocidos de aplicaciones web. La Web 2. como por ejemplo rellenar y enviar formularios. Esto permite que el usuario acceda a los datos de modo interactivo. El cliente realizaba peticiones a otro programa -el servidor. añadiendo un coste de soporte técnico y disminuyendo la productividad.Las aplicaciones web son populares debido a lo práctico del navegador web como cliente ligero. Se utilizan lenguajes interpretados en el lado del cliente. El Web 2. participar en juegos diversos y acceder a gestores de base de datos de todo tipo. como parte de la aplicación. actuando como cliente para cualquier aplicación web. gracias a que la página responderá a cada una de sus acciones. Antecedentes En los primeros tiempos de la computación cliente-servidor. para añadir elementos dinámicos a la interfaz de usuario. las aplicaciones web generan dinámicamente una serie de páginas en un formato estándar. La Web 2. requería normalmente una mejora de los clientes instalados en cada ordenador personal.0 es la representación de la evolución de las aplicaciones tradicionales hacia aplicaciones web enfocadas al usuario final. Es importante mencionar que una página Web puede contener elementos que permiten una comunicación activa entre el usuario y la información. el navegador web interpreta y muestra en pantalla las páginas. Una mejora en el servidor. que soportan por los navegadores web comunes.

En dicho evento se hablaba del renacimiento y evolución de la web. Muchos aseguran que hemos reinventado lo que era el Internet.0 tenemos que remontarnos al momento en que Dale Dougherty de O’Reilly Media utilizó este término en una conferencia en la que compartió una lluvia de ideas junto a Craig Cline de MediaLive. En la charla inicial del Web Conference se habló de los principios que tenían las aplicaciones Web 2.0 > Web 2.0 conference que arranca en el 2004 y hoy en día se realiza anualmente en San Francisco. • El fin del círculo de adopción de software pues tenemos servicios en beta perpetuo La Web 2. nos encontrábamos en un entorno estático.0 con una nueva forma de hacer las cosas: • Web 1.com –> Napster (Descargas de música) • Britannica Online –> Wikipedia (Enciclopedias) . Podemos comparar servicios web que marcan claramente la evolución hacia el Web 2. pero la realidad es que la evolución natural del medio realmente ha propuesto cosas más interesantes como lo analizamos diariamente en las notas de Actualidad. con proyectos.brindar mejores soluciones para el usuario final. Constantemente estaban surgiendo nuevas aplicaciones y sitios con sorprendentes funcionalidades. con páginas en HTML que sufrían pocas actualizaciones y no tenían interacción con el usuario.0 • Doubleclick –> Google AdSense (Servicios Publicidad) • Ofoto –> Flickr (Comunidades fotográficas) • Akamai –> BitTorrent (Distribución de contenidos) • mp3. Y así se dio la pauta para la Web 2.0 puede realizarse con ejemplos.0 con ejemplos Entender la evolución que ha llegado con la Web 2. Y es que cuando el web inició.0: • La web es la plataforma • La información es lo que mueve al Internet • Efectos de la red movidos por una arquitectura de participación. Pero para entender de donde viene el término de Web 2. otros hablan de burbujas e inversiones. con eventos adicionales utilizando la marca en otros países. • La innovación surge de características distribuidas por desarrolladores independientes.

Flex o Lazlo.0. • Respeto a los estándares como el XHTML. • Utilización de redes sociales al manejar usuarios y comunidades. ¿En qué nos sirve la Web 2. nuestros proyectos tienen que renovarse y evolucionar.0 no significa precisamente que existe una receta para que todas nuestras aplicaciones web entren en este esquema.0? El Web 2. • Proveer APis o XML para que las aplicaciones puedan ser manipuladas por otros. Sin embargo. • Separación de contenido del diseño con uso de hojas de estilo.• Sitios personales –> Blogs (Páginas personales) • Especulación con dominios –> Optimización en motores de búsqueda SEO • Páginas vistas –> Costo por click • CMSs –> Wikis (Administradores de contenidos) • Categorías/Directorios –> Tags ¿Qué tecnologías apoyan a la Web 2. Tal vez allí está la reflexión más importante del Web 2. el cambio debe de estar presente más frecuentemente. dándole mucho peso a una tendencia que ha estado presente desde hace algún tiempo.0 está de moda. sino por que creo firmemente que la única constante debe ser el cambio. . • Dar control total a los usuarios en el manejo de su información. • Ajax (javascript ascincrónico y xml). no por que busque etiquetarlos con nuevas versiones. existen varias tecnologías que están utilizándose actualmente y que deberíamos de examinar con más cuidado en busca de seguir evolucionando junto al web. El Web 2. • Uso de Ruby on Rails para programar páginas dinámicas.0? El uso del término de Web 2. • Uso de Flash. • Facilitar el posicionamiento con URL sencillos. • Sindicación de contenidos. Yo ya estoy trabajando en renovar y mejorar algunos proyectos. sino es la actitud con la que debemos trabajar para desarrollar en Internet. y en Internet. Además. En Internet las especulaciones han sido causantes de grandes burbujas tecnológicas y han hecho fracasar a muchos proyectos. Tecnologías que dan vida a un proyecto Web 2.0: • Transformar software de escritorio hacia la plataforma del web.0 no es precisamente una tecnología.

¿Cuándo y cómo este modelo podrá ser implementado? En un artículo publicado en la edición online de ERCIM. en gran medida. se mostró satisfecho con la recepción que la misma había tenido en el área de las ciencias de la vida y el cuidado de la salud y agregó que. En dicha oportunidad. ¿En qué consiste la Web de los datos y para qué puede ser utilizada? Básicamente. la idea se refiere a una web capaz de interpretar e interconectar un número mayor de datos. Berners-Lee destaca lo que esta transformación traería aparejada en el campo de la investigación genética y el tratamiento farmacológico de enfermedades hasta ahora incurables. En tal sentido. Esto se lograría a partir de la definición de estándares: los identificadores uniformes de recurso (URIs). Tim BernersBerners-Lee y Eric Molinero anticipaban que la Web alcanzaría su capacidad máxima cuando se convirtiese en un ambiente donde los datos pudiesen ser compartidos y procesados por las herramientas automatizadas. a diferencia de la Web de los documentos (Web 1. el creador de la World Wide Web. dado que la palabra semántica es utilizada para significar diferentes cosas. Diseñada correctamente. la Web Semántica puede asistir a la evolución del conocimiento humano en su totalidad. base de la web semántica. en abril de este año. lo que permitiría un avance importante en el campo del conocimiento.0). en octubre de 2002. cuando presentó en Scientific American el ya famoso caso de Lucy. de las pequeñas comunidades que han comprendido el paradigma y de la atención que le ha merecido a la prensa. La denominación de Web Semántica se remonta al año 2001. que tuvo un crecimiento exponencial muy rígido. esta nueva etapa depende. señala que quizás debería haberla llamado Web de los datos. Sin embargo. para dar respuesta a este interrogante. el Extensible Markup Language (XML) . 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 Semántica es más una evolución que una revolución de la Web actual.Web semántica ¿Qué es la Web Semántica? Nadie mejor que Tim Berners-Lee. en una entrevista publicada por BusinessWeek. así como por la gente.

Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language. Puede especificar clases. html). propiedades y estados de algo. el World Wide Web Consortium (W3C) publicó las recomendaciones para el RDF y el Ontology Web Language (OWL).0. será en gran parte una cuestión de actitud. Cabe señalar que al igual que con la adopción de la Web 2. En febrero de 2004. Este último describe la función y relación de cada uno de los componentes de la Web Semántica. esto no debería ser una complicación ya que al tratarse de sistemas de escritura de datos. ¿Cuáles son las dificultades para su generalización? En cuanto a las críticas y resistencias que el modelo semántico ofrece. empleada por éste. el desarrollo e implementación de la Web 3. ya están siendo adoptados por algunas empresas en sus últimos proyectos. Estos estándares que constituyen la base sintáctica de la web semántica. Sintaxis: (Inicio del documento HTML) ( Cabecera ) ( Cuerpo ) Negrita Definir parrafo Apertura de la etiqueta Cierre de la etiqueta Ventajas: . en español Lenguaje de Marcas Hipertextuales). Sin embargo. Desarrollado por el World Wide Web Consortium (W3C). no es muy fácil de leer. la codificación semántica podrá ser totalmente automatizada. Lenguaje de programación Web Lenguaje HTML Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Los archivos pueden tener las extensiones (htm.0.fundamento sintáctico de la misma y el marco de la descripción del recurso (RDF). acota. Berners-Lee conviene en que la sintaxis RDF/XML.

Ventajas: • Lenguaje de scripting seguro y fiable. • El código Javascript se ejecuta en el cliente. • Las etiquetas son muy limitadas. no requiere compilación. • La interpretación de cada navegador puede ser diferente. Utilizado principalmente en páginas web. • Lo admiten todos los exploradores. Desventajas: • Código visible por cualquier usuario. el mismo no dispone de herencias. en su traducción al español Modelo de Objetos del Documento).. • Lenguaje de fácil aprendizaje. • El diseño es más lento. • Despliegue rápido. Sintaxis: . La mayoría de los navegadores en sus últimas versiones interpretan código Javascript.• Sencillo que permite describir hipertexto. • Los script tienen capacidades limitadas. • Texto presentado de forma estructurada y agradable. Desventajas: • Lenguaje estático.. • Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la corrección. • Archivos pequeños. Fue creado por Brendan Eich en la empresa Netscape Communications. aunque no es un lenguaje orientado a objetos. El código Javascript puede ser integrado dentro de nuestras páginas web. Lenguaje Javascript Este es un lenguaje interpretado. Para evitar incompatibilidades el World Wide Web Consortium (W3C) diseño un estándar denominado DOM (en inglés Document Object Model. por razones de seguridad. • No necesita de grandes conocimientos cuando se cuenta con un editor de páginas web o WYSIWYG. . Es similar a Java.

por lo que se presenta como una alternativa de fácil acceso para todos. desarrollado por PHP Group. Windows. • Es un lenguaje multiplataforma: Linux. • Capacidad de conexión con la mayoría de los manejadores de base de datos: MysSQL. Para su funcionamiento necesita tener instalado Apache o IIS con las librerías de PHP. Desventajas: • Se necesita instalar un servidor web. entre otros. embebidas en páginas HTML y ejecutadas en el servidor. Por tanto puede ser más ineficiente a medida que las solicitudes aumenten de número. Los archivos cuentan con la extensión (php). • Soporta en cierta medida la orientación a objeto. • Es libre. entre otras. • Posee documentación en su página oficial la cual incluye descripción y ejemplos de cada una de sus funciones. con el actual problema llamado XSS (significa en inglés Cross Site Scripting renombrado a XSS por su similitud con las hojas de estilo CSS). PHP no necesita ser compilado para ejecutarse. • Puede poner en riesgo la seguridad del sitio. Sintaxis: La sintaxis utilizada para incorporar código PHP es la siguiente: También puede usarse: Ventajas: • Muy fácil de aprender. MS SQL Server. • No requiere definición de tipos de variables ni manejo detallado del bajo nivel. Surgió en 1995. La mayor parte de su sintaxis ha sido tomada de C. Oracle. PHP es un acrónimo recursivo que significa “PHP Hypertext Pre-processor”. PostgreSQL. • Se caracteriza por ser un lenguaje muy rápido. • Todo el trabajo lo realiza el servidor y no delega al cliente. Java y Perl con algunas características específicas. PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la generación de páginas web dinámicas.• El código debe descargarse completamente. (inicialmente se llamó Personal Home Page). • Capacidad de expandir su potencial utilizando módulos. • Incluye gran cantidad de funciones. . Clases y herencia. Lenguaje PHP Es un lenguaje de programación utilizado para la creación de sitio web.

sitios web. • Mayor velocidad. fue lanzada al mercado mediante una estrategia de mercado denominada . . solo se necesitará instalarlo en versiones anteriores. Ventajas: • Completamente orientado a objetos. y con la selección correcta de opciones de configuración en tiempos de compilación y ejecución. • Dificulta la modularización.NET Este es un lenguaje comercializado por Microsoft. • Dificulta la organización por capas de la aplicación. Para el desarrollo de ASP.NET fue desarrollado para resolver las limitantes que brindaba tu antecesor ASP. y siguiendo algunas prácticas correctas de programación. Lenguaje ASP. y usado por programadores para desarrollar entre otras funciones.• La legibilidad del código puede verse afectada al mezclar sentencias HTML y PHP. • Controles de usuario y personalizados. Los archivos cuentan con la extensión (aspx).NET. es capaz de acceder a archivos. ejecutar comandos y abrir conexiones de red en el servidor. ya sea incluido como parte de un servidor web en forma de módulo o ejecutado como un binario CGI separado.Net. Desventajas: • Mayor consumo de recursos. • División entre la capa de aplicación o diseño y el código. Seguridad: PHP es un poderoso lenguaje e intérprete. Microsft Windows 2003 incluye este framework.NET o J#. El ASP. • Incremento de velocidad de respuesta del servidor. PHP está diseñado específicamente para ser un lenguaje más seguro para escribir programas CGI que Perl o C. ASP.NET se puede utilizar C#. VB. Estas propiedades hacen que cualquier cosa que sea ejecutada en un servidor web sea insegura por naturaleza. • Facilita el mantenimiento de grandes aplicaciones. • Mayor seguridad. Para su funcionamiento de las páginas se necesita tener instalado IIS con el Framework . Creado para desarrollar web sencillas o grandes aplicaciones. • La programación orientada a objetos es aún muy deficiente para aplicaciones grandes.NET es el sucesor de la tecnología ASP.

acrónimo de Java Server Pages. Sintaxis: Características: • Código separado de la lógica del programa. • El código JSP puede ser incrustado en código HTML. • La parte dinámica está escrita en Java.NET. • Los archivos se encuentran con la extensión (jsp). .Lenguaje JSP Es un lenguaje para la creación de sitios web dinámicos. JSP fue desarrollado por Sun Microsystems. Acciones: permite alterar el flujo normal de ejecución de una página. • Multiplataforma. Comparte ventajas similares a las de ASP. Posee un motor de páginas basado en los servlets de Java. Ventajas: • Ejecución rápida del servlets. JSP es un lenguaje multiplataforma. desarrollado para la creación de aplicaciones web potentes. • Integridad con los módulos de Java. • Permite separar la parte dinámica de la estática en las páginas web. Creado para ejecutarse del lado del servidor. • Crear páginas del lado del servidor. • Permite la utilización se servlets. Está orientado a desarrollar páginas web en Java. • Código bien estructurado. Elementos de JSP Los elementos que pueden ser insertados en las páginas JSP son los siguientes: Código: se puede incrustar código “Java”. Desventajas: • Complejidad de aprendizaje. Directivas: permite controlar parámetros del servlet. Para su funcionamiento se necesita tener instalado un servidor Tomcat. • Las páginas son compiladas en la primera petición.