1 Historia de Internet

1

UNIDAD DIDÁCTICA

HISTORIA DE INTERNET

FUNDAMENTOS PARA CREAR UN SITIO WEB

Quedan rigurosamente prohibidas, sin la autorización escrita de los titulares de «Copyright», bajo las sanciones establecidas en las leyes, la reproducción total o parcial de esta obra por cualquier medio o procedimiento, comprendidos la reprografía y el tratamiento informático, y la distribución de ejemplares de ella mediante alquiler o préstamo públicos.

INICIATIVA Y COORDINACIÓN DEUSTO FORMACIÓN Colaborador: Interficie Proyectos Interactivos, S.L.U. www.interficie.com © Planeta DeAgostini Formación, S.L.U. Barcelona (España), 2013 Primera edición: julio de 2013 ISBN: 978-84-394-9149-1 (Obra completa) ISBN: 978-84-394-9150-7 (Unidad didáctica 1) Depósito Legal: B-5.748-2013 Impreso por: STUDIUM TALLERES GRÁFICOS Gorcs Lladó, 99-107 Naves 9 y 10 08210 Barberà del Vallés Printed in Spain Impreso en España

Diseño web

3

DISEÑO WEB Introducción

Introducción

En esta unidad verás la evolución que ha seguido Internet desde su nacimiento y qué retos se plantean en el prometedor futuro que tiene por delante.

5

Diseño web

Como sabemos, Internet ha supuesto una revolución sin precedentes en el mundo de la informática y de las comunicaciones. Inventos como el telégrafo, la radio, la televisión y el ordenador personal fueron sus precursores, aunque resulta innegable que Internet los ha superado con creces, convirtiéndose en un fenómeno difícil de calificar por la dimensión que ha ido adquiriendo. Un medio de comunicación instantáneo, un compañero de trabajo, una forma de establecer vínculos con otras personas: en definitiva, una herramienta global con infinidad de aplicaciones.

Introducción

Según la etimología, la palabra «Internet» proviene de la unión del prefijo inter (‘en medio’, ‘entre’) y el anglicismo net (‘red’); de ahí se puede deducir una definición del término, que se aproxima a «entre redes» o «red de redes», la forma más popular. De hecho esta última acepción es la más acertada, pues Internet es una red formada a su vez por infinidad de pequeñas y grandes redes: desde redes universitarias, de empresas, de instituciones y de gobiernos hasta redes locales de usuarios particulares. Todas ellas están conectadas de forma física gracias al cable o bien de forma inalámbrica mediante satélites o emisores terrestres inalámbricos y de telefonía móvil.

1. Historia y evolución de Internet 1.1. El origen de Internet

Historia de Internet. Fundamentos para crear un sitio web

Ya hemos visto lo que es Internet en la actualidad, pero ¿qué nos encontraríamos si retrocediéramos cincuenta años atrás? La respuesta no está del todo clara, pues sobre el nacimiento de Internet se han formulado diferentes hipótesis. Una corriente de opinión defiende que Internet nació en Estados Unidos con el objetivo de descentralizar las comunicaciones en caso de un ataque nuclear por parte de la antigua Unión Soviética (recordemos que en aquella época ambos países se encontraban en plena guerra fría). Para evitar el caos que habría supuesto un ataque sobre los grandes centros de información, se planteó la creación de una red compuesta por ordenadores en la que todos los puntos o nodos tuvieran la misma importancia, de tal forma que la desaparición de uno de ellos no afectara al tráfico global de la red y se pudiera acceder igualmente a la información (Figura 1.1).

Diseño web

6

Figura 1.1 Esquema de descentralización de nodos.

La segunda corriente de opinión sitúa el origen de Internet en la IPTO (Oficina para las Tecnologías de Procesado de la Información), organismo dependiente del ARPA (Agencia para Proyectos de Investigación Avanzada) dentro del Departamento de Defensa de Estados Unidos. El objetivo de la IPTO era buscar maneras de optimizar el uso de los ordenadores, y un problema concreto al que se enfrentaba era una falta cada vez mayor de recursos informáticos (los ordenadores de entonces eran grandes estructuras muy costosas y en aquella época cada uno de los principales investigadores de la IPTO parecía querer tener el suyo propio).

Figura 1.2 Esquema de una red de ordenadores.

Historia y evolución de Internet

El planteamiento de una red de ordenadores que compartieran estos investigadores evitaría la duplicidad de información en el caso de que trabajaran sobre proyectos similares, permitiéndoles compartir datos y resultados sobre los estudios que realizaban. Al estar todos los ordenadores comunicados entre sí, actuarían como un gran computador que sería accesible desde cualquier punto geográfico que estuviera conectado a esta red (Figura 1.2). Por otra parte, el ARPA ya no debería invertir en caras computadoras distribuidas a lo largo y ancho del país, sino que podría concentrar sus recursos en unas pocas máquinas muy potentes de manera que toda la comunidad pudiera acceder a ellas.

7

Diseño web

Planteadas las dos hipótesis acerca del origen de Internet, cabe decir que el precursor de la idea de unir varios ordenadores para permitir el acceso a la información desde varios puntos distantes geográficamente fue J. C. R. Licklider, del MIT (Instituto de Tecnología de Massachusetts), quien en 1962 presentó un estudio sobre un concepto novedoso al que llamó «Red Galáctica», estudio que se considera la semilla de lo que hoy en día conocemos como Internet. Con la idea de Licklider encima de la mesa, Lawrence G. Roberts conectó mediante una línea telefónica dos ordenadores que estaban situados en Massachusetts y California respectivamente (Figura 1.3). El resultado fue satisfactorio, pero constató que el sistema telefónico de conmutación de circuitos no era el apropiado para este tipo de comunicaciones.

Figura 1.3 Representación gráfica de la conexión realizada por Lawrence G. Roberts.

Historia de Internet. Fundamentos para crear un sitio web

Figura 1.4 Muestra de una consola de ordenador de los años 60.

Fue entonces cuando, gracias a unos estudios de Leonard Kleinrock, se empezó a trabajar con un sistema de transmisión de datos diferente al que se usaba hasta ese momento. Este nuevo sistema se denominó «conmutación de paquetes» y constituyó la piedra angular para que el proyecto de comunicación entre ordenadores resultara fiable y efectivo.

Diseño web

8

¿Sabías que...? La conmutación de paquetes hace referencia a cómo se envían los datos en una red informática. Un paquete es una unidad de información que consta de dos partes: los datos propiamente dichos y la información de control, que especifica la ruta a seguir a lo largo de la red hasta el ordenador de destino.

Figura 1.5 Esquema del proyecto ARPANET.

A partir de este momento, Roberts y una serie de científicos comenzaron a desarrollar la idea de Licklider gracias a la financiación de la ARPA (Advanced Research Projects Agency). El proyecto que la ARPA respaldó económicamente acabó denominándose ARPANET (Advanced Research Projects Agency Network). Todo esto sucedió en el año 1969, coincidiendo con la llegada del hombre a la Luna. Con el proyecto de ARPANET creado, el primer ordenador o nodo de información se instaló en la Universidad de California (UCLA, Los Ángeles) bajo supervisión de Kleinrock. El segundo nodo de información se instaló en el Stanford SRI (Instituto de Investigación de Stanford), que había participado en el proyecto ARPANET creando un sistema muy básico para facilitar la comunicación entre ordenadores. Por primera vez en la historia, dos ordenadores se estaban comunicando por red. Posteriormente se fueron añadiendo nodos y fueron evolucionando los protocolos de comunicación (Figura 1.5).

En 1972 se realizó la primera demostración pública de Internet. En este mismo año, y debido a las necesidades de comunicación de todos los miembros de ARPANET, se puso en marcha una aplicación que enseguida tendría un éxito fulminante: el correo electrónico (Figura 1.6). El primitivo proyecto de ARPANET, que había evolucionado desde finales de la década de 1960, se preparaba para unirse con otros tipos de redes como satélite, de radio terrestre, y de otros tipos, siempre y cuando compartieran el mismo sistema de comunicación por conmutación de paquetes.

Figura 1.6

Historia y evolución de Internet

Esquema de la estructura de servicio de correo electrónico.

Robert Kahn fue quien introdujo esta apertura a otras redes en 1972 y la llamó Internetting, porque servía para relacionar unas redes con otras (net, en inglés). Para ello, Kahn decidió desarrollar una nueva versión del protocolo que pudiera satisfacer las necesidades de un entorno de red de arquitectura abierta. El protocolo se denominó Transmisson Control Protocol–Internet Protocol (TCP/IP, o protocolo de control de transmisión/ protocolo de Internet). De ese modo nacía el protocolo que rige desde entonces las comunicaciones que se realizan por Internet y que ha perdurado hasta la actualidad.

9

Diseño web

La versión de Internet que conocemos en la actualidad se considera que nació en 1983, cuando la parte de la red vinculada al Departamento de Defensa se separó de la parte civil (formando MILNET). En ese momento, en Internet ya había quinientos servidores (u ordenadores interconectados). En el mismo año se creó el sistema de nombres de dominios (por ejemplo .com o .edu, además de las siglas de los países), que prácticamente se ha mantenido hasta ahora. En la constitución y crecimiento de esta nueva «red de redes» que pronto dispuso de nodos en Europa, las agencias federales norteamericanas prestaron mucho apoyo, financiando la infraestructura. En 1984 William Gibson acuñaba el término «ciberespacio», palabra que seguro que te resulta muy familiar.

¿Sabías que...? Ray Tomlinson incorporó la arroba ‘@’ al uso del e-mail en 1971 como elemento divisor entre el nombre de usuario y el servidor en el que se aloja el correo electrónico.

Historia de Internet. Fundamentos para crear un sitio web

1.2. Cronología

Diseño web

10

La aparición de Internet como medio de comunicación y relación entre humanos es muy reciente comparada con la de otros medios de comunicación como la prensa y la radio. Pese a esta juventud, tenemos que remontarnos a finales de los años 50 para encontrar el embrión de la red de redes. En la siguiente cronología podrás ver de forma sencilla los principales eventos y personalidades que han participado en la creación de Internet.

1958 | Estados Unidos crea la ARPA (Agencia para Proyectos de Investigación Avanzada) junto con el Departamento de Defensa para establecer el liderazgo de Estados Unidos en la ciencia y la tecnología aplicada a fines militares. 1962 | Joseph Carl Robnett Licklider teoriza sobre una futura red formada por computadoras que comunicará ordenadores y permitirá el intercambio de información entre personas. Ese mismo año es nombrado jefe de la IPTO (Oficina para las Tecnologías de Procesado de la Información), organismo dependiente de la ARPA. 1965 | Lawrence G. Roberts, del Instituto de Tecnología de Massachusetts, conecta un ordenador TX2 en Massachusetts con un Q-32 en California a través de una línea telefónica conmutada. Esta conexión se considera la primera red de computadoras con diferente situación geográfica. 1966 | Lawrence G. Roberts publica el estudio «Redes cooperativas de computadoras de tiempo compartido». Este estudio se considera la base en la que posteriormente se fundamentaría ARPANET. 1967 | Con el soporte de la ARPA, Lawrence G. Roberts presenta en un simposio lo que será ARPANET, el proyecto de red de comunicación del Departamento de Defensa de Estados Unidos. 1968 | Este año se instala el primer nodo de información de ARPANET en la Universidad de California (UCLA, Los Ángeles). 1970 | El proyecto ARPANET comienza a expandirse añadiendo un nuevo nodo de información por mes.

1972 | Ray Tomlinson configura el primer programa de correo electrónico, cuyo nombre era Readmail, y crea la convención usuario@servidor, que definirá la sintaxis de las direcciones de correo electrónico. Se elige el signo @ porque no se utilizaba en ningún vocablo ni en toponimia, de manera que no entraría en conflicto con ninguna palabra existente. Este mismo año se produce también la primera demostración pública de ARPANET con cuarenta ordenadores conectados.

Historia y evolución de Internet

1973 | Vinton Cerf (primer presidente de la Sociedad Internet) diseña un nuevo protocolo de interconexión de redes y en septiembre de ese año, conjuntamente con Kahn, presentan el protocolo TCP (protocolo de control de transmisión). El protocolo TCP/IP servirá para abrir ARPANET a diferentes redes desarrolladas por otros científicos e intercomunicarlas. A Cerf se le considera el padre de Internet. 1977 | Cerf y Kahn realizan una demostración de comunicación entre redes, lo que se denominó Internetting. Este nombre derivará en lo que en la actualidad conocemos como Internet. En esta demostración se enviaron mensajes mediante la red ARPANET, mensajes que viajaron de San Francisco a Londres y volvieron a Estados Unidos vía satélite. Es la que se considera la primera demostración de las posibilidades internacionales de Internet.

Diseño web

11

1978 | En este año aparecen los primeros ordenadores personales con capacidad de conectarse mediante módem a la red existente. 1982 | DCA y ARPA establecen el Transmission Control Protocol (TCP) y el Internet Protocol (IP) como protocolo conjunto, comúnmente conocido como TCP/IP. Esto lleva a una de las primeras definiciones de Internet como un conjunto de redes conectadas, específicamente, a través del protocolo TCP/IP. El Departamento de Defensa de Estados Unidos declara el conjunto TCP/IP como protocolo estándar. 1983 | El Departamento de Defensa de Estados Unidos decide dividir ARPANET en dos. Una de las partes será pública y la otra constituirá una red militar.

¿Sabías que...? TCP es el protocolo estándar para la transmisión de datos por Internet y que garantiza el intercambio, la seguridad y la integridad en los paquetes de información que enviamos y recibimos.

Historia de Internet. Fundamentos para crear un sitio web

1984 | Debido al crecimiento exponencial de los nodos conectados a la red, se hace necesaria la creación de un sistema para asignar nombres a los nodos. Postel, Mockapetris y Partridge desarrollan el Sistema de Nombres de Dominio DNS (Domain Name System). Los primeros dominios que se muestran disponibles son: .mil, .edu, .org, .net y .com. Se pone en marcha el código de dos letras para identificar a los países. Ese mismo año, William Gibson acuña el término «ciberespacio» en su novela Neuromancer. 1985 | Se registra el primer dominio en la historia de Internet: Symbolics.com. 1988 | Aparece el primer virus que se propaga por Internet: era de tipología gusano y se le bautizó como Morris. Infectó a 6.000 de las 60.000 computadoras de la red. Este mismo año se desarrolló el popular sistema de chat IRC (Internet Relay Chat). 1989 | El número de hosts (servidores) se incrementa de 80.000 en enero a 130.000 en julio y a 160.000 en noviembre. Comienza el crecimiento exponencial del fenómeno Internet.

Diseño web

12

Este año se unen a la red Australia, Alemania, Israel, Italia, Japón, México, Holanda, Nueva Zelanda y Reino Unido. La velocidad crece: en las LAN (Local Area Networks o redes locales) se opera a 100 Mbps. En el CERN de Suiza, Tim Berners-Lee trabaja en el desarrollo de un sistema para mostrar información textual y gráfica que funcione independientemente del sistema operativo que esté instalado en el ordenador. Esta forma de mostrar los contenidos acabó constituyendo el hipertexto, que es el concepto en que está basado la World Wide Web. Así, un documento HTML con texto e imágenes podrá ser consultado desde cualquier ordenador que se conecte al servidor web. 1990 | ARPANET se cierra formalmente. En veinte años, la Red ha crecido de cuatro a 300.000 servidores de información. Se unen Argentina, Austria, Bélgica, Brasil, Chile, Grecia, India, Irlanda, Corea del Sur, España y Suiza.

El 25 de diciembre de este año se produce uno de los avances más importantes para que Internet se convierta en una herramienta mucho más poderosa. Tim Berners-Lee implementa el lenguaje de marcado HTML, que sienta la base de las páginas web tal y como las conocemos en la actualidad. 1992 | El número de ordenadores conectados asciende ya a un millón y el de redes, a 7.500. Por primera vez la red transporta audio y vídeo.

La web entendida como servicio empieza a ser popular en Internet; cada vez hay más información disponible y se conecta un número mayor de personas. Las cifras crecen exponencialmente: lo que antes se duplicaba anualmente ahora se duplica cada tres meses. Existen 4.000 grupos de noticias. 1993 | Aparece el navegador Netscape. Rápidamente ganó aceptación entre los internautas, llegando a tener casi el 90% del mercado de navegadores de Internet, hasta que apareció Internet Explorer.

Historia y evolución de Internet

La expresión «navegar por la red» es acuñada por Jean Armour Polly. Actualmente el término “navegar” se usa de forma habitual por la mayoría de internautas.

1994 | Se crea el consorcio del W3C. Este organismo es una comunidad internacional donde las organizaciones que lo forman, así como la propia comunidad de usuarios de Internet, trabajan conjuntamente para desarrollar estándares web. Se funda Amazon.com en Seattle, siendo una de las primeras grandes compañías en vender libros a través de Internet. 1995 | Aparece el navegador Internet Explorer como parte de Windows 95 Plus!. A lo largo de este año se contabilizan 6,5 millones de servidores y más de cien mil páginas web. 1996 | Se establece el proyecto Internet 2, también denominado UCAID (University Corporation for Advanced Internet Development), un consorcio sin ánimo de lucro que desarrolla aplicaciones y tecnologías de redes avanzadas, la mayoría para transferir información a alta velocidad. A día de hoy todavía no está implantado en todo Internet.

Diseño web

13

1998 | Después de dos años de investigación, Larry Page y Sergey Brin dan a conocer su proyecto de motor de búsqueda de páginas web. El nombre que deciden ponerle es Google.

Historia de Internet. Fundamentos para crear un sitio web

1999 | Sale a la luz el proyecto Blogger, una herramienta personal de creación de páginas web.

Diseño web

14

2000 | Defectos en la programación de aplicaciones informáticas hacen temer las consecuencias del posible «efecto 2000». Causó bastantes menos problemas de los previstos. 2001 | El proyecto Wikipedia sale a la luz. Actualmente, esta enciclopedia libre y gratuita presenta ediciones en 271 idiomas. 2004 | El proyecto de navegador web Mozilla Firefox se da a conocer. Se trata de un navegador open source que permitía ser personalizado. De ese modo se adapta mejor a las características de cada usuario y a las enormes posibilidades que ya ofrecía la red en aquel momento. Ese mismo año irrumpe en Internet la red social más importante que se conoce hasta ahora; su nombre es Facebook. 2005 | Nacimiento de YouTube. En tan sólo cinco meses después de su nacimiento, se situó en el puesto número 21 del ránking mundial de páginas visitadas. 2007 | El número de personas que se suma al proyecto Internet sigue creciendo de forma exponencial. A finales del año 2007 ya hay 125.626.329 servidores web y 489.774.269 ordenadores conectados. 2008 | El cálculo de personas que se conectan a Internet de forma habitual es de 1.407.000.000. 2009 | YouTube emite mil millones de vídeos cada día. El cálculo de personas que se conectan a Internet de forma habitual es de 1.733.000.000 (según la Internet World Statistics News and Population Stats).

1.3. Internet en la actualidad Desde su nacimiento, Internet ha ido creciendo de forma espectacular en cuanto a infraestructura y usuarios; de hecho cada vez encontramos más contenidos de todo tipo que se presentan en forma de texto, vídeo, foto o audio. Como es lógico, este crecimiento vertiginoso ha conllevado la creación de nuevos servicios orientados a los negocios, a los servicios, al ocio y a la cultura. Por otra parte, el comportamiento de los usuarios también ha ido modelándose a lo largo de los últimos años.

La imagen del candado se utiliza para representar el protocolo seguro de Transferencia de Hipertexto.

Internet como fenómeno tecnológico ha recabado unos índices espectaculares de penetración en la sociedad. En cuestión de una década, casi todo el mundo ha pasado a utilizar Internet a diario de forma consciente o inconsciente. ¿Verdad que todos utilizamos tarjetas de crédito para pagar nuestras compras? Pues bien, una operación tan sencilla como esta requiere de Internet para enviar los datos de la transacción a la entidad bancaria correspondiente. En definitiva, podemos asegurar que Internet forma parte de nuestras vidas pese a que muchas veces ni siquiera nos demos cuenta de ello. A día de hoy, Internet ha adquirido una dimensión tan grande que se hace necesario diseccionar un poco la gran red de redes para poder adquirir una percepción global de este fenómeno. Si realizamos un análisis de Internet en la actualidad, veremos que los servicios más utilizados por los usuarios son el correo electrónico, el servicio web, los servicios de mensajería instantánea, los foros de discusión, el intercambio de archivos mediante P2P, el servicio FTP y, por último, la telefonía sobre IP (datos extraídos del último Estudio General de Medios). (Figura 1.8).

¿Sabías que...? El Estudio General de Medios analiza el consumo de los medios de comunicación en España. Se analiza qué medios son más utilizados (prensa, radio, tv y, por supuesto, Internet) y los perfiles sociológicos de los usuarios de cada medio. El primer EGM de Internet data del año 2000.

15

Diseño web

Figura 1.7

Historia y evolución de Internet

Hace relativamente poco tiempo, Internet era un servicio que solo estaba al alcance de aquellas personas directamente relacionadas con el mundo científico, militar o con la propia industria de la informática. Progresivamente se han ido incorporando empresas, instituciones, asociaciones, etcétera, produciendo una constante democratización de Internet (Figura 1.7).

Historia de Internet. Fundamentos para crear un sitio web

Figura 1.8 Representación de los servicios de Internet más utilizados.

Vamos a comentar brevemente en qué consiste cada uno de estos servicios. De todas formas, en el tema 4 de esta misma unidad encontrarás información detallada acerca de los servicios más importantes: • Correo electrónico Este servicio es el que nos permite enviar y recibir mensajes a través de Internet. Se pueden diferenciar dos grandes grupos: las empresas que ofrecen el correo electrónico de forma gratuita para todo aquel usuario que dé de alta una cuenta de correo, y las empresas que venden un servicio privado. Este último permite escoger el nombre que tendrá nuestro dominio, a diferencia del servicio gratuito, que incluirá su nombre (Outlook, Gmail, Terra, Yahoo!…) en la dirección de la cuenta de correo.

Diseño web

16

¿Sabías que...? El 93% de los internautas utiliza a diario el servicio web. Aproximadamente el 95% de los usuarios de Internet emplea a diario sus servicios de correo electrónico. El e-mail se ha convertido en una herramienta prácticamente indispensable en el ámbito laboral y familiar.

Figura 1.9 La mensajería instantánea nos permite mantener conversaciones en tiempo real y a nivel mundial con cualquier usuario.

• World Wide Web (www) El servicio web es el que nos permite navegar mediante el protocolo http y visitar todas las páginas web que sean de dominio público. Aunque en los inicios de Internet los sitios web solo mostraban textos e imágenes, en la actualidad nos permiten realizar infinidad de tareas, desde comprar prácticamente lo que se nos ocurra a gestionar nuestras cuentas bancarias. A los sitios web se accede mediante los conocidos navegadores web; algunos de los más usados son Mozilla Firefox, Internet Explorer, Safari, Opera y Google Chrome. • Mensajería instantánea Este tipo de servicio permite mantener conversaciones a tiempo real con personas que previamente hayamos agregado a nuestra lista de contactos. Algunos de los servicios más conocidos son Skype, ICQ, Google Talk y AIM. (Figura 1.9)

• Programas P2P Este tipo de software permite que nuestro ordenador pueda acceder a los ordenadores de otros usuarios y, de la misma manera, que otros usuarios puedan acceder al nuestro. Son muy populares para compartir todo tipo de ficheros multimedia, aunque en los últimos años se les ha acusado de vulnerar los derechos de la Propiedad Intelectual. Los programas más utilizados son eMule, BitTorrent o Ares.

¿Sabías que...? GNU es el proyecto gestado por Richard Stallman con el objetivo de convertirse en el primer sistema operativo completamente libre, entendiendo por libertad la capacidad de los usuarios para ejecutar, copiar, distribuir, estudiar, cambiar y mejorar el software.

Historia y evolución de Internet

• Voz sobre IP La tendencia actual es ofrecer servicios más completos que los propios de la mensajería instantánea. Estos nuevos servicios están basados en la tecnología llamada «voz sobre IP», que permite aprovechar el mismo canal de comunicación que un cliente de mensajería instantánea incorporando imagen y voz a las conversaciones que hasta ahora eran únicamente textuales. La mayoría de operadores de voz sobre IP permiten llamadas gratuitas entre dos ordenadores y tarifican las llamadas de ordenador a teléfono convencional. Algunos de los programas más usados son Skype y Asterisk.

• El servicio FTP Este es uno de los servicios de Internet más antiguos y permite transferir archivos pesados que no pueden enviarse mediante el correo electrónico. Para poder conectarse a un servidor FTP es necesario disponer de un pequeño programa llamado cliente FTP. Los más utilizados son FileZilla, CuteFTP o SmartFTP (Figura 1.10).

Diseño web

17

Figura 1.10 Interfaz gráfica del cliente FTP FileZilla.

Historia de Internet. Fundamentos para crear un sitio web

• Foros de discusión Hay dos tipos de foros de discusión: los que están abiertos al público en general y los que requieren un registro previo para poder acceder. Su filosofía es la de compartir ideas, opiniones y conocimientos. Existen excelentes foros donde los usuarios exponen dudas sobre aspectos de maquetación, programación o diseño web, por poner un ejemplo directamente relacionado con el curso que estás realizando. Visita, por ejemplo, www.cristalab.com o www.forosdelweb.com (Figura 1.11).

Diseño web

18

Figura 1.11 Ejemplo de un foro de discusión.

Si nos centramos en concreto en el servicio web podemos apreciar la evolución que ha sufrido desde su nacimiento hasta la actualidad: recordemos las primeras páginas web, estáticas, que apenas permitían la interactividad por parte del usuario y que no actualizaban su contenido con demasiada frecuencia… ¡Nada que ver con el actual concepto de Web 2.0! La mayoría de los estudiosos de la materia dicen que, en realidad, la Web 2.0 es más bien una actitud por parte de los creadores de las páginas web, actitud que se centra en potenciar al máximo la interactividad con los usuarios que visitan la web. En este contexto, la interactividad se basa en la capacidad del usuario para compartir los contenidos de su web con otros usuarios, para actualizar tales contenidos de forma sencilla o para modificar aspectos estéticos de la aplicación en cuestión. Algunos ejemplos de Web 2.0 son Netvibes, Flickr o redes sociales como Facebook o Pinterest.

1.4. Internet en el futuro Aunque es realmente complicado saber cómo van a evolucionar tanto la tecnología como el comportamiento de los usuarios, existe una serie de indicios que señalan cuál podría ser el futuro de Internet en los próximos años.

Historia y evolución de Internet

La irrupción en el mercado tecnológico de los móviles de última generación ha supuesto una modificación en los hábitos de conexión a Internet por parte de los usuarios: hoy tenemos la posibilidad de conectarnos a Internet cuando queramos y casi desde cualquier punto. Así pues, la movilidad se plantea como uno de los factores determinantes en el devenir de Internet. Las aplicaciones y contenidos para terminales móviles evolucionan constantemente y hoy en día la industria de la tecnología está centrando sus esfuerzos en este campo. (Figura 1.12).

En la imagen puedes ver dos ejemplos de terminales móviles: un teléfono de segunda generación y un terminal 3G con conexión a Internet.

En cuanto a los servicios que podrá ofrecer Internet en un futuro, seguramente serán bastante parecidos a los que están disponibles actualmente; lo que está claro es que se trabaja constantemente en ellos para que ofrezcan una calidad cada vez mayor. En este sentido, la calidad de servicio (CdS o QoS) hace referencia a las mejoras que se deben producir a nivel de protocolos de comunicación, de elementos técnicos y de software para garantizar una mayor calidad de servicio en Internet. En este sentido, un punto en el que se está empezando a trabajar es la prioridad de la información. Actualmente, toda la información que se mueve por la Red tiene para Internet la misma prioridad, por así decirlo. Sin embargo, para nosotros no es igual de prioritaria la información que enviamos y recibimos cuando mantenemos una videoconferencia que la que enviamos y recibimos cuando utilizamos el correo electrónico.

19

Diseño web

Figura 1.12

Historia de Internet. Fundamentos para crear un sitio web

Imagina por un momento que se produce un retardo de cinco segundos mientras realizas una videoconferencia: la calidad del servicio se vería afectada, pues la imagen podría desaparecer o quedar congelada durante esos segundos. Sin embargo, poco importa si sufres una demora de cinco segundos en recibir un correo electrónico: de hecho, lo más probable es que ni siquiera te des cuenta.

Diseño web

20

Adaptar estos conceptos de calidad a los servicios y la infraestructura actual es un reto al que sin duda se llegará en los próximos años.

RESUMEN

Resumen En este primer tema has podido ver la evolución que ha seguido Internet desde sus orígenes. Lo que a mediados de los años 50 empezó siendo la quimera tecnológica de un grupo de científicos se ha convertido en el medio de comunicación con el índice de penetración más elevado de toda la historia.

Capítulo aparte merece la irrupción de lo que se ha venido a denominar el fenómeno Web 2.0. Redes sociales como Twitter o Facebook han revolucionado el concepto que teníamos de la web hasta hace poco, permitiendo que Internet resulte cada vez más atractiva y participativa para millones de personas, independientemente de su edad o género. La aparición de las redes sociales, y en definitiva la popularización de la Web 2.0, ha contado con el respaldo del gran avance que ha supuesto la nueva generación de telefonía móvil. Cada día los terminales móviles son más potentes y nos permiten conectarnos a los diferentes servicios de Internet de forma más cómoda y rápida. Tras analizar la progresión de Internet desde sus inicios hasta la actualidad, dejamos abierto un interrogante acerca de cuál será su evolución. La mejora de los servicios existentes parece ser una de las prioridades. Sin duda alguna, los avances en la tecnología y en los protocolos de comunicación auguran un futuro espléndido para el que se ha convertido en el fenómeno comunicativo del siglo XXI por antonomasia.

21

Diseño web

En este tema también hemos dado un repaso a los servicios esenciales de la red de redes. El correo electrónico, la web, el FTP, los chats y los foros son inherentes a Internet desde hace muchos años. Se trata de servicios en constante evolución y mejora, de modo que los antiguos servicios de chat textual, sin ir más lejos, han evolucionado hasta convertirse en la videoconferencia de hoy.

Historia y evolución de Internet

Internet es un medio que sirve para comunicar, entretenerse y relacionarse con otras personas. Además de aunar todas estas características, podemos asegurar sin ningún tipo de duda que se trata de un medio vivo y en constante evolución.

Ejercicios de autocomprobación

Historia de Internet. Fundamentos para crear un sitio web

Actividad práctica

Diseño web

22

Imagina por un momento que debes explicarle a un cliente potencial las ventajas de complementar su negocio mediante la presencia en Internet. ¿Qué argumentos demostrables utilizarías para poder captarle? A modo de ejemplo, te adjuntamos dos posibles argumentos para que te sirvan de guía. 1. En los últimos diez años el aumento de usuarios de Internet ha superado al de cualquier otro canal de comunicación (prensa, radio o televisión). 2. Disponer de un servicio de correo electrónico, voz sobre IP y tener una página web donde se muestren los productos o servicios que comercializa le ayudará a captar clientes potenciales y a abaratar costes de telefonía convencional y servicios de mensajería.

Rodea con un círculo la alternativa que consideres correcta de las tres que presentamos: 1. ¿En qué protocolo están basadas las comunicaciones en Internet? a) En el protocolo HTTP. b) En el protocolo FTP. c) En el protocolo TCP/IP. 2. ¿En qué concepto está basado el servicio web? a) En el supertexto. b) En el texto ubicado en un servidor. c) En el hipertexto. 3. ¿Cuál fue el primer navegador web que consiguió ser utilizado por un 90% de los usuarios de Internet? a) Mozilla Firefox en 1996. b) Netscape en 1995. c) Safari en 1991. 4. ¿Qué protocolo nos permite navegar por las páginas web? a) HTTP. b) FTP. c) DNS.

Indica si las siguientes afirmaciones son verdaderas o falsas: 5. Podemos considerar las tiendas online como un servicio de Internet, al igual que la web o el e-mail. (V) (F) 6. El protocolo FTP nos permite navegar por las páginas web. (V) (F) 7. El concepto Web 2.0 se caracteriza por un aumento en la participación de los usuarios en las páginas web. (V) (F)

(V) (F)

Contesta brevemente a las cuestiones siguientes: 9. Describe brevemente los servicios principales de Internet.

10. ¿Cómo ha afectado la aparición de Internet a nuestra vida diaria?

Historia y evolución de Internet

8. El primer navegador que consiguió convertirse en el más usado fue Netscape.

Diseño web

23

Las soluciones a los ejercicios de autocomprobación se encuentran al final de esta unidad. En caso de que no los hayas contestado correctamente, repasa la parte de la lección correspondiente.

2. Internet como mecanismo de comunicación 2.1. Un nuevo canal de comunicación Historia de Internet. Fundamentos para crear un sitio web

Como has podido ver en el primer tema de esta unidad, Internet es un conglomerado de servicios que sirven para comunicar y transferir información. Por este motivo, Internet debe considerarse más bien un canal de información y no un medio de comunicación de masas. Los medios de comunicación existentes han intentado a lo largo de estos años tener una presencia destacable en Internet, pues este medio les ofrece una ventaja esencial con respecto a los canales de comunicación tradicionales: la inmediatez. Observarás esta ventaja de Internet respecto a las otras vías de comunicación con mayor claridad si analizamos un caso concreto: por ejemplo, la edición en papel de un periódico. Los diarios que podemos adquirir en un quiosco han sido redactados e impresos a lo largo del día anterior; por tanto, cualquier noticia de última hora no se verá reflejada hasta la edición del día siguiente. Sin embargo, si ese mismo periódico dispone de una edición online, podrá mantener informados a sus lectores de una forma casi inmediata, puesto que actualizar los contenidos en Internet es sencillo y rápido (Figura 2.1). Además, cabe señalar que en las ediciones digitales los gastos de impresión y distribución se ven reducidos a cero.

Diseño web

24

Figura 2.1 Captura de la edición online de un periódico.

Precisamente este es el motivo por el que hasta ahora los medios de comunicación tradicionales (prensa, radio y televisión) no han visto en Internet a un competidor directo, sino que lo consideran un nuevo canal de comunicación que, bien utilizado, puede cubrir las deficiencias de los medios convencionales (Figura 2.2).

Figura 2.2

Esta «nueva vía» tiene algunos rasgos característicos que vamos a definir a continuación: • Internet es un canal multimedia, es decir, soporta información en formato gráfico, textual y audiovisual (Figura 2.3).

Figura 2.3 Muestra de los diferentes canales de comunicación y los formatos que soporta cada uno.

Internet como mecanismo de comunicación

Representación de los diferentes canales de comunicación.

25

Diseño web

• Internet ofrece interactividad con respecto a los medios de comunicación tradicionales (Figura 2.4).

Figura 2.4 La red social Facebook es una clara muestra de la interactividad que permite la denominada Web 2.0.

Historia de Internet. Fundamentos para crear un sitio web

• Internet es un canal multifuncional. Según el uso que se le quiera dar, puede servir para establecer conexiones de uno a uno entre individuos, de un individuo hacia muchos o de muchos individuos hacia uno solo (Figura 2.5).

Figura 2.5 Esquema de los tipos de conexiones que se pueden establecer entre usuarios de la red.

• El ámbito de Internet es mundial, lo que da la posibilidad de ofrecer todo tipo de contenidos independientemente de dónde se encuentre el receptor de la información (Figura 2.6).

Diseño web

26

Figura 2.6 Muestra del ámbito global que ofrece Internet.

2.2. Medios de comunicación y redes sociales Estas características que hemos definido con anterioridad plantean un amplio abanico de posibilidades para los medios de comunicación tradicionales, que ven en Internet el canal perfecto para poder llegar fácilmente a más audiencia. Si realizamos un sencillo análisis de cómo funcionan los medios de comunicación tradicionales, veremos que en todos los casos el mensaje o información que se comunica es unidireccional: la persona que está viendo la televisión, escuchando la radio o leyendo el periódico no interactúa de ninguna manera con el medio en cuestión.

Figura 2.7

Otro caso aparte son las redes sociales. Este tipo de Web 2.0 permite la interrelación de los usuarios, de manera que las noticias e informaciones adquieren un nivel de difusión sin precedentes hasta el momento. Tan importante es el fenómeno de las redes sociales que, en las elecciones a la presidencia de Estados Unidos de 2009, uno de los candidatos decidió utilizar una de ellas para exponer sus ideas (Figura 2.8). El resultado fue que, con una inversión mínima, se consiguió llegar a un gran segmento de la población, demostrando así la potencia de las redes sociales frente a los medios convencionales (prensa, radio y televisión), donde por otra parte los espacios publicitarios tienen un coste netamente superior. Una teoría que trata de explicar por qué las redes sociales tienen una difusión tan grande es la teoría de los seis grados de separación. Afirma que una persona está «conectada» a cualquier otra persona del mundo a través de una cadena de conocidos que no tiene más de cinco intermediarios (unidos entre sí por seis enlaces). Según esta teoría, tú mismo podrías tener un amigo, que a su vez conocerá a alguien, que a su vez conocerá a otro, que a su vez… tendrá relación con el presidente de Estados Unidos (Figura 2.9).

27

Diseño web

Captura de la página web de un canal de televisión que ofrece el servicio de televisión a la carta.

Internet como mecanismo de comunicación

La eclosión de Internet, y en concreto de los contenidos online, permite ofrecer al usuario la posibilidad de acceder a la información que le interesa. La televisión a la carta que ofrecen la mayoría de los portales corporativos de las televisiones, tanto públicas como privadas, así como la posibilidad de escuchar podcasts de programas de radio, son un claro ejemplo de cómo el usuario puede obtener la información en función de lo que verdaderamente le interesa (Figura 2.7).

¿Sabías que...?

Facebook fue creado por Mark Zuckerberg, estudiante de la Universidad de Harvard, cuando sólo tenía 20 años y que actualmente cuenta con una fortuna valorada en torno a los 9.400 millones de dólares.

Historia de Internet. Fundamentos para crear un sitio web

Figura 2.8 Perfil del presidente de Estados Unidos, Barack Obama, en la red social Facebook.

A medida que avanzamos en la cadena crece exponencialmente el número de amigos de nuestros amigos: esto explicaría por qué las redes sociales tienen un poder de propagación tan espectacular.

Diseño web

28

Figura 2.9 Esquema de la teoría de los seis grados de separación.

No obstante, a pesar de tratarse de una herramienta comunicativa muy potente, las redes sociales están en el punto de mira por motivos de seguridad. La mayoría de los usuarios no son suficientemente cuidadosos a la hora de proteger sus perfiles, de manera que la información que contienen puede resultar accesible a cualquier otro usuario que visite la web. También debes tener en cuenta que la información que se facilita en las redes sociales (pongamos por caso Facebook o Twitter) puede ser utilizada por los propietarios para obtener tu perfil de consumidor (intereses, gustos…) con el objetivo de hacerte llegar publicidad muy específica para tu perfil.

Como has podido ver hasta ahora, hemos hablado de la evolución de Internet, de los servicios que ofrece y de la progresión en el número de usuarios que se van uniendo a la Red. Este aumento de usuarios ha provocado que los contenidos que se ofrecen también aumenten de forma espectacular. El acceso a estos contenidos y su gestión es motivo de debate. Por un lado, deben tenerse en cuenta los derechos de autor que ostentan las personas que crean contenidos. Por otro lado, está en el punto de mira la gestión que se hace de los datos de usuarios que se recogen en Internet y su privacidad. • Derechos de los creadores de contenidos (autores) Todos los creadores de una obra literaria, musical, audiovisual, etcétera tienen derechos morales sobre su obra. Estos derechos permiten que el creador decida si su obra puede ser reproducida o no.

29

Diseño web

Pongamos un ejemplo: la popularización de las redes P2P ha supuesto que la descarga de música, películas, juegos de ordenador o de consola y programas informáticos haya aumentado de forma espectacular. Ante esta situación, la industria ha pretendido valerse de la justicia para penalizar a aquellas personas u organizaciones que atenten contra el derecho de autor de sus obras. Y sin embargo, pese a que se han producido sanciones ejemplares, la distribución de contenidos sigue siendo imparable (Figura 2.10).

¿Sabías que...? El término P2P procede del inglés peer to peer y viene a significar «comunicación entre iguales». Es decir, computadoras que se conectan entre sí sin la necesidad de un servidor central. No existen clientes ni servidores fijos. Estas redes son normalmente usadas para el intercambio de conocimiento mediante archivos de texto, audio o vídeo. Algunos ejemplos de red P2P pueden ser eMule o BitTorrent.

Internet como mecanismo de comunicación

2.3. Legislación en Internet. La protección de datos privados y los derechos de autor

Figura 2.10 Captura de la interfaz de un programa P2P para el intercambio de archivos.

• Privacidad de los usuarios Como quizá ya sepas, en infinidad de páginas web es necesario darse de alta como usuario para poder acceder a la versión completa del sitio.

Historia de Internet. Fundamentos para crear un sitio web

La gestión que se hace de estos datos que los usuarios introducen en la página web ha sido fuente de debate durante años. Los propietarios de las páginas web donde nos registramos o a las que enviamos formularios de contacto para solicitar información no pueden hacer un uso indiscriminado de nuestros datos privados. Por ese motivo, este punto se legisló en España mediante la Ley Orgánica de Protección de Datos de Carácter Personal (LOPD), aprobada en el año 1999. Esta ley tiene por objeto garantizar y proteger, en lo que concierne al tratamiento de los datos personales, las libertades públicas y los derechos fundamentales de las personas físicas, y especialmente de su honor, intimidad y privacidad personal y familiar. Su objetivo principal es regular el tratamiento de los datos y ficheros, de carácter personal, independientemente del soporte en el cual sean tratados, los derechos de los ciudadanos sobre ellos y las obligaciones de aquellos que los crean o tratan (Figura 2.11).

Diseño web

30

Figura 2.11 Captura de la página web de una red social. Se solicitan datos de usuario, que posteriormente deberán tratarse de acuerdo a la LOPD.

En resumen, al usuario siempre se le informará de que sus datos no serán entregados a terceras personas o empresas y que solo serán susceptibles de utilizarse para enviar información sobre un servicio o producto que previamente haya solicitado el usuario. Además se deberá respetar la decisión del usuario en caso de que no quiera recibir ningún tipo de información o desee eliminar los datos privados que había facilitado con anterioridad. En el caso de que, como diseñador web, realices una página web en la que sea necesario que los usuarios se registren, deberás gestionar la privacidad de los datos que obtengas.

Internet como mecanismo de comunicación

Para ello tendrás que informar al Estado de las medidas de seguridad que tomas al respecto para evitar la pérdida o difusión involuntaria de estos datos. Casi todas las gestorías o bufetes de abogados ofrecen los servicios de adaptación a la LOPD, que en realidad consiste simplemente en realizar un escrito en el que conste dónde se almacenan los datos de los usuarios y quién tiene potestad para acceder a ellos. Por cierto, una mala gestión puede ocasionar multas ejemplares por parte del Estado.

Diseño web

31

RESUMEN

Historia de Internet. Fundamentos para crear un sitio web

Resumen

Diseño web

32

En este tema has podido ver el rol que desempeña Internet y su relación con los medios de comunicación tradicionales. Lejos de plantear su irrupción como una competencia directa, la prensa, la radio y la televisión han visto este nuevo medio como un nuevo canal para llegar a un segmento más amplio de audiencia y ofrecer mayor riqueza de contenidos. La mayoría de los grandes periódicos disponen de versiones online que les permiten la inclusión de contenidos mucho más versátiles y atractivos que los de sus versiones en papel. Así pues, con frecuencia encontramos vídeos y cortes de audio acompañando a las noticias textuales tradicionales. Además, debido a la naturaleza de Internet, los periódicos pueden mantener actualizadas de forma instantánea sus versiones digitales. Otros grandes medios de comunicación, como la televisión y la radio, han encontrado en Internet el canal de comunicación ideal para poder ofrecer servicios de directorio a su audiencia. En este tema también hemos pasado repaso a la irrupción de las redes sociales y el cambio de enfoque que han provocado en lo referente a la interrelación de los usuarios de Internet y la velocidad de propagación de las noticias. Por último, hemos analizado la situación actual de los derechos en Internet; derechos que afectan tanto a los creadores de contenidos como a los propios usuarios. Los primeros han visto cómo su propiedad intelectual se ha visto repetidamente vulnerada, y los segundos han padecido el mal uso de los datos privados por parte de algunas corporaciones. Sin duda, este tema será uno de los principales focos de debate de los próximos años. Entretanto, en el estado español se ha legislado al respecto y el resultado ha sido la Ley Orgánica de Protección de Datos. Es importante que la conozcas, pues dicta cómo deben gestionarse los datos recogidos en todo tipo de páginas web. Su incumplimiento comporta multas de importante cuantía económica.

Ejercicios de autocomprobación Actividad práctica

Rodea con un círculo la alternativa que consideres correcta de las tres que presentamos: 1. Definiremos Internet como… a) Un medio de comunicación. b) Un canal de comunicación. c) Cualquiera de las dos opciones anteriores es correcta. 2. ¿Qué ventaja posee Internet respecto a otros canales de comunicación? a) La sencillez con la que permite acceder a los contenidos. b) La inmediatez con la que se pueden propagar los contenidos. c) La capacidad de transmitir más información.

Internet como mecanismo de comunicación

Imagina por un momento que un cliente te encarga la realización de un proyecto web que consiste en la creación de una tienda online. Para ello es necesario que los usuarios que quieran comprar se registren previamente en la web. ¿Qué le aconsejarías respecto al tratamiento de los datos de usuarios registrados?

3. ¿Cuáles de las siguientes características podemos atribuir a Internet como canal de información? a) Es un canal de comunicación mundial y multifuncional. b) Es un canal de comunicación interactivo y multimedia. c) Cualquiera de las dos opciones anteriores es correcta. 4. Las redes sociales son un tipo de Web 2.0 que se caracteriza por… a) La dificultad para poder relacionarse con otros usuarios. b) La facilidad de uso y la autonomía de los usuarios respecto a la aplicación web. c) Cualquiera de las dos respuestas anteriores es correcta.

Indica si las siguientes afirmaciones son verdaderas o falsas: 5. Puedes incluir, de forma legal, una fotografía en tu página web sin el consentimiento del autor. (V) (F)

Diseño web

33

6. En caso de que diseñes una web donde sea necesario recopilar datos de los usuarios, ¿es obligatorio cumplir lo estipulado en la LOPD? (V) (F)

Historia de Internet. Fundamentos para crear un sitio web

7. Las redes P2P son redes de ordenadores que permiten que los usuarios intercambien archivos multimedia de todo tipo a nivel particular. (V) (F) 8. La multifuncionalidad de Internet se refiere a la capacidad para transmitir mensajes de una persona a muchas y viceversa. (V) (F)

Contesta brevemente a las cuestiones siguientes: 9. Explica con tus propias palabras los cuatro rasgos diferenciadores de Internet como canal de comunicación.

10. Define brevemente en qué consiste el concepto Web 2.0.

Diseño web

34

Las soluciones a los ejercicios de autocomprobación se encuentran al final de esta unidad. En caso de que no los hayas contestado correctamente, repasa la parte de la lección correspondiente.

3.1. Elementos necesarios para conectarse a Internet Ahora que ya sabes a grandes rasgos en qué consiste Internet y las posibilidades y servicios que te ofrece, vamos a abordar los aspectos básicos necesarios para poder disponer de una conexión a Internet. Además, plantearemos algunas de las dudas que surgen con frecuencia en el momento de contratar la conexión. En primer lugar debes tener claro que existen muchos tipos de conexiones a Internet. En función del tipo que elijas, variará la velocidad de acceso y de descarga de contenidos, y también el precio. En este tema vamos a ver casi todos los tipos de conexiones más utilizados, partiendo de la base de que la más extendida a día de hoy en España es el ADSL.

¿Sabías que...? Alrededor de 21 millones de ciudadanos españoles son usuarios habituales de lnternet. Más del 70% de la población dispone de conexión a la Red; lo que la sitúa en cabeza de los países de la Unión Europea junto a las de Alemania, Francia, Italia y Reino Unido.

3.1.1. ¿Qué es una conexión a Internet? La conexión a Internet es el mecanismo físico mediante el cual un ordenador o una red de ordenadores se conectan a Internet. A través de esta conexión se puede acceder a todos los servicios disponibles en Internet, como la web, el correo electrónico o un servidor FTP (Figura 3.1).

Conexión a Internet. Terminología y protocolos

3. Conexión a Internet. Terminología y protocolos

Diseño Diseño web web

35

Figura 3.1 Esquema de conexión a Internet.

Historia de Internet. Fundamentos para crear un sitio web

3.1.2. ¿Qué se necesita para establecer una conexión a Internet? En primer lugar, obviamente necesitas un ordenador personal que tenga unas características básicas. A diferencia de los ordenadores orientados al diseño gráfico o a los juegos, para disfrutar de los servicios de Internet no es necesario que el ordenador sea muy potente: casi ningún programa de los que tendrás que instalarte consume grandes recursos. Lo más probable es que necesites un navegador web, un gestor de correo electrónico, un programa cliente de FTP y algún programa para chatear o realizar videoconferencias (Figura 3.2).

Figura 3.2 Programas necesarios para acceder a algunos de los servicios de Internet.

36

Diseño web

El primer paso que debes seguir es contactar con un proveedor de servicios de Internet (ISP). Estas empresas disponen de diferentes tipos de conexiones: se diferencian en la velocidad de conexión que ofrecen y en el precio. Lo recomendable es contratar una conexión ADSL, pues la relación entre velocidad y precio es la más apropiada para un uso particular o profesional a pequeña escala. Por supuesto, las grandes empresas y universidades disponen de conexiones de alta velocidad que permiten muchas conexiones a Internet de forma simultánea sin que se resienta la velocidad de acceso de cada uno de los usuarios. Si te decides por contratar una conexión ADSL, puedes acudir a cualquier ISP de los que operan actualmente (Movistar, Orange, Jazztel, Tele2, Ono, Vodafone, etcétera). En tu mano está comparar los precios y las velocidades que ofrece cada uno de estos proveedores. (Figura 3.3).

Figura 3.3 Logotipos de los principales ISP que operan en España.

3.1.3. ¿IP fija o dinámica?

Conexión a Internet. Terminología y protocolos

Empecemos por aclarar qué es una dirección IP. Una dirección IP (del inglés Internet Protocol) es un identificador compuesto por un conjunto de cuatro bloques de números que pueden variar del 0 al 255 (por ejemplo: 168.196.22.180). Este identificador sería comparable, por ejemplo, a la matrícula de un automóvil. Así, cada ordenador que está conectado a Internet debe disponer de una dirección de este tipo (también los ordenadores que actúan como servidores de datos, pues los demás ordenadores deben poder acceder a ellos). No obstante, empieza a ser necesario modificar el actual sistema que rige las direcciones IP. ¿El motivo? Mediante la combinación de números que explicábamos arriba se pueden obtener 4.294.967.296 direcciones IP diferentes. Pues bien, dado que el número de ordenadores que se conectan a Internet está creciendo de manera espectacular y que es necesario que cada uno de ellos tenga una dirección IP diferente, el número de direcciones IP disponibles se ha agotado. La nueva versión de las direcciones IP, la v6, permite una cantidad muy superior de identificadores y resuelve este problema. • Cómo averiguar tu IP Una de las formas más sencillas de conocer cuál es tu IP en un PC es escribir en MS-DOS la palabra ipconfig. Para acceder a MS-DOS desde Windows, teclearemos el código CMD, en el cuadro Buscar programas y archivos (Figura 3.4).

Diseño web

37

Figura 3.4 Pantalla de MS-DOS mediante la cual podemos comprobar nuestra IP.

Las direcciones IP pueden ser fijas o dinámicas. Si nuestra IP es dinámica, significa que varía cada cierto tiempo de manera automática; al usuario este cambio constante de la dirección IP no le afecta en nada, pues la conexión funciona independientemente de la IP que uno tenga. Así pues, en una sesión de conexión a Internet la IP de tu ordenador puede cambiar en varias ocasiones y no lo vas a percibir de manera directa. Por norma

general, los proveedores de servicios de Internet otorgan siempre una IP dinámica al usuario. Una dirección IP fija es aquella que no cambia nunca. Por tanto, tu ordenador siempre tendrá el mismo identificador en Internet, de manera que resultará mucho más sencillo acceder a él desde otro ordenador. La IP fija puede resultarte útil para configurar el ordenador y que actúe como servidor de datos. Historia de Internet. Fundamentos para crear un sitio web

Las direcciones IP fijas suelen tener un coste adicional debido a que el proveedor de servicios de Internet no puede reutilizarla para otro usuario cuando tú no estás conectado. Por así decirlo, esa IP está siempre reservada para tu ordenador (Figura 3.5).

IP DINÁMICA FRENTE A IP FIJA IP DINÁMICA Ventajas •

Es más difícil identificar al usuario (puede resultar conveniente si descargas un archivo mediante eMule, por ejemplo).

•

Permite que los ISP reduzcan costes.

IP FIJA Ventajas •

Desventajas •

Es más vulnerable al ataque, puesto que el usuario no puede conseguir otra IP.

•

Es más caro para los ISP, puesto que esa dirección puede no estar usándose las veinticuatro horas del día.

Diseño web

38

Desventajas Figura 3.5 Cuadro explicativo donde se muestran ventajas y desventajas de una IP dinámica y una IP fija.

•

Es ilocalizable; en unas horas puede haber varios cambios de IP.

Permite tener servicios dirigidos directamente a la IP, como por ejemplo acceder remotamente.

3.1.4. ¿Qué dispositivos se utilizan para conectarse a Internet? Los proveedores de servicios a Internet ofrecen diferentes dispositivos para conectarse a Internet. Seguro que sus nombres te suenan: módem, módemrouter, módem PCI… Todos ellos cumplen el requisito básico de permitir la conexión, pero en función del que elijas o del que te ofrezca el proveedor de servicios de Internet podrás conectar más o menos ordenadores a la red para usar la misma conexión. • ¿Qué es un módem? Acrónimo de «modulador-demodulador», un módem es un dispositivo que permite transmitir y recibir información a través de la línea telefónica, transformando las señales digitales que emite el ordenador en señales telefónicas

Figura 3.6

• Módem USB Este tipo de módem se conecta al ordenador mediante una interfaz USB. Solo permite la conexión de un ordenador; por este motivo recibe el nombre de monopuesto. • Módem-Router Este módem realiza funciones de router; es decir, presenta uno o varios puertos Ethernet a los que puedes conectar varios ordenadores mediante un cable Ethernet o RJ45. En el caso de que el módem posea un único puerto Ethernet, la conexión simultánea de varios ordenadores la podrías realizar empleando un concentrador o hub. Este tipo de módems son indicados para crear una pequeña red de área local (LAN), donde podrás conectar varios ordenadores simultáneamente. Permite la configuración monopuesto y multipuesto. • Módem-PCI Consiste en una tarjeta que se inserta en el bus PCI del ordenador. Es un módem interno, por lo que deberás abrir la torre de tu ordenador para poder instalarlo. Al igual que el módem USB, solo se puede configurar para monopuesto.

3.2. Tipos de conexiones a Internet Como hemos explicado en el punto 3.1.2, las empresas que facilitan el acceso a Internet reciben el nombre de proveedores de servicio de Internet

39

Diseño web

analógicas y viceversa (Figura 3.6). A continuación podrás ver un resumen de las características principales de cada uno de estos dispositivos:

Conexión a Internet. Terminología y protocolos

Esquema del proceso de modulación y desmodulación de la señal telefónica.

Historia de Internet. Fundamentos para crear un sitio web

(de las siglas en inglés ISP, Internet Service Provider). Los proveedores de servicio pueden ofrecer diferentes tipos de conexiones que variarán según la tecnología, el ancho de banda contratado y, por descontado, el precio. La conexión más extendida a día de hoy es la conocida ADSL, pero existen otros tipos de conexiones que resumimos a continuación:

Diseño web

40

• RTC (Red Telefónica Conmutada) También conocida como Red Telefónica Básica (RTB), es la conexión tradicional analógica que usamos habitualmente para hablar por teléfono. La información se traduce en impulsos eléctricos y se transmite a través de los hilos de cobre de la red telefónica normal. Para configurar una conexión de este tipo es necesario disponer de una línea de teléfono y de un módem, que se encargará de convertir la señal digital del ordenador en analógica para transferir la información por la línea telefónica. Hoy en día la RTC está en desuso debido a que la velocidad máxima que se puede alcanzar es de 56 Kbits. Con esta velocidad, visitar páginas web con contenidos multimedia (audio, vídeo, animación Flash…) es sinónimo de largas esperas para el usuario. • ADSL Asymmetric Digital Subscriber Line o línea de abonado digital asimétrica. Es una tecnología que permite transmitir simultáneamente voz y datos a través de la misma línea telefónica convencional. Para acceder a Internet mediante una conexión de este tipo es necesario disponer de un módem ADSL. Los datos que enviamos pasan por un filtro o splitter que permite la utilización del servicio de telefonía simultáneamente con el acceso a Internet. Sin entrar a fondo en cuestiones técnicas, podemos decir que una de las características principales del ADSL es que se trata de un servicio asimétrico. Esto quiere decir que la velocidad de envío de datos a Internet y la recepción de datos desde Internet no es la misma: el envío de datos es mucho más lento que la recepción. Otra característica técnica es que la calidad del servicio depende de la distancia del módem ADSL a la centralita del proveedor de servicios. Si es mayor de tres kilómetros, se pierde parte de la calidad y baja la tasa

• RDSI La Red Digital de Servicios Integrados envía la información codificada digitalmente sobre el cable analógico de cobre. Por este motivo, es necesario un módem o adaptador de red que adecue la velocidad entre el ordenador y la línea telefónica. La característica principal de este tipo de conexiones es que permiten muchos servicios simultáneos, como varias llamadas telefónicas de voz, fax y conexión a Internet. Este tipo de conexiones no son recomendables para los particulares por el alto coste de mantenimiento del servicio. • Fibra óptica La conexión por fibra óptica es la que plantea un futuro más prometedor, pues presenta mejores velocidades de acceso y descarga. El problema está en que, debido a lo caro que resulta el cableado, aún no se dispone de este tipo de conexión en todas las ciudades. El cable de fibra óptica presenta innumerables ventajas respecto al cable de cobre convencional; la principal es que la distancia que hay desde el domicilio del usuario hasta el centro del proveedor de servicios no es determinante. Por ese motivo, y por la capacidad de transporte de información del cable, se pueden conseguir velocidades mucho más altas que con las tecnologías existentes hasta ahora.

Conexión a Internet. Terminología y protocolos

Cada punto de conexión a la Red puede dar servicio a entre quinientos y dos mil usuarios que comparten el mismo canal de comunicación con el proveedor. Cuanto mayor es el número de usuarios conectados, más reducida es la tasa de transferencia de cada uno de ellos. La distancia del punto de conexión al usuario no puede superar los quinientos metros.

41

Diseño web

de transferencia. • Cable De los sistemas de conexión a Internet que hemos visto hasta ahora, la conexión por cable es la única que no utiliza la línea telefónica convencional. La señal se transmite mediante un cable coaxial, que debe llegar directamente al usuario. Se trata de una tecnología totalmente distinta donde, en lugar de establecer una conexión directa con el proveedor de acceso, se utilizan conexiones multipunto, en las cuales muchos usuarios comparten el mismo cable.

Historia de Internet. Fundamentos para crear un sitio web

Diseño web

42

• Vía satélite Este tipo de conexión ha experimentado un aumento en los últimos años debido a la saturación de las redes terrestres. El sistema de conexión que se suele emplear es un híbrido de satélite y teléfono. Hay que tener instalada una antena parabólica digital, un acceso telefónico a Internet (utilizando un módem RTC, RDSI, ADSL o por cable), una tarjeta receptora para PC, un software específico y una suscripción a un proveedor de satélite. La conexión tradicional se utiliza para enviar datos y la conexión vía satélite es para recibirlos. • Conexiones vía satélite para dispositivos móviles Este tipo de conexiones utilizan la tecnología móvil UMTS. Mediante un módem USB que se puede adquirir en cualquier proveedor de telefonía móvil, se puede obtener una conexión a Internet a una velocidad similar a la que ofrece el servicio ADSL. Esta conexión resulta perfecta en el caso de que se necesite disponer de gran movilidad: permite acceder con total fiabilidad a Internet sin necesidad de disponer de una línea física de conexión. • Conexiones WIMAX La Worldwide Interoperability for Microwave Access (o interoperabilidad mundial para acceso por microondas) es una norma de transmisión de datos basada en el uso de ondas de radio. Permite la recepción de datos mediante microondas y la retransmisión mediante ondas de radio. Es un tipo de conexión indicado para zonas geográficas aisladas en las que resulta muy complicado acceder con la red de telefonía tradicional por cable. • Conexiones Wi-Fi El término Wi-Fi, que procede del inglés Wireless Fidelity, hace referencia a una tecnología de comunicación inalámbrica que emplea ondas de radio para transmitir datos. Puedes ver la representación esquemática de la estructura básica de una red Wi-Fi en la figura 3.7. Los principales inconvenientes de este tipo de conexión son la vulnerabilidad en los cifrados de seguridad y la dificultad en propagar la señal a través de muros sólidos.

Conexión a Internet. Terminología y protocolos

Muchas administraciones locales están poniendo al servicio de los usuarios el acceso a Internet mediante tecnología Wi-Fi. De este modo, el precio por el acceso a Internet es sufragado por la administración y el usuario solamente necesita un ordenador con un adaptador Wi-Fi para acceder a la red. Por ejemplo, desde el año 2009, más de doscientos municipios ofrecen Internet inalámbrico a sus ciudadanos y la población asturiana de Avilés fue la primera en permitir el acceso gratuito financiando el servicio con publicidad. Además, el 96,5% de las universidades españolas, tanto públicas como privadas, ya han implantado redes Wi-Fi en sus aulas.

Figura 3.7 Estructura básica de una red Wi-Fi.

Diseño web

43

RESUMEN

Historia de Internet. Fundamentos para crear un sitio web

Resumen

Diseño web

44

Hasta ahora, a lo largo de este curso, hemos analizado Internet desde un prisma conceptual. A lo largo del presente tema, por otra parte, has podido establecer contacto con la parte más “física” de la red de redes: desde cómo se estructura el proceso de conexión a Internet mediante los ISP, hasta los dispositivos que permiten efectuar dicha conexión. El objetivo de este tema ha sido aclarar conceptos básicos, como el tipo de conexión a contratar o qué velocidad nos ofrece cada tipo de conexión. Hemos visto en qué consiste una dirección IP y las posibilidades que nos ofrece la contratación de una IP estática frente a una IP dinámica. En definitiva, hemos pasado repaso a todos los parámetros que debemos tener en cuenta a la hora de contratar una conexión que se adapte a nuestras necesidades.

Ejercicios de autocomprobación Actividad práctica

1. ¿Qué entendemos por ISP? a) Es la empresa que nos facilita el software para conectarnos a Internet. b) Es un Proveedor de Servicios de Internet que nos facilita la conexión y, en la mayoría de los casos, también el módem o router que necesitaremos para usarla. c) Es la empresa que nos facilita las conexiones de telefonía móvil. 2. ¿Qué es una dirección IP? a) Es un identificador que nos permite el acceso a Internet. Las direcciones IP están formadas por cuatro grupos de tres dígitos de tal modo que no puede haber dos IP públicas iguales en todo Internet. b) Es la dirección de correo electrónico que nos facilita el ISP cuando contratamos el alta de la conexión a Internet. c) Es un conjunto de números que actúan como contraseña, evitando que otras personas se conecten mediante nuestra conexión. 3. ¿Qué tipo de módem es el indicado para poder compartir una conexión doméstica entre varios ordenadores? a) Módem PCI. b) Módem-Router. c) Módem USB. 4. ¿Qué tipo de conexión a Internet es la más indicada para un usuario doméstico? a) RDSI. b) RTC. c) ADSL.

Indica si las siguientes afirmaciones son verdaderas o falsas: 5. El tipo de conexión a Internet recomendable para un usuario doméstico o un pequeño negocio es el ADSL. (V) (F)

45

Diseño web

Rodea con un círculo la alternativa que consideres correcta de las tres que presentamos:

Conexión a Internet. Terminología y protocolos

Averigua tu dirección IP y detalla los pasos que has seguido para obtenerla.

6. La dirección IP fija es una dirección IP que nos facilita el ISP en el momento de contratar el servicio y que tiene como característica que nunca varía. (V) (F)

Historia de Internet. Fundamentos para crear un sitio web

7. La dirección IP dinámica es una dirección IP que nos permite conectarnos desde diferentes ubicaciones geográficas. (V) (F) 8. El aparato de teléfono es necesario para disponer de una conexión a Internet en casa. (V) (F)

Contesta brevemente a las cuestiones siguientes: 9. ¿Es 126.24.53.259 una dirección IP válida? Justifica tu respuesta.

10. Explica con tus propias palabras qué pasos deberás seguir para obtener una conexión ADSL a Internet y cuáles son los elementos básicos que necesitarás para utilizarla.

Diseño web

46

Las soluciones a los ejercicios de autocomprobación se encuentran al final de esta unidad. En caso de que no los hayas contestado correctamente, repasa la parte de la lección correspondiente.

4. Los servicios de Internet y su funcionamiento 4.1. El servicio web

Los servicios de Internet y su funcionamiento

El servicio web o world wide web, que se podría traducir como «red de alcance mundial», es uno de los dos servicios de Internet más utilizados por los usuarios junto con el correo electrónico. Está basado en la idea de poder mostrar información de todo tipo (texto, imágenes, vídeo, audio...) independientemente del ordenador con el que se acceda a Internet. Para que esto fuera posible hubo que crear un tipo de documentos estándar que permitieran que cualquier usuario pudiera acceder a los contenidos que están publicados en los servidores web disponibles en Internet. Esta estandarización dio como resultado lo que hoy en día conocemos como documentos web, que utilizan el lenguaje HTML para estructurar la información. Estos documentos no dejan de ser una forma de organizar los contenidos que comentábamos anteriormente. En la unidad 3 de este curso verás los pormenores del lenguaje HTML, que te permitirá entender la forma de crear un documento web. La potencia del servicio web no se limita únicamente a la posibilidad de acceder a los contenidos de una forma sencilla: la gran diferencia respecto a otros modos de mostrar información es que permite la relación entre diferentes documentos HTML, de modo que puedes ir saltando de un contenido a otro de forma no secuencial, tal y como se muestra en la figura 4.1. Los elementos que nos permiten saltar entre diferentes documentos HTML se conocen como hiperenlaces, vínculos o links.

Diseño Diseño web web

47

Figura 4.1 Relación entre diferentes documentos HTML no secuenciales.

Historia de Internet. Fundamentos para crear un sitio web

El servicio web fue creado a finales de la década de 1980 por el inglés Tim Berners-Lee y el belga Robert Cailliau mientras trabajaban en el CERN (Centro Europeo de Búsqueda Nuclear), en Ginebra. El trabajo de Tim Berners-Lee consistió en definir un formato de los documentos web para que estos, independientemente del ordenador donde estuvieran alojados, fueran accesibles para todos los usuarios sin importar el sistema operativo o el navegador que utilizaran para acceder.

Diseño web

48

El lenguaje que utilizó Berners-Lee para dar forma al contenido de los documentos se llamaba HTML (HyperText Markup Language). La principal característica de este lenguaje es permitir que la información se pueda estructurar de una forma sencilla y a su vez se pueda enlazar con otros documentos situados en el mismo ordenador o en ordenadores remotos. El HTML es un lenguaje de marcado, es decir, utiliza etiquetas para estructurar el contenido. Como te decíamos, las particularidades de este lenguaje de marcado por etiquetas se desarrollan en la unidad didáctica 3 (Figura 4.2).

Figura 4.2 El lenguaje HTML se estructura en etiquetas.

4.1.1. ¿Cómo se estructura el servicio web? Hasta ahora hemos visto que el servicio web está basado en una serie de documentos HTML que están alojados en servidores web; sabemos también que para acceder a ellos necesitamos un navegador web, como Internet Explorer o Mozilla Firefox. Ahora bien, ¿cómo se estructura la comunicación desde el momento en el que se escribe la dirección de una página web en el navegador hasta que esta se carga? En este proceso intervienen una serie de elementos que definimos a continuación: • Servidor web Cuando un desarrollador web crea una página y quiere que esté disponible para todos los usuarios, lo primero que tiene que hacer es buscar un ordenador donde alojarla. Este tipo de ordenador se denomina servidor web y debe disponer de un programa preparado para gestionar la transferencia de páginas web utilizando el protocolo HTTP (HyperText Transfer Protocol) o protocolo de transferencia para hipertexto.

• Cliente web Se utiliza esta denominación para definir la aplicación que permite acceder a los contenidos web alojados en un servidor. Normalmente el cliente web suele ser el navegador, aunque a veces también se denomina de esta forma al propio ordenador. Existen varios clientes web, aunque los más utilizados son Internet Explorer, Firefox y Google Chrome (Figura 4.3).

Iconos de algunos navegadores web (Internet Explorer, Firefox y Google Chrome).

• Dirección URL Una dirección URL o Uniform Resource Locator (localizador uniforme de recursos) es un medio estándar que permite identificar recursos en Internet y localizarlos. La dirección URL es muy útil para los usuarios, pues escribiéndola en la barra de navegación del navegador pueden acceder a una dirección web concreta (de otro modo, para entrar en una página web deberías memorizar el conjunto de números que forman su dirección IP; imagínate el listado de números que deberías aprenderte al cabo del día…).

Figura 4.4 Las direcciones URL indican el protocolo utilizado (http) y el servicio al que se accede (www).

Los servicios de Internet y su funcionamiento

Figura 4.3

Lo más probable es que ya estés familiarizado con la estructura de una dirección URL (Figura 4.4). No obstante, vamos a desglosar cada una de las partes que la componen: • Http:// Http es el protocolo que se utiliza para la comunicación, es decir, para acceder a los servidores web y enviar y recibir información. • Www Indica el servicio que se va a visitar, en este caso el servicio web. No todas las direcciones comienzan por http://www. Por ejemplo, para acceder a un servicio FTP desde el ordenador deberías teclear en la barra del navegador: ftp://tuusuario:tucontraseñ[email protected] • Dominio Es la información que se escribe después de www. El nombre de dominio nos indica la red donde se halla el ordenador que queremos visitar. El número de dominios registrados en todo el mundo alcanza ya la cifra de 250 millones.

¿Sabías que...? ICANN, Internet Corporation for Assigned Names and Numbers (corporación de Internet para la asignación de nombres y números), es una organización internacional sin ánimo de lucro cuyo cometido es alojar direcciones IP, asignar identificadores de protocolo y gestionar dominios genéricos y territoriales. Con sede en el Estado norteamericano de California, fue fundada el 18 de septiembre de 1998 absorbiendo las tareas de su predecesora, IANA.

Diseño web

49

Historia de Internet. Fundamentos para crear un sitio web

Diseño web

50

• Dominio de nivel superior Por último, debemos especificar el dominio de nivel superior. Existen dos tipos de dominios de nivel superior: los geográficos indican un país o un territorio dependiente (por ejemplo, para el caso de España sería .es, para Francia, .fr, y así para todos los países gestionados por la ICANN). Los genéricos se usan por otros tipos de organizaciones, siendo los más conocidos .com, .net y .org. Así pues, una dirección URL a modo de ejemplo podría ser: http://www.google.com Cuando accedemos a un sitio web mediante su URL, por norma general llegamos a una página principal que suele ser la página de presentación del sitio web. A esta página se le denomina index y se muestra por defecto. En el index o página principal, además de la presentación, solemos encontrar los menús de navegación que nos permitirán acceder a otras páginas del sitio web. A medida que navegamos por el sitio web en cuestión, veremos cómo la dirección URL se va modificando. Esta URL nos muestra el camino que hemos seguido dentro del servidor para acceder a una página en concreto o bien a algún archivo que queramos descargar. Al final de esta URL siempre observaremos el nombre y la extensión del archivo que estamos visitando: por norma general la extensión será .html, pero también podemos encontrar otros tipos de archivo propios de las páginas web, como pueden ser .php o .asp. Aquí tienes un ejemplo para que lo veas más claro: www.bibliotecas.com (home o página principal) www.bibliotecas.com/siglodeoro/lopedevega.html En la segunda ruta hemos accedido al directorio «Siglo de Oro» y hemos cargado el documento HTML que habla de Lope de Vega. • Servidor DNS Un servidor DNS (Domain Name System) es el encargado de traducir las direcciones IP de los servidores en direcciones URL. Como viste en el punto 3.1.3., una IP es un conjunto de números a modo de matrícula que necesitan todos los ordenadores (clientes y servidores) para estar identificados en Internet y poder comunicarse entre ellos. El hecho de tener que memorizar la IP de cada ordenador al que nos queremos conectar haría muy difícil navegar por Internet (Figura 4.5). Así pues, todos los servidores DNS guardan una base de datos que identifica y asocia los nombres de dominios web a sus correspondientes direcciones IP. Esta base de datos se actualiza aproximadamente cada 48 horas. Por ese motivo, en ocasiones, un nuevo dominio de Internet tarda esos dos días en ser visible para todos los usuarios de la red.

Figura 4.5

• Servidor proxy Un servidor proxy es un ordenador intermedio situado entre el sistema del usuario e Internet. Funcionan como servidor de seguridad y como filtro de contenidos, aunque su uso más habitual es el de almacenar en memoria páginas web que son muy visitadas por los usuarios. De ese modo, el usuario no siempre accede a Internet directamente, sino que en algunos casos entra directamente en el servidor proxy y aumenta así la velocidad de acceso a la web solicitada. Este hecho, que puede suponer una ventaja en muchas ocasiones, se convierte en una pesadilla para los diseñadores web, pues necesitan ir modificando aspectos de la web que están creando y viendo los cambios a tiempo real (Figura 4.6).

Figura 4.6 Esquema de funcionamiento de un servidor proxy.

Los servicios de Internet y su funcionamiento

Esquema de funcionamiento de un servidor DNS.

Diseño web

51

4.1.2. Creación de contenidos para el servicio web Como has podido ver en el punto 4.1 de este mismo tema, el servicio web se estructuró en torno al lenguaje de etiquetado HTML. No obstante, debes tener en cuenta que no todo lo que te encontrarás en Internet está programado en HTML. Inicialmente, este lenguaje era suficiente para mostrar los contenidos web, pues las necesidades se reducían a la presentación de estudios e informes de la comunidad científica. Como ya hemos visto, HTML permite la creación de contenidos web de una forma bastante sencilla; sin embargo tiene un punto débil, y es que solo permite presentar textos e imágenes y, como mucho, insertar algún elemento multimedia como vídeo o audio. Por este último motivo, a medida que el número de usuarios de Internet aumentó y surgió la necesidad de realizar aplicaciones web más completas y funcionales, tuvieron que buscarse nuevos lenguajes de programación más versátiles que permitieran plantear funcionalidades más complejas, como crear una página web asociada a una base de datos, controlar el acceso de usuarios, abrir tiendas virtuales y, sobre todo, programar automatizaciones para poder actualizar los contenidos web de una forma sencilla y dinámica.

¿Sabías que...? El número de usuarios de Internet ha superado ya los mil millones y se prevé que en los próximos años la cifra aumente hasta los dos mil millones.

4.2. El servicio FTP

Historia de Internet. Fundamentos para crear un sitio web

FTP son las siglas en inglés de File Transfer Protocol, que en español significa protocolo de transferencia de archivos. Como su nombre indica, este servicio permite enviar y recibir archivos sin necesidad de usar el servicio de correo y sin tener que interpretar los archivos en el navegador como haria el servicio web. Un FTP suele utilizarse para el intercambio de archivos entre dos ordenadores, archivos cuyo tamaño en bytes suele ser demasiado grande como para ser enviados mediante correo electrónico. Una de las grandes ventajas del servicio FTP es que los archivos se pueden intercambiar entre dos ordenadores independientemente del sistema operativo que utilice cada uno de ellos. También hay que destacar que la conexión de datos es bidireccional; es decir, se pueden transferir archivos tanto de subida al servidor como de descarga (Figura 4.7).

Diseño web

52

Figura 4.7 Esquema de funcionamiento del servicio FTP.

Existen dos tipos de acceso a un servidor FTP: el acceso privado y el acceso anónimo. ¿Adivinas en qué se diferencian?: • El FTP privado se utiliza para conectarse a un servidor y enviar archivos a un directorio para hacerlos públicos. El acceso es privado y se solicita contraseña para evitar que cualquiera pueda acceder y efectuar modificaciones. • El FTP anónimo se utiliza solo para la descarga de ficheros, sin ser necesaria autentificación para el acceso. Todo el que quiera puede acceder al servidor y descargar archivos.

Para un diseñador web, el servicio FTP resulta totalmente imprescindible, puesto que gracias a él podemos conectar con el servidor donde alojaremos nuestra página web. Previamente deberemos haber contratado un espacio web con algún proveedor de servicio de alojamiento web o hosting. Una vez tengamos contratado este servicio, la empresa nos facilitará unos datos de acceso que deberemos indicar en el programa que utilizaremos para conectar con el servicio FTP, programa llamado cliente FTP. En la unidad 9 de este curso aprenderás cómo se configura un cliente FTP para poder acceder al servidor y publicar tu página web o bien para poder subir o descargar archivos. Los servicios de Internet y su funcionamiento

La utilidad del servicio FTP va más allá de permitir la publicación de archivos en la web. Imagínate que necesitas enviar una muestra de un diseño a un cliente para que te dé el visto bueno al trabajo. Si el archivo pesa 200 Mb, va a ser imposible enviar ese archivo mediante correo electrónico: necesitas un FTP, que te permitirá subir el archivo a un servidor y que tu cliente lo descargue desde otro ordenador remoto, evitando de este modo gastos económicos y retrasos en la fecha de entrega. El acceso a un servidor FTP se realiza comúnmente de dos formas; la más habitual y recomendable es mediante un programa cliente FTP, como ya hemos comentado. La imagen que mostramos a continuación ilustra una interfaz típica de un cliente FTP (Figura 4.8).

Diseño web

53

Figura 4.8 Captura de la interfaz gráfica de un programa cliente FTP.

La segunda forma es mediante el propio navegador web. Para ello será necesario indicar que el protocolo que se usa es FTP; justo a continuación se escribe la dirección del servidor FTP al que nos queremos conectar. En esta imagen verás un ejemplo de conexión a servidor FTP mediante el navegador web (Figura 4.9).

Historia de Internet. Fundamentos para crear un sitio web

Figura 4.9 Ejemplo de conexión a servidor FTP mediante navegador web. Solicitud de nombre de usuario y contraseña.

4.3. El servicio de correo electrónico Junto con el servicio web, el correo electrónico es el servicio más usado por los usuarios de Internet. El correo electrónico o e-mail (del inglés electronic mail) es un servicio de Internet que permite a los usuarios enviar y recibir mensajes de forma casi instantánea. Para poder usar el servicio de correo electrónico vas a necesitar, entre otras cosas, una dirección de correo electrónico. La dirección de correo electrónico es un identificador único (no pueden existir dos iguales), que nos servirá para poder enviar la información que creamos oportuna a cualquier otro usuario de Internet del que conozcamos su dirección.

Diseño web

54

4.3.1. La dirección de correo electrónico

¿Sabías que...? El símbolo arroba se ha dado a conocer mayoritariamente desde la irrupción de Internet y en concreto del servicio de correo electrónico. Sin embargo, su historia es mucho más antigua y su origen se remonta al latín. Los árabes ya lo usaban hace siglos, y los marineros lo empleaban habitualmente para detallar el contenido de las bodegas de sus barcos.

Como hemos comentado en el punto anterior, la dirección de correo electrónico es un identificador único que está asociado a un buzón de correo. La estructura más común es esta que ves aquí: [email protected] • Nombre: es la parte que se encuentra a la izquierda de la arroba y que hace referencia a nuestra dirección personal. Nunca podrán existir dos nombres que sean idénticos dentro del mismo proveedor de correo. El nombre puede estar formado por una combinación de letras y caracteres como el punto (.) o el guión bajo (_). La longitud máxima del nombre de una dirección de correo es de 64 caracteres. Además, en ningún caso se podrán usar los acentos ni dejar espacios en blanco. Lo recomendable es usar un nombre que sea fácil de recordar; así a los demás usuarios les resultará más sencillo enviarte un mensaje.

• Dominio: situado a la derecha de la arroba, el dominio nos indica el servidor en el cual se aloja nuestro buzón de correo. Como comentábamos anteriormente, no podrán existir dos nombres idénticos dentro del mismo servidor de correo. Por ejemplo, si nuestro servidor de correo es Gmail, no podrán existir dos direcciones como esta: [email protected]

Los servicios de Internet y su funcionamiento

En el momento de crear la segunda dirección de correo, el sistema nos alertará de que ya existe una dirección con ese nombre y nos obligará a modificarla. No obstante, una dirección muy parecida que sí nos permitiría crear el servidor de correo sería: [email protected] Esta característica no impide que el nombre de la dirección de correo se repita en otro servidor, ya que el dominio diferencia ambas direcciones, por ejemplo: [email protected] Que el correo electrónico haya llegado a superar al correo convencional por carta no es debido únicamente a la comodidad y facilidad para el envío. Uno de los principales motivos esgrimidos por los propios usuarios es la posibilidad de adjuntar archivos multimedia (imágenes, vídeo, audio, animaciones…). No es de extrañar, pues, que nos hallemos ante uno de los servicios más utilizados por los usuarios de Internet (Figura 4.10).

Diseño web

55

Figura 4.10 El servicio de correo electrónico permite el envío de archivos adjuntos.

Historia de Internet. Fundamentos para crear un sitio web

4.3.2. ¿Qué es necesario para el envío de un correo electrónico?

¿Sabías que...? Desde 2012, Hotmail ha pasado a llamarse Outlook. Esto puede crear confusión, ya que se llama igual que el gestor de correo POP3.

Ahora que ya sabes cuál es la estructura de una dirección de correo electrónico, te preguntarás cómo puedes obtener una. Lo que tienes que hacer es buscar un proveedor de correo electrónico; como comprobarás, hay muchísimos y se diferencian sobre todo por la calidad del servicio que ofrecen. Básicamente, se pueden dividir en dos tipos: los correos gratuitos y los correos de pago. Las más utilizadas por los usuarios de Internet son las cuentas de correo electrónico gratuitas. Si optas por contratar un servicio de pago, por lo habitual se te asignará un dominio propio (por ejemplo, www.tunombre.com) y una serie de cuentas de correo asociadas a este dominio (info@tunombre. com). Aquí tienes algo más de información: • Servicio de correo gratuito Seguro que has entrado alguna vez en la página de Gmail o de Hotmail. Pues bien, estos son precisamente proveedores de correo electrónico gratuitos. Como hemos comentado anteriormente, dado que estos servicios son gratuitos incluyen publicidad, o bien incrustada en el mensaje de correo electrónico, o bien en la página web que visitas para poder acceder al envío y recepción de e-mails. La mayoría de estos proveedores solo permiten acceder al correo desde su propia página web, donde previamente debes identificarte con un nombre de usuario y una contraseña. No obstante, también existen algunos proveedores que permiten consultar el correo desde un programa cliente de correo en el ordenador del usuario (por ejemplo, Mozilla Thunderbird).

Diseño web

56

Una particularidad de estos correos es que en la dirección se muestra el nombre del proveedor. Este tipo de direcciones suelen reservarse para el plano personal, pues en el ámbito profesional no acaban de dar un aspecto serio; por ese motivo, prácticamente todas las empresas compran un dominio propio y disponen así de una dirección de correo electrónico totalmente personalizada. Lo verás más claro con un ejemplo (Figura 4.11):

Figura 4.11 Captura de la página web de un conocido proveedor de servicio de correo electrónico gratuito.

Servicio de correo gratuito de Gmail: [email protected] Contratando el dominio programacion_web.com: usuario@programacion_web.com

Los servicios de Internet y su funcionamiento

• Servicio de correo de pago Los proveedores de correo electrónico de pago ofrecen un servicio mucho más completo que los gratuitos. El correo se puede consultar tanto por la web del proveedor como configurando un cliente de correo en el ordenador del usuario. El servicio de pago suele ir asociado al registro de un dominio, de modo que las cuentas de correo mostrarán a la derecha de la arroba el nombre del dominio que se haya registrado (tal y como has podido ver en el ejemplo anterior). Acabamos de mencionar que el correo electrónico se puede consultar por la web o mediante un cliente de correo electrónico instalado en tu ordenador. ¿Cuáles son las diferencias entre hacerlo de uno u otro modo? Para entenderlas mejor será necesario explicar los protocolos de comunicación que se utilizan para enviar y recibir un mensaje de correo electrónico. • Correo web Este tipo de servicio, también llamado webmail, es ofrecido por casi todos los proveedores de servicio, sean gratuitos o de pago. Permite enviar y recibir correos mediante el acceso a una página web preparada a tal efecto. Así pues, para leer el correo solo es necesario disponer de conexión a Internet y de un navegador web (Figura 4.12).

Diseño web

57

Figura 4.12 Captura de la interfaz gráfica de un servicio de correo web o webmail.

siOP3 nte do

Historia de Internet. Fundamentos para crear un sitio web

Ventajas: El correo web es cómodo porque permite visualizar los e-mails accediendo desde un ordenador en cualquier parte del mundo. Esto es debido a que el servicio de correo se encuentra en un servidor remoto, donde se almacenan los e-mails enviados y recibidos.

Diseño web

58

Desventajas: Hoy en día las desventajas de este tipo de servicio de correo son pocas respecto a los clientes de correo electrónico. No obstante, se podría señalar que acceder vía web al servicio de correo puede resultar más lento que si se utiliza un cliente de correo instalado en el propio ordenador del usuario. • Clientes de correo electrónico Un programa cliente de correo electrónico es aquel que tenemos instalado en nuestro ordenador y nos permite enviar y recibir mensajes. Ten en cuenta que no todas las empresas proveedoras de correo electrónico permiten esta opción, así que deberás asegurarte antes. A diferencia del webmail, para utilizar el cliente de correo deberemos configurar los protocolos que nos permitirán conectarnos a los servidores que gestionan el envío y la recepción de los correos electrónicos. Para ello, la empresa proveedora deberá facilitarte los datos de los protocolos que utiliza para enviar y recibir los e-mails. A continuación explicamos en qué consisten estos protocolos: • Protocolo SMTP Es el protocolo estándar de Internet para enviar correo electrónico. Sus siglas significan protocolo simple de transmisión de correo (Simple Mail Transfer Protocol). En el momento de enviar un correo electrónico utilizamos como medio el protocolo SMTP, que es el encargado de hacer llegar el correo a la cuenta de e-mail de destino. Así pues, cuando configuramos la cuenta de e-mail en nuestro gestor de correo, deberemos especificar el servidor de correo saliente SMTP. El SMTP de nuestra cuenta de correo siempre será facilitado por el proveedor de servicio que hayamos contratado. Cualquier otro SMTP que introduzcamos hará que la cuenta de correo no funcione correctamente. • Protocolo POP3 Es el más extendido para leer correo electrónico, y sus siglas son el acrónimo de Post Office Protocol. Las cuentas del tipo POP3 permiten descargar los e-mails en el disco duro del usuario mediante los programas clientes de correo como Outlook, Mozilla Thunderbird o Eudora. Al igual que el protocolo SMTP, deberemos configurar los datos del POP3 en nuestro gestor de correo para que podamos recibir los e-mails que se envíen a nuestra dirección de correo.

Figura 4.13 Muestra del proceso de configuración de un programa cliente de correo.

Los servicios de Internet y su funcionamiento

• Protocolo IMAP Las cuentas que utilizan el protocolo IMAP te permitirán conservar el correo entrante en el servidor el tiempo que desees. De este modo podrás gestionar tus mensajes desde cualquier ordenador donde tengas configurada la cuenta de correo IMAP. Los buzones de Entrada, Salida y Papelera estarán siempre visibles independientemente del ordenador que utilices para acceder a tu cuenta de correo. Aunque este tipo de protocolo no lo ofrecen todos los proveedores, es el más indicado si vas a tener que trabajar con tu correo electrónico desde más de un ordenador (en el trabajo o desde casa) (Figura 4.13).

Diseño web

59

¿Sabías que...? Se llama spam a los correos electrónicos enviados en cantidades masivas, no solicitados, no deseados, de tipo publicitario y que perjudican al receptor.

4.3.3. El mensaje de correo electrónico

Historia de Internet. Fundamentos para crear un sitio web

Llegados a este punto, ya estás casi listo para utilizar tu cuenta de correo electrónico. Sin embargo, aún hay algo más de información que debes saber. ¿Con qué elementos debes familiarizarte para escribir un correo electrónico? Toma nota:

Diseño web

60

• Destinatario (campo Para, To en inglés). En este campo se indica la dirección de correo electrónico a la que quieras enviar un mensaje. Si el mensaje lo quieres mandar a varios destinatarios a la vez, deberás indicar todas las direcciones seguidas, separadas por punto y coma (algunos programas admiten simplemente una coma). También te encontrarás con los campos CC y CCO, que son opcionales y sirven para hacer llegar copias del mensaje a otras personas: • Campo CC (Copia de Carbón, CC también en inglés). Se utiliza para enviar copias del mensaje que estás escribiendo a otras personas, aparte del destinatario principal. Todos pueden ver las direcciones de las demás personas que están copiadas. • Campo CCO (Copia de Carbón Oculta, BCC en inglés). Una variante del CC, que hace que no se pueda ver ninguna de las direcciones a la que va dirigido el correo y que están en este campo. Por tanto, te resultará útil si quieres enviar un mensaje a varias personas sin que cada una vea las direcciones de los demás. También puedes enviar el mensaje a una tercera persona sin que el destinatario principal se dé cuenta: solo tienes que copiar la dirección de esa tercera persona en el campo CCO. • Asunto (Subject en inglés). En este campo indicaremos una pequeña descripción de lo que el receptor se encontrará en el cuerpo del mensaje. De ese modo ayudamos a que el receptor sepa de qué trata el mensaje antes de abrirlo. • Cuerpo del mensaje. Es el campo en el que se escribe el cuerpo del mensaje que queremos transmitir. El texto puede ser simple o bien incluir algún tipo de formato (color de letra, negrita, cursiva…). Además de escribir un texto, podremos adjuntar a nuestro mensaje archivos de todo tipo. En este caso deberás tener cuidado, pues el tamaño de tales archivos no podrá exceder el máximo que permita el servidor de correo de la persona que envía el e-mail ni el servidor de la persona que lo recibe. En caso que sobrepases el tamaño asignado para los archivos adjuntos, el email puede que no se envíe ni se reciba correctamente. Para que te hagas una idea, con Gmail puedes enviar como máximo 25 Mb (Figura 4.14).

4.4. Servicios de chat y mensajería instantánea Si estás familiarizado con Internet seguro que has oído hablar de los chats y quizá hayas entrado en uno alguna vez. Pese a no ser tan utilizados como el servicio web y el correo electrónico, se trata de un popular servicio que cuenta con muchísimos adeptos. Los servicios de chat y voz sobre IP son los que están experimentando una mayor evolución tecnológica: por este motivo podemos decir que se trata en parte del futuro de Internet. El servicio de chat presenta una arquitectura muy similar a otros servicios de Internet como el e-mail o la web. Esta arquitectura está basada en un ordenador cliente (el del usuario) y un servidor donde se accede al servicio. Su nombre, pues, es sencillo: arquitectura cliente/servidor.

4.4.1. ¿Qué es un chat y cómo funciona? La palabra chat es un anglicismo que significa «charla» y se adaptó al lenguaje informático para definir una comunicación escrita entre dos o más personas a través de Internet. Esta comunicación puede realizarse de manera pública, en la que el usuario accede a una sala virtual donde puede haber varias personas y en la que puede entablar conversación con una o varias a la vez (todos los usuarios podrán leer lo que escriba cada uno de ellos) o de manera privada, en la que conversan dos o más personas que previamente se han intercambiado los datos para chatear. Que el chat se haya convertido en uno de los servicios más utilizados en Internet se debe principalmente a dos motivos: • Permite la conversación entre usuarios con intereses similares independientemente de la distancia que los separe. • Las conversaciones son a tiempo real y resultan más económicas que una llamada telefónica. A finales de los años 80, se produjo la irrupción del IRC (Internet Relay

61

Diseño web

Los programas cliente de correo electrónico permiten adjuntar todo tipo de archivos.

Los servicios de Internet y su funcionamiento

Figura 4.14

Historia de Internet. Fundamentos para crear un sitio web

¿Sabías que...? El verbo chatear –“mantener una conversación mediante el intercambio de mensajes electrónicos”– se originó a raíz del uso frecuente del anglicismo chat entre los usuarios de Internet. A pesar de su gran calado social, esta palabra no fue reconocida por la Real Academia Española como verbo relacionado con la informática hasta junio del 2007. Hasta entonces, para la RAE “chatear” era la acción de tomar chatos de vino.

Chat). El IRC supuso una revolución porque fue el primer sistema de chat que se creó y porque popularizó esta forma de comunicación. Además, estructuró sus salas de chat o canales, de modo que los usuarios podían acceder de una forma sencilla tanto vía web como mediante la aplicación cliente. Hoy en día, veinte años después, sigue siendo de los sistemas de chat más utilizados. ¿Tienes ganas de empezar a chatear? Te explicamos cómo: Para conectarte a un chat puedes escoger entre dos opciones: mediante un navegador web o con un programa cliente de chat (seguro que estas dos modalidades te suenan: son bastante similares a las que se necesitan para acceder al correo electrónico). Aquí tienes más detalles acerca de ellas: • Acceso al chat mediante web Este tipo de acceso es conocido como webchat y su funcionamiento es bien sencillo: el usuario accede a una página web donde existen una serie de «salas» de chat agrupadas por temáticas. Para entrar en una de ellas, debes elegir un nombre de usuario o nickname; si nadie está utilizando ese nombre, ya puedes acceder a la sala y empezar a chatear (Figura 4.15). Actualmente se utilizan dos tecnologías para la programación de salas

Diseño web

62

Figura 4.15 Captura de la interfaz gráfica de un servicio de chat a través de la web.

de chat: una de ellas es mediante HTML y la otra mediante Java. Si la sala de webchat está realizada en Java, nuestro navegador deberá tener instalado un applet de Java para que funcione correctamente. En ambos casos el navegador nos avisará de la naturaleza de la sala de chat y nos pedirá permiso para instalar los componentes necesarios en caso de necesitar la instalación de un applet. • Acceso al chat mediante un programa cliente

¿Sabías que...? Se conoce como IRC al protocolo de comunicación para establecer conversaciones o debates escritos entre dos o más personas (chat). A diferencia de la mensajería instántanea, los usuarios pueden o no conocerse con anterioridad, pues solo necesitan coincidir en el canal para comunicarse entre sí.

Los servicios de Internet y su funcionamiento

A diferencia del acceso mediante webchat, los programas clientes resultan más versátiles y cómodos para el usuario. Durante mucho tiempo, el programa cliente de chat más utilizado fue mIRC, que sirve para conectarse al chat IRC. Sin embargo, este programa se vio superado cuando Microsoft lanzó al mercado el cliente para chat Messenger. Éste se hizo tan popular porque presentaba bastantes cambios respecto a los clientes de chat que existían hasta el momento; el más sustancial es que en Messenger solo se podía hablar con usuarios que previamente hubiéramos agregado a nuestra cuenta, a diferencia de los demás tipos de chat, donde podías contactar con cualquier usuario que estuviera conectado (Figura 4.16).

Figura 4.16 Captura de la interfaz gráfica de un cliente de mensajería instantánea.

Como veremos en el punto siguiente, muchos de estos clientes de chat han ido incluyendo servicios como los de videollamada o audiollamada, que permiten ver y oír a tiempo real a la persona con la que hemos establecido una comunicación. Todos estos servicios han desembocado en una nueva tecnología llamada voz sobre IP, que veremos a continuación.

4.5. Voz sobre IP La voz sobre IP (también llamada VoIP o Voice over IP) es una tecnología que permite la transmisión de la voz por Internet. Por tanto, hace posible la realización de llamadas telefónicas a través de Internet utilizando un ordenador en lugar de un terminal de teléfono estándar.

¿Sabías que...? A partir de 2013, Messenger desapareció y se integró en Skype, que también es propiedad de Microsoft.

Diseño web

63

4.5.1. Servicio de telefonía sobre IP

Historia de Internet. Fundamentos para crear un sitio web

A este servicio que funciona gracias a la tecnología de voz sobre IP se le llama telefonía sobre IP. El funcionamiento de una llamada mediante telefonía IP es bastante sencillo: en primer lugar se produce una conversión de la señal de voz analógica a formato digital; después se comprime la señal resultante a protocolo de Internet (IP) para que se pueda transmitir. La información viaja en paquetes de datos al igual que lo hace un correo electrónico o una conversación de chat. El proceso es el mismo pero a la inversa en el ordenador del usuario que recibe la llamada: de ese modo se recupera de nuevo la señal de voz analógica ensamblando los paquetes de información recibidos (Figura 4.17). Hay tres tipos de llamadas en telefonía IP: • De ordenador a ordenador: siempre es gratuita. • De ordenador a teléfono: gratis en algunas ocasiones; depende del destino. • De teléfono a teléfono: resultan más baratas que las llamadas de telefonía convencional.

Diseño web

64

Figura 4.17 Captura de la interfaz gráfica de un programa de telefonía sobre IP.

¿En qué se diferencia la telefonía IP de la telefonía convencional? En una llamada telefónica convencional, la centralita telefónica establece un circuito de comunicación permanente y dedicado entre ambos interlocutores. Esta conexión se utiliza para llevar las señales de voz. En una llamada telefónica por IP, los paquetes de datos, que contienen la señal de voz digitalizada y comprimida, se envían a través de Internet a la dirección

Teniendo esto en cuenta, es obvio que el precio resultará mucho más barato que el de una llamada telefónica convencional. En consecuencia, el número de usuarios que se decantan por esta tecnología está aumentando, tal y como indica la gráfica que puedes ver a continuación (Figura 4.18):

¿Sabías que...? La irrupción de programas como Skype, basados en la voz sobre IP, ha provocado que los operadores de telefonía convencional rebajen sustancialmente sus tarifas a los clientes debido a la competencia.

LARGA DISTANCIA (MUNDIAL) 600 500 400 300 200 100

Los servicios de Internet y su funcionamiento

IP del destinatario. Cada paquete puede utilizar un camino para llegar, están compartiendo un medio, una red de datos. Cuando llegan a su destino son ordenados y convertidos de nuevo en señal de voz. Por este motivo el canal de transmisión que es Internet se comparte con otros servicios como pueden ser el correo electrónico, la web o el chat y el aprovechamiento del canal es mucho mayor que en la telefonía convencional.

0 2006

2007

2008

2009

2010

2011

2012 Figura 4.18

Telefonía convencional

Voz sobre IP

Tráfico en minutos de Voz sobre IP (Probe Research).

Diseño web

65

RESUMEN

Historia de Internet. Fundamentos para crear un sitio web

Resumen

Diseño web

66

Todos los temas que hemos visto hasta ahora son importantes, pero si tuviéramos que destacar uno de ellos por encima de los demás, sin duda nos decantaríamos por éste. A lo largo del presente tema hemos analizado a fondo en qué consisten los principales servicios web, cómo se estructuran y qué rendimiento podemos sacar de cada uno de ellos. Los distintos servicios que podemos encontrar en Internet tienen una estructura común. Dicha estructura no es otra que el binomio cliente-servidor. Los ordenadores cliente son aquellos que, por norma general, emplean los usuarios. Éstos se valen de la red de redes para acceder a los numerosísimos equipos informáticos que actúan como servidores. Dichos servidores están enfocados a ofrecer los diferentes servicios que podemos encontrar en Internet, desde el servicio web al chat, pasando por el email, el FTP… Independientemente del nexo común que constituye la arquitectura clienteservidor, cada uno de los servicios presenta sus particularidades y está enfocado a satisfacer distintas necesidades de los usuarios de Internet. Al analizar el servicio web, hemos visto cómo se estructura y cuál es el camino que sigue la información desde que tecleamos una dirección URL en el navegador hasta que la página se muestra en pantalla. Aunque todavía no hemos profundizado en el lenguaje de marcado HTML, a lo largo de este tema hemos podido ver en qué consiste y cuáles son sus limitaciones a la hora de crear páginas web complejas. En cuanto al resto de servicios, cabe destacar las dos variedades principales de correo electrónico: el servicio de correo gratuito y el de pago. También hemos visto la estructura de una dirección de correo electrónico y los diferentes tipos de servidores que nos permiten el envío y la recepción de correos. Aunque su difusión no es tan amplia, los servicios de chat y FTP también presentan sus particularidades. El primero ha ido evolucionando desde los primeros chats textuales hasta los modernos programas que permiten el uso de vídeo en tiempo real. Este avance ha forzado la aparición del servicio de voz sobre IP, que permite realizar llamadas telefónicas con imagen y cuya constante progresión, como hemos podido ver, nos permite augurarle un futuro prometedor respecto a las llamadas telefónicas convencionales.

Ejercicios de autocomprobación Actividad práctica

1. ¿Cómo se llaman los elementos que nos permiten saltar de unos documentos HTML a otros? a) Enlaces o links. b) Textos digitales. c) Servidores web. 2. ¿Qué es un dominio de nivel superior? a) Es el nombre final que tendrá nuestra web. b) Es el dominio que nos indica el país al que pertenece o bien la organización o propósito del dominio. c) Es la dirección completa de nuestra web. 3. ¿Cuál es la arquitectura básica en la que se basa el servicio web? a) Arquitectura cliente-cliente. b) Arquitectura cliente-servidor. c) Arquitectura servidor-servidor. 4. ¿Qué entendemos por dirección URL? a) Es la dirección que escribimos en la barra de navegación y que nos sirve para acceder a la página web que deseamos visualizar. b) Es el conjunto de números que forman la dirección IP del servidor que queremos visitar. c) Ninguna de las dos respuestas es correcta.

Indica si las siguientes afirmaciones son verdaderas o falsas: 5. El servicio FTP permite más capacidad para el envío de correos. (V) (F) 6. Una dirección de correo electrónico se compone de nombre y arroba. (V) (F)

67

Diseño web

Rodea con un círculo la alternativa que consideres correcta de las tres que presentamos:

Los servicios de Internet y su funcionamiento

Explica de forma razonada y breve cómo se estructura el servicio web a partir de su arquitectura. Nombra también los navegadores web más utilizados.

7. El protocolo POP3 permite la recepción de correos electrónicos. (V) (F) 8. El servicio que nos permite realizar llamadas telefónicas por Internet se denomina Telefonía sobre IP.

Historia de Internet. Fundamentos para crear un sitio web

(V) (F)

Contesta brevemente a las cuestiones siguientes: 9. Describe brevemente las diferencias entre el protocolo FTP y el protocolo HTTP.

10. Explica brevemente las diferencias entre el protocolo SMTP y POP3.

Diseño web

68

Las soluciones a los ejercicios de autocomprobación se encuentran al final de esta unidad. En caso de que no los hayas contestado correctamente, repasa la parte de la lección correspondiente.

5. Los buscadores web 5.1. Una herramienta para buscar información Debido al crecimiento exponencial de los contenidos disponibles en Internet y la falta de algún tipo de catalogación, se hizo necesaria la creación de herramientas que ayudaran a los usuarios a acceder de una forma más o menos ordenada a dichos contenidos.

Los buscadores web

Estas herramientas son los buscadores web, que no dejan de ser una base de datos donde se almacenan direcciones de páginas web agrupadas por categorías. En función del tipo de buscador, el almacenaje de las páginas será realizado por personas o bien por computadoras que se dedican a visitar las webs y guardar la dirección en una gran base de datos para que luego los usuarios podamos realizar búsquedas concretas sin necesidad de navegar durante horas por la web. A continuación exponemos las características y el funcionamiento de cada tipo de buscador (Figura 5.1).

Figura 5.1 Esquema del funcionamiento de un buscador web.

5.2. Tipos de buscadores web Existen dos clases de buscadores en Internet: los que son de tipo directorio y los que son motores de búsqueda. ¿Sabes en qué consiste cada uno de ellos?: • Buscadores de Internet tipo directorio o índices temáticos. Son sistemas de búsqueda por temas o categorías jerarquizados (aunque también suelen incluir sistemas de búsqueda por palabras clave). Se trata de bases de datos de direcciones web elaboradas «manualmente», es decir, un equipo de trabajo se encarga de asignar cada página web a una categoría o tema determinado. Yahoo! es un buscador que incorpora los dos tipos de búsqueda: tanto un motor como un directorio (Figura 5.2).

Diseño Diseño web web

69

Historia de Internet. Fundamentos para crear un sitio web

Figura 5.2 Captura de la página principal del buscador Yahoo!.

• Motores de búsqueda. Los motores de búsqueda surgieron con posterioridad a los directorios. Son bases de datos que incorporan automáticamente páginas web mediante «robots» de búsqueda en la red. Estos robots, también llamados spiders (arañas), son programas que visitan continuamente páginas web y, mediante la identificación de palabras clave, van almacenando y ordenando cada una de las páginas visitadas. El resultado es un listado de direcciones de páginas web que tratan temas relacionados con las palabras clave que se introdujeron en la búsqueda. El mayor motor de búsqueda es Google (Figura 5.3).

Diseño web

70

Figura 5.3 Captura de la página principal del motor de búsqueda Google.

5.3. Algunas preguntas sobre los índices temáticos y los motores de búsqueda Seguro que te estás planteando cuál de los dos sistemas deberías utilizar a la hora de realizar una búsqueda determinada. En los siguientes párrafos vamos a intentar resolver todas tus dudas:

• Si se realiza la misma búsqueda con un índice temático y con un motor de búsqueda, ¿cuál de los dos me devolvería más resultados? La base de datos de un motor de búsqueda siempre es más amplia que la de un índice. El método de almacenamiento y clasificación es automático, ya que lo realiza un robot: evidentemente, eso permite que se incorporen más entradas que si se hiciera de forma manual, como ocurre en los índices temáticos. • ¿Qué tipo de buscador es más conveniente? La conveniencia de uno u otro depende del tipo de datos que estemos buscando. Si estamos buscando información sobre un tema genérico (por ejemplo, la antropología en Aragón), sería mejor usar un índice temático, ya que el contenido de las páginas que me ofrezca va a estar muy relacionado con la categoría, es decir, con el tema de la búsqueda. Si el motivo de la búsqueda es más concreto (por ejemplo, un autor o el título de una obra), el motor de búsqueda va a resultar más eficaz, ya que su base de datos es más amplia. • ¿Puedo estar seguro de que todas las páginas que se me indiquen tratarán el tema buscado? En un índice sí. En un motor no tienes esa seguridad, ya que al realizar la búsqueda por palabras clave podemos encontrar páginas que, aunque contengan las palabras indicadas, traten de temas muy diferentes al que nos interesa. Por ejemplo, si en un motor introducimos la palabra «Zeus» tratando de obtener información sobre el dios griego, es posible

71

Diseño web

• En las bases de datos de los buscadores, ¿están indexadas todas las páginas de la web? La cantidad de páginas existentes en la Red es tan grande que eso sería imposible: sería necesario un volumen ingente de almacenamiento. Los buscadores van incorporando solamente aquellas páginas que encuentran con sus sistemas de rastreo. No obstante, para que la página web se indexe correctamente el diseñador web debe seguir una serie de pasos que explicaremos en la unidad 9 de este curso.

Los buscadores web

• ¿Un buscador es un programa instalado en mi ordenador? No. Un buscador es una página web, con la particularidad de que los servidores donde está alojada disponen de grandes sistemas de almacenamiento en los que se guardan bases de datos con direcciones de páginas web, que posteriormente ponen a nuestra disposición cuando hacemos la búsqueda.

Historia de Internet. Fundamentos para crear un sitio web

que nos salga también la página de un local de fiestas con ese nombre. No obstante, los motores ofrecen técnicas para afinar las búsquedas y eliminar, en lo posible, este tipo de resultados no deseados. Es lo que se conoce como búsquedas avanzadas.

5.4. Aspectos básicos del funcionamiento de Google En un apartado sobre buscadores web resulta indispensable mencionar a Google, el más utilizado por los usuarios. Aunque seguro que ya has visitado su página, no estará de más indicar que la dirección es www.google.es (o www.google.com en su versión internacional). Los algoritmos matemáticos que utiliza Google para clasificar las páginas y marcar el orden en el que aparecerán al realizar la búsqueda son un secreto muy bien guardado, pues ahí radica el secreto de su éxito. Para que llegues a conocer Google en profundidad daremos un paseo por su interfaz gráfica y te enseñaremos a realizar búsquedas más efectivas. Ten en cuenta que el control de una herramienta tan potente como Google es básica para un buen diseñador de páginas web: como verás a continuación, Google utiliza una serie de premisas para posicionar una página web cuando realizamos una búsqueda. Cuanto mejor sea el posicionamiento de esa web (es decir, que aparezca entre las primeras posiciones en los resultados que te ofrece un buscador) más visitas recibirás y más beneficio obtendrá la empresa propietaria de la web.

Diseño web

72

El posicionamiento es un tema complejo; de hecho, hay empresas que se dedican exclusivamente a posicionar las páginas web en los buscadores. Aunque en la unidad 9 de este curso aprenderás algunos aspectos básicos para obtener un mejor posicionamiento de tu página web, te adelantamos ahora los dos grandes requisitos que tiene que cumplir una página web para posicionarse correctamente en Google: • Al realizar una búsqueda, Google ordena las páginas por el criterio de «popularidad», es decir, por el número de páginas web que a su vez tienen un enlace o link a nuestra página. Cuantos más enlaces haya, más valora Google nuestra página y mejor la sitúa en sus resultados. Este hecho va íntimamente ligado a la capacidad de generar tráfico de usuarios que visitan la web: cuantos más links haya en otras páginas, más posibilidad de recibir visitas de usuarios. • La maquetación en HTML de nuestra web debe ser lo más estricta posible: es decir, cuanto mejor estructurado esté el lenguaje HTML que compone una web, mejor se indexará en Google. ¿El motivo? Una buena estructuración del HTML garantiza que, cuando los robots de búsqueda o spiders visiten nuestra página web, van a poder recorrerla sin problemas indexando el máximo de contenido posible.

5.4.1. La interfaz gráfica de Google Aunque no hayas navegado mucho por Internet, seguro que te suena la página principal de Google. Lo que tal vez no te has planteado es para qué sirven cada una de las opciones que aparecen en ella, por lo que vamos a detallarlas en la figura 5.4:

Espacio para escribir las palabras clave de la búsqueda

Figura 5.4 Captura de la interfaz gráfica principal de Google, donde puedes ver los elementos más destacados.

5.4.2. Búsqueda de páginas web en Google

Los buscadores web

Opciones idiomas

73

Diseño web

En este punto detallaremos una serie de conceptos que hay que tener claros para que las búsquedas que realices en Google sean lo más efectivas posible. En primer lugar, deberás conocer a fondo la interfaz de una página típica de Google en la que se muestran los resultados de una búsqueda. Esto es lo que te vas a encontrar (Figura 5.5):

Espacio para escribir las palabras clave de la búsqueda

Resultados

Resultados de busqueda Figura 5.5 Captura de la interfaz gráfica de Google con los resultados de la búsqueda realizada.

5.4.3. Consejos para la búsqueda de páginas web en Google

Historia de Internet. Fundamentos para crear un sitio web

Como acabamos de ver, Google permite cuatro tipos de búsquedas diferentes: web, imágenes, grupos y directorio. La búsqueda de páginas web es la que más resultados nos va a devolver, siempre y cuando se realice correctamente. Te ofrecemos a continuación una serie de consejos que hay que tener en cuenta para sacar todo el provecho a Google:

Diseño web

74

• Google no tiene en cuenta si las palabras están escritas en mayúsculas o en minúsculas. Tampoco considera si las palabras están escritas con acentos o sin ellos. • Google considera el orden de las palabras; es decir, las mismas palabras en un orden distinto darán resultados distintos (aunque, por supuesto, muchas páginas seguramente coincidirán). • Uso de comillas (“xx”). Este recurso es esencial cuando quieras realizar una búsqueda exacta. Todo el texto que vaya entrecomillado se buscará tal cual en Google. Si no las utilizas y tu búsqueda es de dos palabras, Google te devolverá las páginas que contienen esas palabras en cualquier orden y por separado. • Uso de la pleca (|). Mediante este símbolo le indicaremos a Google que estamos realizando una búsqueda con dos palabras clave diferentes. Por ejemplo: “barcelona | modernismo” nos devolverá todas las búsquedas donde estas dos palabras clave aparezcan. Puedes obtener la pleca tecleando Alt Gr + 1 (el que está en el teclado central, encima de la Q). • Uso del guión (-). Por defecto, Google buscará todas las palabras que escribas en el campo de búsqueda, aunque puedes decirle que no incluya una palabra en concreto si le pones un guión delante (por ejemplo, apple -ipod). • Google acepta hasta 32 palabras en las búsquedas e ignora las siguientes. • Google es también capaz de buscar rangos de números cuando los separas con dos puntos, como 1990...1999. Si lo combinas con una frase puedes hacer búsquedas del tipo «España 1990...1999», que te devolverán páginas en las que se hable de España y aparezcan además algunos de los números que van de 1990 a 1999. • Puedes usar asteriscos en caso de que no estés seguro de la información que estás buscando: si tecleas “con * cañones por banda” buena parte de los resultados incluirán la frase más popular, “con diez cañones por banda”. Además, puedes utilizar dos asteriscos seguidos si son dos las palabras que no sabes: “con * * por banda”.

• Google también sabe calcular, así que si escribes 22 x 3,4 te dirá que el resultado es 74,8. • Es posible averiguar qué páginas enlazan con otra usando el operador link: seguido del URL de la página en cuestión: link: www.midominio.com. Estos consejos funcionan a día de hoy en Google España, pero recuerda que no todas las versiones de Google se comportan igual. Se pueden producir variaciones en función del país y de las evoluciones que se vayan implementando al motor de búsqueda.

5.4.4. Búsqueda de imágenes en Google Esta opción que nos brinda Google resulta extremadamente útil. A partir de las palabras clave que introduzcamos nos proporciona un conjunto de imágenes relacionadas con esas palabras y que están contenidas en las páginas web de su base de datos.

Los buscadores web

Para acceder a esta opción debemos pinchar sobre la pestaña Imágenes de la página principal de Google. Pongamos por caso que necesitas encontrar imágenes sobre el Guernica de Picasso. En primer lugar, debes hacer clic sobre la pestaña Imágenes de la página principal de Google (www.google.es). En el cuadro de búsqueda debes teclear las palabras clave (en este caso, “Guernica de Picasso”) y hacer clic en el botón Buscar con Google (Figura 5.6).

Diseño web

75

Figura 5.6 Google nos permite seleccionar el ámbito de búsqueda de un término.

Historia de Internet. Fundamentos para crear un sitio web

Como resultado, Google nos devuelve una serie de miniaturas de imágenes: la cantidad dependerá de lo acotada que hayamos realizado la búsqueda. Cuanto más concretas sean las palabras clave, más exacta será la búsqueda y en consecuencia menor número de resultados. Además Google permite unas opciones de búsqueda avanzada donde podremos acotar aún más las características de las imágenes que buscamos (Figura 5.7).

Figura 5.7 Captura de la interfaz gráfica de la opción búsqueda de imágenes de Google.

76

Diseño web

Verás que junto a cada imagen aparece su nombre (la extensión del archivo de imagen será generalmente .jpg, o .gif), el tamaño en píxeles que ocupa, el espacio en disco que requiere y la dirección de la página web donde se encuentra indexada. Esta dirección es además el vínculo a la imagen: si haces clic en ella, se cargará la página web donde se encuentra la imagen (Figura 5.8).

Figura 5.8 Previsualización de la imagen buscada en Google.

5.4.5. Personalización del buscador y búsquedas avanzadas

Captura de la pantalla Búsqueda avanzada en Google.

Figura 5.10 Captura de la pantalla Ajustes de búsqueda en Google.

77

Diseño web

Figura 5.9

Los buscadores web

Como estamos viendo a lo largo de la unidad, las posibilidades de Google son infinitas. Lo estudiado hasta este punto es más que suficiente para realizar una búsqueda útil que seguro que te conduce a las páginas que necesitas. Sin embargo, merece la pena extendernos un poco más para ver tres aspectos de Google a los que, sin duda, sacarás mucho provecho. Se trata de Búsquedas avanzadas, Ajustes de búsqueda y Herramientas del idioma. Estos están disponibles en la página principal de Google, como puedes ver en las figuras 5.9, 5.10 y 5.11.

Historia de Internet. Fundamentos para crear un sitio web

Diseño web

78

Figura 5.11 Captura de la pantalla herramientas del idioma en Google.

5.5. Otros servicios de Google Hasta ahora hemos visto el funcionamiento del buscador más utilizado por los usuarios. No obstante, debes saber que la función de buscador es solo la punta de lanza de todos los servicios que nos ofrece Google; existen otras herramientas enfocadas más bien a los diseñadores de páginas web y que no son tan populares para los usuarios convencionales de Internet. Así pues, te interesa conocerlas: se trata de Google AdWords y Google Analytics. • Google AdWords. Recordarás que, para que una página se indexe de forma correcta en Google, depende de cómo esté diseñada y maquetada en HTML, y también influye que hacia ella apunten enlaces desde otras páginas. Por esta labor de indexación Google no obtiene ningún beneficio económico, motivo por el cual la empresa tuvo que poner en marcha AdWords, un sistema publicitario que le proporciona la financiación que necesita. Cuando un usuario busca una palabra clave en Google, además de los resultados de su búsqueda aparecen a la derecha una serie de anuncios acerca del mismo tema (por ejemplo, si buscas «hipoteca» te aparecerán varios anuncios de bancos con ofertas de hipotecas). Para el empresario que desea publicitar sus productos resulta un método muy efectivo, ya que tendrá la seguridad de que sus anuncios llegarán a un público interesado en ellos (Figura 5.12).

Figura 5.12

Los buscadores web

Captura de la interfaz gráfica del servicio Google AdWords.

• Google Analytics. Es un servicio que presenta estadísticas acerca de las visitas que recibe nuestra web. Está enfocado principalmente a empresas que desean obtener información sobre qué páginas visitan los usuarios, el tiempo que pasan visitándolas, desde qué situación geográfica se conectan, qué navegador utilizan… En definitiva, es un parametrizador del tráfico de nuestra web (Figura 5.13).

Diseño web

79

Figura 5.13 Captura de la interfaz gráfica del servicio Google Analytics.

Estos dos servicios los veremos a fondo en la unidad 9 de este curso.

RESUMEN

Historia de Internet. Fundamentos para crear un sitio web

Resumen

Diseño web

80

En este tema nos hemos centrado en uno de los productos más utilizados dentro del servicio web: los buscadores. Hemos visto los distintos tipos de buscadores que existen y hemos pasado revista a algunos de los que cuentan con mayor popularidad y difusión. Mención aparte merece Google. El buscador más utilizado a nivel mundial se ha convertido en una herramienta indispensable para millones de internautas de todo el mundo. A lo largo del tema hemos visto algunas de las particularidades de esta herramienta, así como algunos trucos que nos ayudarán a realizar búsquedas más efectivas. Además de ofrecernos el mencionado buscador, Google dispone de otros servicios orientados a los profesionales del diseño web. Así pues, pone a nuestra disposición desde herramientas para optimizar las palabras clave de búsqueda, hasta aplicaciones que nos permiten analizar el tráfico y la procedencia de las visitas que recibe nuestra página web. Estudiaremos más a fondo estas herramientas en la unidad 9 del presente curso.

Ejercicios de autocomprobación Actividad práctica Explica brevemente cómo realizarías una búsqueda multilingüe de tal modo que Google te devuelva los resultados traducidos al español. Detalla los pasos que has seguido.

Rodea con un círculo la alternativa que consideres correcta de las tres que presentamos: 1. ¿Qué tipos de buscadores web existen?

a) Es un motor de búsqueda. b) Es un índice temático. c) Es un servidor de contenidos. 3. ¿Cómo podemos indicar a Google que queremos buscar una cadena de palabras en un orden determinado? a) Escribiendo un guión antes y después del texto a buscar. b) Escribiendo paréntesis antes y después del texto a buscar. c) Escribiendo comillas antes y después del texto a buscar. 4. ¿Qué formatos de imagen permite buscar Google? a) Jpg, gif, png y bmp. b) Jpg, tif y psd. c) Jpg y psd.

Indica si las siguientes afirmaciones son verdaderas o falsas: 5. Los robots de búsqueda son programas que visitan, almacenan y ordenan las páginas web. (V) (F) 6. Los resultados de una búsqueda en Google variarán dependiendo de si el texto está escrito en mayúsculas o en minúsculas. (V) (F)

81

Diseño web

2. ¿Qué tipo de buscador es Google?

Los buscadores web

a) Índices temáticos y listados HTML. b) Índices temáticos y motores de búsqueda. c) Bases de datos y listados.

7. Google Analytics se encarga de analizar el contenido de nuestra web e informarnos de los errores en el código HTML. (V) (F) 8. Siempre que realicemos la misma búsqueda en un índice temático y en un motor de búsqueda obtendremos los mismos resultados. Historia de Internet. Fundamentos para crear un sitio web

(V) (F)

Contesta brevemente a las cuestiones siguientes: 9. Describe brevemente las diferencias entre un índice temático y un motor de búsqueda.

10. ¿Cuáles son los dos principales requisitos para que una página web tenga un buen posicionamiento en Google?

Diseño web

82

Las soluciones a los ejercicios de autocomprobación se encuentran al final de esta unidad. En caso de que no los hayas contestado correctamente, repasa la parte de la lección correspondiente.

6.1. Introducción: ¿qué es un proyecto web? Internet avanza a un ritmo vertiginoso, hecho que afecta a la calidad de los servicios y la profesionalidad con la que están realizados: hace unos años, lo habitual era encontrar páginas web profesionales diseñadas y maquetadas en HTML por una única persona. Sin embargo, esto a día de hoy resulta poco común y, por norma general, en el desarrollo de una página web participan diferentes perfiles profesionales. El resultado de esta evolución en el desarrollo web ha sido la especialización de las personas implicadas en el proceso: podemos encontrar diseñadores gráficos especializados en web, maquetadores HTML, programadores de aplicaciones web que conectan con bases de datos, periodistas que generan los contenidos a mostrar, etcétera (Figura 6.1).

Figura 6.1 Esquema de algunos de los perfiles que pueden participar en un proyecto web.

Perfiles que intervienen en un proyecto web y organización de la producción

6. Perfiles que intervienen en un proyecto web y organización de la producción

Dado que un proyecto web puede suponer la convivencia de varios perfiles profesionales con diferentes características, para gestionar correctamente la creación de una página web se debe armonizar el trabajo de cada individuo con el objetivo común de realizar la mejor página web posible. En este capítulo vamos a ver cómo organizar el proceso de creación de una página web. De todas formas, este proceso también es válido para aquellos casos en los que la dimensión de la web sea menor y pueda realizar todo el trabajo una única persona.

6.2. Las fases del diseño web La creación de una web profesional requiere de una metodología que marcará la calidad final de la web y el tiempo que tardemos en concluir. Al igual que ocurre en la realización de cualquier proyecto, el proceso de creación de una página web profesional puede dividirse en una serie de fases. El análisis y el control de cada una de ellas nos garantizará que el proyecto final cumpla las expectativas iniciales. A continuación vamos a enumerar las diferentes fases en las que se divide un proyecto web.

Diseño Diseño web web

83

Historia de Internet. Fundamentos para crear un sitio web

6.2.1. Fase de Planificación

Diseño web

84

• Objetivos y análisis de usuarios. En esta fase se deben fijar todos los objetivos que debe cumplir la aplicación web. A partir de las reuniones con el cliente, se debe conocer a fondo cuál es el producto o servicio del que tratará la web y plantear aquellos puntos que deberá cumplir la aplicación para satisfacer las necesidades de los usuarios que la visiten. También es prioritario identificar el público objetivo al que va destinado y, por supuesto, realizar un análisis de las páginas web de la competencia. • Requisitos técnicos. En función de los objetivos marcados en el primer punto, plantearemos la mejor tecnología para el desarrollo del proyecto. La posibilidad de utilizar diferentes tecnologías y lenguajes de programación marcará aspectos importantes de la web, como por ejemplo los requisitos del servidor donde deberá alojarse. • Valoración. Una vez analizados los dos puntos anteriores y fijada la dimensión global de la web, se deberá realizar una valoración económica del proyecto y una estimación ajustada del tiempo de desarrollo (Figura 6.2).

Figura 6.2 Esquema de los tres aspectos sobre los que se fundamenta la planificación de un proyecto web.

6.2.2. Fase de prototipo • Arquitectura de la web. Esta fase se dará por iniciada cuando el cliente haya aceptado el presupuesto para la realización de la aplicación. En este punto deberemos acotar junto con el cliente los contenidos que aparecerán en la web y cómo los estructuraremos. También deberemos plantear en esta fase los mecanismos de navegación que van a permitir que el usuario se mueva de una forma sencilla e intuitiva por la aplicación web. En esta fase, resulta de vital importancia realizar un guión orgánico de la aplicación, que nos ayudará a hacernos una idea de la estructura final de la web. • Prototipo del diseño gráfico. Este punto es de los más importantes de todo el proceso de creación de la web debido a que marcará el aspecto gráfico que tendrá la aplicación. Por norma general se suelen hacer un par de propuestas que, una vez aprobadas por el cliente, indicarán cuál será a grandes rasgos el perfil gráfico del trabajo (Figura 6.3).

6.2.3. Validación del prototipo y desarrollo de la aplicación • Desarrollo técnico. Una vez el cliente ha validado el prototipo de la aplicación se inicia la fase de desarrollo de la parte técnica, que no es otra cosa que la programación. Esta parte estará condicionada por la tecnología que se haya decidido emplear. • Desarrollo gráfico. Paralelamente al desarrollo de la parte técnica, se va realizando la versión final de lo que será el aspecto gráfico de la página web. • Desarrollo de los contenidos. Esta parte también se desarrolla en paralelo a las dos anteriores. Es de vital importancia que la información textual de la web sea de calidad, bien estructurada y sobre todo libre de errores ortográficos. Los desarrolladores de contenidos también se encargarán de coordinar las localizaciones de la web a otros idiomas. • Pruebas con usuarios. En esta fase, el proyecto web ya está acabado. Para asegurarnos de que todo funciona correctamente y de que cumple los requisitos marcados inicialmente, es importante realizar pruebas con usuarios. Por supuesto, si el perfil de los usuarios contratados para la prueba es similar al público objetivo al que se dirige la web, estas pruebas serán más efectivas. • Entrega final del proyecto. Cuando finalizan todas las fases anteriores y varios usuarios han probado la web, se puede publicar en un servidor accesible para todos los usuarios de Internet. • Mantenimiento. Este paso es básico, pues habrá que ir adecuando la web a las necesidades que se puedan crear debido a la evolución natural del proyecto: peticiones por parte de los usuarios, solicitud de nuevos servicios, etcétera. • Análisis de la consecución de los objetivos. Una fase que a menudo se pasa por alto pero que debe realizarse siempre: este análisis, que se realiza cuando el trabajo está terminado, será para ti la auténtica referencia de si el trabajo está bien o mal planteado y ejecutado (no hablamos de si al cliente le gustó o no) (Figura 6.4).

Perfiles que intervienen en un proyecto web y organización de la producción

El prototipo web aúna la arquitectura de la aplicación y una propuesta de diseño.

85

Diseño web

Figura 6.3

Historia de Internet. Fundamentos para crear un sitio web

Diseño web

86

Figura 6.4 Esquema donde se sintetizan las fases de un proyecto web.

RESUMEN

En los proyectos de gran calado participa un equipo de desarrollo y en ellos el trabajo conjunto resulta vital. En proyectos más modestos, el diseñador web deberá realizar todas las tareas, fijar un presupuesto y un tiempo de entrega, diseñar, maquetar, programar, realizar pruebas y, por último, publicar el resultado. Tanto en un tipo de proyectos como en otro, insistimos, es muy importante la planificación. El presente tema está orientado al segundo tipo de proyectos, puesto que probablemente, en un futuro, te encuentres ante la tesitura de tener que realizar una página web de forma individual. Al recibir el encargo, deberás pensar en todas las tareas que deberás realizar para poder entregar el mejor proyecto web posible al cliente. El análisis de las mismas y el conocimiento de tus propias aptitudes te ayudarán a determinar el tiempo que te llevará concluir el proyecto. También te servirán para estipular un precio final que cumpla tus expectativas económicas. Tal y como se ha explicado en este tema, antes de iniciar el proyecto, merece la pena que dediques unas horas a analizar los objetivos, así como los requisitos técnicos que deberás garantizar. Cuanto mejor conozcas el proceso de creación de una página web, más cerca estarás de alcanzar tus metas.

87

Diseño web

Una buena planificación del proyecto web revierte siempre en un resultado final más óptimo. Por norma general existen dos tipos de proyecto web: los proyectos de gran calado y los proyectos que puede realizar un único diseñador.

Perfiles que intervienen en un proyecto web y organización de la producción

Resumen

Ejercicios de autocomprobación

Historia de Internet. Fundamentos para crear un sitio web

Actividad práctica

Diseño web

88

Imagina que, como director de un proyecto web, debes planificar ante el cliente y ante tu equipo de trabajo las fases en las que se dividirá el proyecto. Explica con tus propias palabras cómo enfocarías el proyecto para garantizar el éxito del mismo.

Rodea con un círculo la alternativa que consideres correcta de las tres que presentamos: 1. ¿Cuándo realizarás un análisis de las páginas de la competencia? a) Una vez finalizado el proyecto, para poder comparar los resultados. b) Durante la fase de planificación del proyecto, para analizar los pros y los contras de proyectos similares que están en funcionamiento. c) A medida que realizamos el proyecto, para poder ir copiando las soluciones que han ideado otros equipos de trabajo. 2. ¿Para qué sirve el guión orgánico de una aplicación web? a) Para darnos una idea de todos los perfiles que tendrán que participar en el proyecto. b) Para recoger todos los textos que se muestran en la web. c) Para ayudarnos a hacernos una idea de la estructura final de la web. 3. En una página web, ¿son más importantes la estructura y el diseño o los contenidos? a) Todo es igualmente importante: un buen diseño y unos contenidos flojos y con errores ortográficos y sintácticos harán que perdamos usuarios. b) La estructura no es tan importante como el diseño y los contenidos. c) Lo más importante son los contenidos. El diseño y la estructuración no tienen tanta relevancia. 4. La planificación de un proyecto web es necesaria porque… a) Planificando podremos optimizar el trabajo y, de ese modo, obtener un mayor beneficio económico. b) Planificando podremos hacer una valoración económica y determinar unos plazos de entrega que se ajusten al proyecto. Además, todos los profesionales que participen en el mismo tendrán claras sus tareas. c) Ambas respuestas son correctas.

(V) (F) 6. Antes de iniciar la creación de un proyecto web, es importante realizar un análisis de las páginas web de la competencia. (V) (F) 7. El mantenimiento de una página web ayuda a mejorar aspectos de la misma y detectar problemas que no hayamos tenido en cuenta en fases anteriores. (V) (F) 8. No es importante realizar un prototipo de la web, sino que es recomendable publicar la web sin realizar pruebas previamente. (V) (F)

Contesta brevemente a las cuestiones siguientes: 9. Explica con tus propias palabras en qué consiste la fase de planificación de un proyecto web.

10. En la fase de validación de un proyecto web, ¿por qué es importante realizar pruebas con los usuarios?

Las soluciones a los ejercicios de autocomprobación se encuentran al final de esta unidad. En caso de que no los hayas contestado correctamente, repasa la parte de la lección correspondiente.

89

Diseño web

5. Por pequeño que sea el proyecto, es necesario organizar la producción del mismo para evitar sorpresas desagradables.

Perfiles que intervienen en un proyecto web y organización de la producción

Indica si las siguientes afirmaciones son verdaderas o falsas:

Glosario

Historia de Internet. Fundamentos para crear un sitio web

· ADSL: Tecnología que permite el acceso a Internet con gran velocidad en la transmisión de voz y datos. Proviene de las siglas inglesas Asymmetric Digital Subscriber Line (línea de abonado digital asimétrica).

Diseño web

90

· Applet: Aplicación web escrita en un lenguaje de programación determinado. Necesita un software para poder ejecutarse. · Bus PCI: Bus de ordenador estándar en el que se pueden conectar dispositivos directamente a la placa base del ordenador. · Byte: Unidad de almacenamiento de información. · Ciberespacio: Término que define la realidad virtual que se encuentra interna en las redes y los ordenadores de todo el mundo. · Correo electrónico o e-mail: Sistema de comunicación gracias al cual los usuarios pueden enviar y recibir mensajes electrónicos de manera casi inmediata. · Chat: Comunicación escrita instantánea entre dos o más personas a través de una página web o programa de mensajería. · Dominio: Nombre único que tiene cada página web en Internet. · Ethernet: Estándar de transmisión de datos para redes de área local. · Foro: Aplicación web que permite intercambiar opiniones o discutir sobre un tema relacionado. · FTP: Protocolo de transferencia de datos mediante el cual un equipo puede conectarse a un servidor para subir o descargar archivos, con independencia del sistema operativo utilizado. · GNU: Sistema operativo compuesto íntegramente por software libre o de código abierto. · Hiperenlace: Véase link o vínculo. · Hosting: Alojamiento de información, vídeos, imágenes o cualquier contenido web en un servidor remoto. · HTML: Lenguaje utilizado para la confección de páginas web. Se escribe en forma de etiquetas entre corchetes angulares ().

· Http: Protocolo de transferencia de hipertexto. Método más común de intercambio de información en la red, mediante el cual se transfieren las páginas web desde un servidor a un ordenador. · Hub: Dispositivo utilizado para conectar dos o más computadoras. Concentra la señal que recibe y la emite a través de sus puertos a los ordenadores enlazados. · IMAP: Protocolo que rescata y conserva el correo entrante en el servidor el tiempo deseado por el usuario. · IP: Número que identifica a una computadora dentro de la Red. Viene a ser la matrícula de un ordenador en Internet. · IRC: Protocolo de comunicación para establecer conversaciones o debates escritos entre dos o más personas (chat). A diferencia de la mensajería instantánea, no es necesario que los usuarios se conozcan con anterioridad: solo necesitan coincidir en el canal para comunicarse entre sí.

· LAN: Del inglés Local Area Network (red de área local). Como su propio nombre indica, se trata de redes diseñadas para la conexión de ordenadores en pequeñas distancias y son, por tanto, las más utilizadas a nivel laboral y familiar. · Link o vínculo: Elemento de una página web o documento electrónico que sirve de enlace con otro documento, web, recurso de audio o de vídeo, etcétera. · Módem: Acrónimo de modulador-demodulador, es un dispositivo que nos permite transmitir y recibir información a través de la línea telefónica, transformando las señales digitales que emite el ordenador en señales telefónicas analógicas (y viceversa). · MP3: Abreviación de MPEG-1 Audio Layer 3. Formato de comprensión digital de audio que reduce considerablemente el tamaño de las grabaciones, sin prácticamente perder calidad de sonido. · P2P: Del inglés peer to peer, que significaría «comunicación entre iguales»: son computadoras que se conectan entre sí sin la necesidad de un servidor central. No existen clientes ni servidores fijos. Estas redes son normalmente usadas para el intercambio de conocimiento mediante archivos de texto, audio o vídeo.

91

Diseño web

· Java: Lenguaje de programación desarrollado por Sun Microsystems a principios de la década de los noventa.

Glosario

· ISP (Proveedor de Servicios de Internet): Empresa que brinda al cliente conexión a Internet.

· Podcast: Sistema de archivos de audio o vídeo digital, habitualmente en formato mp3 o mp4, que se pueden descargar de la Red para que los internautas reproduzcan sus contenidos.

Historia de Internet. Fundamentos para crear un sitio web

· POP3: Protocolo que permite obtener los mensajes guardados en el servidor y pasárselos al usuario. · Router: Dispositivo que permite conectar más de una computadora a Internet. Hace las funciones de módem. · Servidor DNS: Del inglés Domain Name System, es el servidor encargado de traducir las direcciones IP de los servidores en direcciones URL. · Servidor proxy: Equipo intermediario situado entre el ordenador del usuario e Internet. Registra e intercepta la navegación de los clientes por webs por motivos de seguridad, anonimato o rendimiento. Además, sirve para almacenar en memoria las páginas web frecuentemente visitadas por los usuarios. · Servidor: Computadora remota que provee de información y servicio a los ordenadores clientes. · SMTP: Protocolo que se utiliza para el envío de correos electrónicos. · Software: Conjunto intangible de programas y datos que contiene una computadora.

Diseño web

92

· Spam: Correos electrónicos enviados en cantidades masivas, no solicitados, no deseados, de tipo publicitario y que perjudican al receptor. · TCP: Protocolo estándar para la transmisión de datos por Internet, que garantiza el intercambio, la seguridad y la integridad en los paquetes de información que emitimos y recibimos. · URL: Dirección única que identifica a una página web en Internet. Indica qué protocolo usar y el nombre del dominio. · USB: Estándar de puerto externo que nos permite conectar periféricos (ratón, teclado, impresora…) a nuestro ordenador. · Videoconferencia: Comunicación simultánea que combina audio y vídeo, muy útil para mantener conversaciones o reuniones entre usuarios que se encuentran alejados entre sí. · VoIP: La voz sobre IP (VoIP, Voice over IP) es una tecnología que permite la transmisión de la voz a través de redes IP en forma de paquetes de datos. Esta tecnología hace posible la realización de llamadas telefónicas sobre redes IP.

· Web 2.0: Evolución de las aplicaciones web para facilitar la comunicación interactiva y el intercambio de información entre los internautas.

Glosario

· Wi-Fi: Del inglés Wireless Fidelity, es una tecnología de comunicación inalámbrica que emplea ondas de radio para transmitir datos.

Diseño web

93

Soluciones a los ejercicios de autocomprobación

Historia de Internet. Fundamentos para crear un sitio web

1. Historia y evolución de Internet

Diseño web

94

Actividad práctica 3. El alcance mundial que tiene Internet le permitiría dar a conocer su negocio en otros países o regiones sin que esto suponga una inversión extraordinaria. 4. La inversión en publicidad es mucho menor que en otros medios de comunicación y la audiencia a la que se puede llegar es equiparable o incluso mayor. 5. El uso de las redes sociales puede ayudarle a dar a conocer sus productos y servicios a una audiencia muy concreta, además de fidelizar a los clientes actuales.

1. c) En el protocolo TCP/IP. 2. c) En el hipertexto. 3. b) Netscape en 1995. 4. a) HTTP. 5. Falso. Las tiendas online son un tipo de página web que permite la compra/venta de cualquier tipo de producto, esto no es considerado un servicio de Internet como el correo electrónico o la web. 6. Falso. El protocolo FTP nos permite acceder remotamente a directorios de servidor con el objetivo de transferir archivos que son demasiado voluminosos como para enviarlos por e-mail. 7. Verdadero. 8. Verdadero.

• Mensajería instantánea: se trata del servicio que nos permite mantener conversaciones en tiempo real con personas que previamente hayamos agregado a nuestra lista de contactos. • Voz sobre IP: la tendencia actual es ofrecer servicios más completos que los inherentes a la mensajería instantánea tradicional. Los más recientes están basados en la tecnología llamada Voz sobre IP, que permite aprovechar el mismo canal de comunicación que un cliente de mensajería instantánea, pero incorporando imagen y voz a conversaciones que hasta ahora eran únicamente textuales. • Programas P2P: este tipo de software permite que nuestro ordenador pueda acceder a los ordenadores de otros usuarios y, de la misma manera, que otros usuarios puedan acceder al nuestro. • El servicio FTP: este es uno de los servicios de Internet más antiguos y permite transferir archivos pesados que no pueden enviarse mediante el correo electrónico. • Foros de discusión: hay dos tipos de foros de discusión: los que están abiertos al público en general y los que requieren un registro previo para poder acceder a ellos. Su filosofía es la de compartir ideas, opiniones y conocimientos. 10. La aparición de Internet ha supuesto una revolución en las comunicaciones entre personas, empresas, medios de comunicación e instituciones. Aunque no seamos plenamente conscientes de ello, a diario utilizamos Internet. Recibir un correo electrónico, visitar una web o chatear son ya hábitos que forman parte de nuestra vida. Además, contamos con la posibilidad de adquirir productos online.

95

Diseño web

• World Wide Web (www): el servicio web es el que nos permite navegar mediante el protocolo HTTP y visitar todas las páginas web que sean de dominio público. Aunque en los inicios de Internet los sitios web solo mostraban textos e imágenes, en la actualidad nos permiten realizar infinidad de tareas, desde comprar prácticamente todo lo que se nos ocurra a gestionar nuestras cuentas bancarias.

Soluciones a los ejercicios de autocomprobación

9. • Correo electrónico: este servicio es el que nos permite enviar y recibir mensajes a través de Internet. Las empresas que lo proporcionan pueden dividirse en dos grandes grupos: las que ofrecen el correo electrónico de forma gratuita para todo usuario que se dé de alta y las que venden un servicio privado.

2. Internet como mecanismo de comunicación

Historia de Internet. Fundamentos para crear un sitio web

Actividad práctica

Diseño web

96

Como diseñador web profesional, es necesario que informes a los clientes acerca de la necesidad de tratar de forma confidencial los datos de los usuarios que se registren en la web. En muchos casos se hará necesario que adviertas al cliente que un uso poco apropiado de los datos recogidos puede ser considerado una infracción grave. La Ley Orgánica de Protección de Datos de Carácter Personal (LOPD) garantiza la privacidad y el buen uso de los datos de los usuarios que se han registrado en una web.

1. b) Un canal de comunicación. 2. b) La inmediatez con la que se pueden propagar los contenidos. 3. c) Cualquiera de las dos opciones anteriores es correcta. 4. b) La facilidad de uso y la autonomía de los usuarios respecto a la aplicación web. 5. Falso. Para publicar en Internet la obra de cualquier autor, es necesario contar con su permiso. 6. Verdadero. 7. Verdadero. 8. Verdadero. 9. 1. Internet es un canal multimedia, es decir, soporta información en formato gráfico, textual y audiovisual. 2. Internet ofrece un grado de interactividad mucho mayor que los medios de comunicación tradicionales. 3. Internet es un canal multifuncional. Según el uso que se le quiera dar, puede servir para establecer conexiones entre dos únicos individuos, de un individuo hacia muchos individuos o de muchos individuos hacia uno sólo.

4. El ámbito de Internet es mundial, lo que da la posibilidad de ofrecer contenidos que llegarán a usuarios en áreas geográficamente muy distantes. Ya no resulta tan importante dónde se encuentra el receptor de la información.

Actividad práctica En primer lugar, desplegaremos el menú Inicio de Windows. En el cuadro Buscar programas y archivos, teclearemos CMD y pulsaremos Intro. En la ventana de MS-DOS, escribiremos la palabra ipconfig y pulsaremos Intro de nuevo.

1. b) Es un Proveedor de Servicios de Internet que nos facilita la conexión y, en la mayoría de los casos, también el módem o router que necesitaremos para usarla. 2. a) Es un identificador que nos permite el acceso a Internet. Las direcciones IP están formadas por cuatro grupos de tres dígitos de tal modo que no puede haber dos IP públicas iguales en todo Internet. 3. b) Módem-Router. 4. c) ADSL. 5. Verdadero. 6. Verdadero. 7. Falso. La dirección IP dinámica está asociada a un servicio de ADSL concreto. No se denomina así porque se pueda utilizar desde cualquier punto geográfico, sino porque es una dirección IP que cambia de forma periódica al contrario que la IP fija que es invariable. 8. Falso. El servicio de ADSL es totalmente independiente del terminal

97

Diseño web

3. Conexión a Internet. Terminología y protocolos

Soluciones a los ejercicios de autocomprobación

10. Se basa en el uso de aplicaciones web que fomentan la relación y la colaboración entre los usuarios, planteando de ese modo una comunicación transversal y consiguiendo una mayor propagación de la información.

telefónico. Lo que sí es necesario es tener una línea de teléfono que soporte ADSL.

Historia de Internet. Fundamentos para crear un sitio web

9. No, puesto que cada uno de los cuatro bloques de números que integran una dirección IP sólo puede variar del 0 al 255. 10. El primer paso será contactar con un Proveedor de Servicios de Internet (ISP). Contrataremos el servicio que más nos convenga en función de la velocidad y del tipo de IP que necesitemos. Después de estas gestiones, necesitaremos disponer de un ordenador personal que tenga unas características básicas. A diferencia de los ordenadores orientados al diseño gráfico o a los juegos, para disfrutar de los servicios de Internet no es necesario que el ordenador sea muy potente: casi ningún programa de los que necesitaremos para utilizar los servicios de Internet consume gran cantidad de recursos. Lo más probable es que precises de un navegador web, un gestor de correo electrónico, un programa cliente de FTP y alguna aplicación para chatear o realizar videoconferencias.

4. Los servicios de Internet y su funcionamiento Actividad práctica

Diseño web

98

El servicio web está basado en una arquitectura cliente-servidor. El cliente es el ordenador desde el que nos conectamos. Para poder acceder a una página web, previamente debemos escribir la dirección URL en nuestro navegador o cliente. Internet Explorer, Mozilla Firefox y Google Chrome son los navegadores web más utilizados. Una vez hemos introducido la dirección URL, la comunicación se dirige al servidor DNS, que se encargará de traducir la URL en la dirección IP del servidor que queremos visitar. El servidor aceptará la petición y enviará los contenidos de la web a nuestro navegador para que podamos visualizar correctamente la página web solicitada.

1. a) Enlaces o links. 2. b) Es el dominio que nos indica el país al que pertenece o bien la organización o propósito del dominio. 3. b) Arquitectura cliente-servidor. 4. a) Es la dirección que escribimos en la barra de navegación y que nos

sirve para acceder a la página web que deseamos visualizar. 5. Falso. El servicio FTP no permite el uso de correo electrónico. Es un servicio para la transferencia de archivos a nivel de servidor. 6. Falso. También debe contener el nombre del servidor al que pertenece el dominio.

9. HTTP es el protocolo que se utiliza para la comunicación, es decir, para acceder a los servidores web y enviar y recibir información. FTP permite enviar y recibir archivos sin necesidad de usar el servicio de correo y sin que un navegador tenga que interpretar los archivos, como sucede en el servicio web. 10. SMTP es el protocolo estándar de Internet para enviar correo electrónico. Sus siglas significan protocolo simple de transmisión de correo (Simple Mail Transfer Protocol). En el momento de enviar un correo electrónico utilizamos como medio el protocolo SMTP, que es el encargado de hacerlo llegar a la cuenta de e-mail de destino. POP3 es el protocolo más extendido para leer correo electrónico y sus siglas son el acrónimo de Post Office Protocol. Las cuentas del tipo POP3 permiten descargar los e-mails en el disco duro del usuario mediante programas cliente de correo como Outlook, Mozilla Thunderbird o Eudora.

5. Los buscadores web Actividad práctica En primer lugar, selecciona la opción Búsqueda Avanzada. Después, teclea el texto a buscar y selecciona los idiomas específicos en los que deseas realizar la búsqueda. Automáticamente, Google realizará la búsqueda en todos los idiomas especificados y te devolverá los resultados pertinentes.

1. b) Índices temáticos y motores de búsqueda. 2. a) Es un motor de búsqueda.

99

Diseño web

8. Verdadero.

Soluciones a los ejercicios de autocomprobación

7. Verdadero.

3. c) Escribiendo comillas antes y después del texto a buscar. 4. a) Jpg, gif, png y bmp.

Historia de Internet. Fundamentos para crear un sitio web

5. Verdadero.

Diseño web

100

6. Falso. Esta característica no afecta a los resultados de la búsqueda. 7. Falso. Analytics se encarga de analizar las visitas que tiene nuestra página web y los perfiles técnicos y geográficos de los usuarios que nos visitan, sistema operativo, navegador… 8. Falso. Los resultados que obtendremos podrán coincidir en cuanto a contenido, pero con toda seguridad no serán los mismos, pues el método de indexación de contenidos es totalmente diferente entre estos tipos de buscadores. 9. Los índices temáticos son sistemas de búsqueda por temas o categorías jerarquizados, aunque también suelen incluir sistemas de búsqueda por palabras clave. Se trata de bases de datos de direcciones web elaboradas «manualmente», es decir, un equipo de trabajo se encarga de asignar cada página web a una categoría o tema determinado. Los motores de búsqueda, por otra parte, son bases de datos que incorporan automáticamente páginas web mediante «robots» de búsqueda en la red. Estos robots, también llamados spiders (arañas), son programas que visitan continuamente páginas web y, tras identificar sus palabras clave, van almacenándolas y ordenándolas. 10. Los dos principales requisitos que tiene que cumplir una página web para posicionarse correctamente en Google son: • Al realizar una búsqueda, Google ordena nuestras páginas por el criterio de «popularidad», es decir, por el número de páginas web que mantienen un enlace o link a nuestra página. Cuantos más enlaces existan, más valorará Google nuestra página y mejor la situará en sus resultados. Este hecho va íntimamente ligado a la capacidad de generar tráfico de los usuarios: cuantos más links haya en otras páginas, más posibilidad tendremos de recibir visitas. • La maquetación en HTML de nuestra web debe ser lo más estricta posible. Es decir, cuanto mejor estructurado esté el lenguaje HTML que compone una web, mejor se indexará en Google. ¿El motivo? Una buena estructuración del HTML garantiza que, cuando los robots de búsqueda o spiders visiten nuestra página, podrán recorrerla sin problemas, indexando el máximo de contenido posible.

6. Perfiles que intervienen en un proyecto web y organización de la producción Actividad práctica

A partir de la información recabada, plantéate la tecnología a utilizar y los recursos técnicos y humanos necesarios. Con esta información podrás definir el equipo de trabajo y, en consecuencia, podrás realizar una estimación de plazos de entrega y remuneración económica del proyecto. Tras la aprobación del presupuesto, se iniciará la fase de prototipo, donde definirás la arquitectura final de la web y la organización de los contenidos. Una vez finalizado el prototipo, lo entregarás al cliente para que vea una primera muestra de lo que será la página web final. En esta fase deberás realizar pruebas con usuarios para detectar posibles fallos estructurales y de usabilidad. Cuando la fase de prototipo termina, entramos de lleno en la fase de desarrollo. En esta etapa debes planificar las tareas a realizar por el equipo de trabajo de modo que se optimicen al máximo los procesos de diseño, programación y creación de contenidos. Finalmente, deberás entregarle el proyecto al cliente y realizar un seguimiento y mantenimiento del mismo.

1. b) Durante la fase de planificación del proyecto, para analizar los pros y los contras de proyectos similares que están en funcionamiento. 2. c) Para ayudarnos a hacernos una idea de la estructura final de la web. 3. a) Todo es igualmente importante: un buen diseño y unos contenidos flojos y con errores ortográficos y sintácticos harán que perdamos usuarios. 4. c) Ambas respuestas son correctas.

101

Diseño web

Una vez conozcas los objetivos a cumplir, deberás analizar las páginas web de la competencia para estudiar su enfoque y la plasmación de proyectos similares al que vas a iniciar.

Soluciones a los ejercicios de autocomprobación

En primer lugar, deberás convocar una reunión con el cliente. En esta reunión deben quedar claros los objetivos y la idea de negocio en la que se basará la web.

5. Verdadero. 6. Verdadero.

Historia de Internet. Fundamentos para crear un sitio web

7. Verdadero.

Diseño web

102

8. Falso. El prototipo es imprescindible para detectar errores que se volverían críticos una vez iniciado el proceso de producción. 9. La planificación de un proyecto web consiste en analizar el trabajo a realizar, fijar los objetivos que debe cumplir el proyecto y valorar los recursos humanos y técnicos necesarios para la consecución del mismo. La planificación nos ayudará a fijar una fecha de entrega y a elaborar un presupuesto que se ajuste a las tareas a realizar.

10. Las pruebas con los usuarios son básicas para definir la estructuración de los contenidos y los menús que servirán para navegar por la página. Analizar los pasos que siguen los usuarios y la forma que tienen de navegar nos ayudará a planificar una organización de los contenidos lo más usable posible.

Índice Introducción..........................................................................................

5

1. Historia y evolución de Internet.................................................

6

El origen de Internet.............................................................................. Cronología............................................................................................ Internet en la actualidad....................................................................... Internet en el futuro............................................................................... Resumen.................................................................................................... Ejercicios de autocomprobación.........................................................

6 10 15 19 21 22

2. Internet como mecanismo de comunicación..................... 24 24 26

3. Conexión a Internet. Terminología y protocolos............... 35 Elementos necesarios para conectarse a Internet.......................... ¿Qué es una conexión a Internet?....................................................... ¿Qué se necesita para establecer una conexión a Internet?.............. ¿IP fija o dinámica?............................................................................. ¿Qué dispositivos se utilizan para conectarse a Internet?................. Tipos de conexiones a Internet........................................................... Resumen.................................................................................................... Ejercicios de autocomprobación.........................................................

35 35 36 37 38 39 44 45

4. Los servicios de Internet y su funcionamiento................... 47 El servicio web....................................................................................... ¿Cómo se estructura el servicio web?................................................ Creación de contenidos para el servicio web.................................... El servicio FTP....................................................................................... El servicio de correo electrónico........................................................ La dirección de correo electrónico.................................................... ¿Qué es necesario para el envío de un correo electrónico?................ El mensaje de correo electrónico...................................................... Servicios de chat y mensajería instantánea...................................... ¿Qué es un chat y cómo funciona?...................................................... Voz sobre IP....................................................................................

47 48 51 52 54 54 56 60 61 61 63

Índice

29 32 33

103

Diseño web

Un nuevo canal de comunicación....................................................... Medios de comunicación y redes sociales........................................ Legislación en Internet. La protección de datos privados y los derechos de autor................................................................................. Resumen.................................................................................................... Ejercicios de autocomprobación.........................................................

Servicio de telefonía sobre IP............................................................. Resumen.................................................................................................... Ejercicios de autocomprobación.........................................................

64 66 67

Historia de Internet. Fundamentos para crear un sitio web

5. Los buscadores web....................................................................... 69

Diseño web

104

Una herramienta para buscar información....................................... Tipos de buscadores web.................................................................... Algunas preguntas sobre los índices temáticos y los motores de búsqueda......................................................................................... Aspectos básicos del funcionamiento de Google............................ La interfaz gráfica de Google............................................................. Búsqueda de páginas web en Google............................................... Consejos para la búsqueda de páginas web en Google..................... Búsqueda de imágenes en Google................................................... Personalización del buscador y búsquedas avanzadas.................. Otros servicios de Google................................................................... Resumen.................................................................................................... Ejercicios de autocomprobación.........................................................

69 69 71 72 73 73 74 75 77 78 80 81

6. Perfiles que intervienen en un proyecto web y organización de la producción.................................................................................... 83 Introducción: ¿qué es un proyecto web?............................................ Las fases del diseño web...................................................................... Fase de Planificación........................................................................ Fase de prototipo............................................................................... Validación del prototipo y desarrollo de la aplicación........................ Resumen.................................................................................................... Ejercicios de autocomprobación.........................................................

83 83 84 84 85 87 88

Glosario........................................................................................... 90

Soluciones a los ejercicios de autocomprobación............... 94

Índice................................................................................................ 103