Aplicaciones Web

TEMA 1: Introducción y evolución de las aplicaciones WEB Internet es una gran red mundial de ordenadores conectados que

Views 231 Downloads 2 File size 107KB

Report DMCA / Copyright

DOWNLOAD FILE

Recommend stories

Citation preview

TEMA 1: Introducción y evolución de las aplicaciones WEB Internet es una gran red mundial de ordenadores conectados que permite compartir recursos e intercambiar información. Los ordenadores están unidos a través de conexiones de varios tipos y para comunicarse se utilizan en lenguaje o protocolo, el TCP/IP. La red está compartida por diferentes tipos de espacios que ofrecen distintos servicios a los usuarios. Los servicios más usados son: •

E-mail: Es un servicio de correspondencia. Es también una dirección electrónica que sirve para enviar o recibir correo desde cualquier parte del mundo.



FTP: Es la herramienta utilizada para transferir archivos de una máquina a otra a través de Internet.



Noticias (news): Los grupos de noticias son boletines informativos gigantes y globales que tratan de materias especificas. Se pueden leer mensajes que alguien ha publicado, responder a esos mensajes o publicar uno propio.



Telnet: Permite a un usuario acceder a una máquina remota y mensajería como si estuviese sentado delante de ella. Solo permite consultar datos, parta descargarlos o subirlos deberemos usar FTP.



WWW: Este servicio (llamado popularmente la web) permite al usuario acceder a gran cantidad de información de manera sencilla. Básicamente, permite visualizar en la pantalla del usuario “paginas” (llamadas genéricamente “sitios”) con información alojada en ordenadores remotos.



Chat o IRC (Internet Relay Channel): Servicio medianamente el cual los usuarios establecen comunicación en tiempo real. Puede ser privada o entre un grupo de personas.



Servicios de Telefonía: Permiten establecer una conexión con voz entre dos personas conectadas a Internet desde cualquier parte del mundo, sin tener que pagar el coste de una llamada internacional. Algunos de estos servicios no solo incorporan voz, sino también imágenes (en este caso se llama videoconferencia).

2. Internet vs web Los conceptos de Internet y web a menudo se confunden, pero son distintos. Internet engloba a las tecnologías que hacen posibles que los ordenadores ubicados en diferentes lugares el mundo se conocen entre si y pueden compartir información. Esta conexión es posible mediante cables, módems, routers, etc. A todo este conjunto de tecnologías se le llama Internet. La web es solo uno de los servicios que proporcionan Internet. HTTP es el protocolo de transferencia de hipertexto que los navegadores usan para realizar peticiones a los servidores web y para recibir respuestas de ellos. Es el protocolo que se utiliza para ver páginas web. •

INTERNET: Conjunto de tecnologías para compartir recursos e información.



WEB (www): Es un servicio de Internet, que ofrece al usuario la visualización de páginas webs, que contiene información ubicada en sitios remotos.



PAGINAS WEB: Formato utilizada para que la información compartida interactúe con el usuario. Su diseño es realizado con una aplicación de diseño Web (EDITOR WEB), utilizado el lenguaje html.



HTTP: Es el proceso que permite que una página web se transfiera al servicio web. WEB – INTERNET - HTTP

3. Generaciones de WEB La web también ha evolucionado y mejorado sus interfaces con el cliente/usuario.

–--------------------------------------Web 1.0–-------------------------------------•

Fue la web incial



Las páginas eran estáticas



Las páginas web estaban escritas a mano en código HTML



Modificaciones (añadir/cambiar/borrar) un contenido en las páginas, requería mucho tiempo y trabajo Tanto el contenido con el diseño estaban juntos en el código HTML. Modificar el formato por ejemplo del color o el tipo de letra en todas las páginas, implicaba una a una.





No había normas de diseño en las páginas web; había multitud de diseños. (Por ejemplo paginas con color estrafalarios, páginas que mareaban y creaban desconcierto al usuario, etc.)



No se utilizaban bases de datos y por tanto, no existía usuarios ni el registro de usuarios, todos eran visitantes.



Los usuarios solo podían ver el contenido como texto e imágenes y no podían registrarse ni comentar nada. No pueden interactuar con la página.



El contenido era generado por las empresas del sector. Solo se podía ver lo que ellas querían mostrar



En la web 1.0 no exista Google. Existía Yahoo!, Altavista y otros buscadores, y en encontrar algo con ellos eran muy complicado (había gente que se ganaba la vida solo haciendo búsquedas)



Tampoco existía Youtube, Facebook, MySpace, Messenger…



Existían canales de chat. Por ejemplo, MIRC, el cliente de IRC mas extendido de Windows.

–--------------------------------------Web 2.0–-------------------------------------•

A mediados de los noventa surgieron grandes empesas (que hicieron mucho dinero). Ofreciendo sus servicios a través de la web.



De todas formas, cabe destacar: ◦ Yahoo, pues empezó a organizar los sitios web por categorías para que los usuarios pudieran encontrar rápidamente lo que querían. ◦ Ebay, empresa de subasta y gangas. ◦ Amazon, una tienda de libros por internet (actualmente no solo vender libros)



A partir de esas empresas, que añadían webs mas dinámicas incorporando sistemas de gestión de contenidos, nació la web 2.0



Los sitios web 2.0 utilizaban tecnologías como base de datos, hoja de estilo o lenguajes de programación y permiten a los usuarios interactuar entre ellos y crear sus propios contenidos.



El uso de base de datos, permiten el registro de usuarios, la creación de perfiles, la inserción de comentarios, etc.



Aparecen las redes sociales, que permiten que las personas estén en permanente contacto con amigos y familiares, así como conocer nuevas personas.



Aparecen aplicaciones web colaborativas al alcance de los usuarios, que reemplazan a las aplicaciones de escritorio y a las que se accede mediante navegador web.



Cualquier usuario puede crear su propia espacio, publicar sus fotos, sus opiniones, etc.



En los sitios web 2.0, la mayor parte del contenido será creado por el usuario.



Se puede entender la Web 2.0 como “todas aquellas utilidades y servicios de Internet que se sustentan en una base de datos, la cual puede ser modificada por los usuarios del servicio, ya sea en su contenido o en la forma de presentarlo o en contenido y forma simultáneamente”



Los tipos de servicios que ofrece son: ◦ Redes sociales; destacar Facebook y MySpace. ◦ Foros, donde los usuarios mantienen conversaciones sobre algún tema común. ◦ Compartir y organizar fotografías; destacar Flickr y Picasa. ◦ Compartir videos y música; destacar YouTube, Vimeo y DailyMotion. ◦ Ofimática web; destacar Zoho y Google Docs. ◦ Blog, sitio web donde se recogen cronología artículos u opiniones de uno a varios autores; destacar WordPress y Blogger. ◦ Microbloggin, sitio web donde los usuarios pueden enviar y publicar mensajes breves, de 140 caracteres como máximo; destacar Twitter.

–--------------------------------------Web 3.0–-------------------------------------•

Red inteligente ( relaciona contenido o programa dispositivos).



Se interpretar como una gran DB distribuida.



Consolida la web semántica (búsqueda de información mediante frases con significado para el usuario: ¿por qué, cómo, dónde…?)



Accesible desde dispositivos.



Alberga tecnologías de inteligencia artificial (Programa de computación diseñado para realizar determinadas operaciones que se consideran propias de inteligencia humana, como el auto-aprendizaje).



Web geoespacial (que busca u ofrece servicios en base a la localización)



Dimensión 3D



Gracias a la tecnología RDF, SPARQL, y SKOS.

–--------------------------------------Web 4.0–-------------------------------------•

Web ubicua, que aúna tecnologías, inteligencias que permiten la comunicación y posibilitan la toma de decisiones. Web 3,0 (Web dinamica) + Web 3D + Inteligencia artificial + Voz



Se escribe como un SO virtual WebOS, que aúna 4 conceptos: ◦ Usable: Útil para los navegadores de la red ◦ Accesible: Cumple normas y estándares de accesibilidad ◦ Indexable: Localizable a través de navegadores ◦ Actualizable: Con regularidad.

4. Navegador Web Un navegador web (web browser) es un programa que permite visualizar la información que contiene una página web, pues interpreta el código HTML y visualiza en pantalla. El primer navegador apareció en 1991. Su nombre era Mosaic e inicialmente solo funcionaba en entornos Unix, pero pronto aparecio versiones para Windows y Macintosh. Más tarde, apareció Netscape Navigetor, que superó rápidamente al Mosaic. En 1995 Microsoft lanza Internet Explorer junto a Windows 98. Natscape liberó el código fuente de su navegador naciendo así el proyecto Mozilla (en 2002). A finales de 2004 aparece Firefox, una rama de desarrollo en mozilla. 5 Investigar en Internet los navegadores Ópera, Safari, Konqueror, SeaMonkey, Camino, Maxithon y Google Chrome, e indica: OPERA •

La tecnología que utilizan. ◦



En qué sistemas operativos pueden utilizarse. ◦ Microsoft Windows ◦ Mac OS X ◦ GNU/Linux ◦ FreeBSD ( hasta la versión 12.16 ) ◦ Solaris ( hasta la versión 10.1 ) ◦ Maemo ◦ BlackBerry ◦ Symbian ◦ Windows Mobile ◦ Windows Phone ◦ Android ◦ iOS ◦ Java ME.



Sus características. ◦ Acceso Rápido (Speed Dial): permite guardar en la página de inicio del navegador miniaturas de sitios web seleccionados. Al hacer clic en una miniatura, el usuario visita la página web a la que pertenece la miniatura. Funciona como una especie de marcador (bookmark). ◦ Administrador de contraseñas. ◦ Administrador de descargas: permite, entre otras cosas, pausar cualquier descarga y continuarla cuando así se requiera (especialmente útil con archivos grandes), o realizar

múltiples descargas simultáneamente llevando una mejor monitorización, así como poder llevar un historial de las mismas. ◦ Administrador de tareas: muestra información sobre los procesos del navegador; así como la opción de cerrar cada proceso. ◦ Arrastre de pestañas entre ventanas (Draggable tabs). ◦ Atajos de teclado. ◦ Barra de marcadores. ◦ Bloqueo de publicidad. Opera se caracteriza por restringir todo tipo de espacio publicitario alojado en la página que se encuentra visualizando. ◦ Bloqueo de ventanas emergentes. ◦ Descubre (Discover): visualiza noticias y otros tópicos informativos preseleccionados por el navegador. Los contenidos están disponibles en varios idiomas y provienen de medios de comunicación de distintos países, entre ellos España y México. ◦ Disponibilidad en 61 idiomas y dialectos. ◦ Eliminación del historial de páginas visitadas, historial de archivos descargados y otros tipos de información privada. ◦ Estante (Stash): almacena miniaturas de sitios favoritos para ser leídas después. El tamaño de las miniaturas puede ser ajustado por el usuario. Funciona de modo similar a un marcador. ◦ Extensiones: complementos que se añaden al navegador para ampliar la funcionalidad del mismo. Las extensiones desarrolladas para Chrome pueden ser compatibles con Opera. ◦ Hibernación de pestañas (tab-hibernation): suspende los procesos de las pestañas en segundo plano que estén inactivas, lo que permite el descenso en el uso de la memoria del ordenador. ◦ Inspector web: elimina fallos, edita y monitorea páginas web. ◦ Lista de páginas web recientemente cerradas. ◦ Navegación con los gestos del ratón: permite navegar y/o ejecutar funciones del navegador utilizando movimientos del ratón de la computadora. ◦ Navegación privada. ◦ Opciones para usuarios avanzados: incorpora nuevas funciones que están desactivadas por defecto. ◦ Opera flags: ofrece funciones que están todavía en fase de experimentación.

◦ Opera Turbo: opción que mejora la velocidad en conexiones lentas al enviar las páginas web al servidor de Opera para que sean comprimidas antes de que sean descargadas por el usuario. ◦ Personalización de los motores de búsqueda. ◦ Protección antifraude: detecta sitios inseguros y phishing. ◦ VPN gratuita e ilimitada. (A partir de Opera 40) ◦ Recordar el contenido de las páginas: permite hacer búsquedas de palabras contenidas dentro de las páginas visitadas del historial. ◦ Temas: son imágenes usadas como fondos para el navegador. SAFARI •

La tecnología que utilizan. ◦



En qué sistemas operativos pueden utilizarse. ◦ MacOS ◦ iOS



Sus características. ◦ Está escrito sobre el framework WebKit, que incluye a WebCore, el motor de renderizado, y JavaScriptCore, el intérprete de JavaScript. Por su parte, WebKit (el motor de renderizado del navegador) está basado en el motor KHTML, creado por el proyecto KDE para su navegador Konqueror. Como resultado de esto, el motor interno de Safari es software libre y es liberado bajo los términos de la licencia LGPL. Las mejoras al código de KHTML por parte de Apple son incorporadas al código de KDE rápidamente. KONQUEROR



La tecnología que utilizan. ◦ Utilizando la tecnología de KParts, Konqueror puede ejecutar en su interior componentes capaces de visualizar (y en ocasiones editar) tipos de archivo específicos. Esto permite, por ejemplo, ver un documento de Koffice dentro de Konqueror, evitando la necesidad de abrir otra aplicación.



En qué sistemas operativos pueden utilizarse. ◦ Multiplataforma



Sus características. ◦ Visualizar los contenidos de múltiples directorios en simultáneo. ◦ Ordenar los elementos de cada directorio según criterios preestablecidos (por fecha, tamaño, nombre, tipo, etc.).

◦ Generar previsualizaciones de archivos de texto, documentos HTML, imágenes y vídeos en el acto. ◦ Mover, copiar, eliminar, crear, ejecutar, visualizar y editar archivos y directorios desde menús simples. ◦ Además de navegar por directorios y sitios web, Konqueror utiliza los plug-ins KIO (KDE Input-Output, o sistema de entrada-salida de KDE) para extender sus capacidades. KIO permite acceder a diferentes protocolos como HTTP o FTP. Konqueror también puede utilizar plug-ins KIO para acceder a archivos ZIP, comparticiones Samba Windows) o cualquier otro protocolo imaginable como links ed2k ("ed2k://"), Audio CD ("audiocd"), ripeando su contenido simplemente arrastrando y soltando. El IOSlave FISH ("fish://usuario@host") permite manejar ficheros en shells remotas seguras, y los IOSlaves "man:" e "info:"permiten acceder a las páginas man e info respectivamente. Para ver la lista completa de IOSlaves disponibles, abre el centro de información de KDE y mira en la sección "protocolos". SEAMONKEY • •

La tecnología que utilizan. En qué sistemas operativos pueden utilizarse. ◦ Linux ◦ Mac OS X ◦ OS/2 ◦ Solaris ◦ Windows



Sus características. ◦ Navegación por pestañas. ◦ Popup blocker: para no permitir la interrupción de publicidad de internet. ◦ Image Manager: Para bloquear determinadas imagenes que el usuario pueda considerar ofensivas. ◦ Gestor de cookies. ◦ Gestor de descargas. ◦ Navegador: Este navegador tiene muchas ventajas, como: el gestor de contraseñas, las opciones de seguridad, el cierre de las ventanas emergentes, el aviso de Rss, el traductor directo de los , y es bueno y cómodo. ◦ Cliente de correo: El cliente de correo nos ofrece navegación por pestañas. Tiene una libreta de contactos y un lector de Rss. ◦ Chat: Tiene un complemento que el chat, para poder hablar con tus amigos desde el mismo navegador. ◦ HTML y herramientas de desarrollo: Este pack tiene una aplicación para crear páginas web en HTML, aunque actualmente creo que es mucho mejor utilizar los sistemas CMS tipo joomla o wordpress. También una aplicación para javascript.

CAMINO • •

La tecnología que utilizan. En qué sistemas operativos pueden utilizarse. ◦ Mac OS X



Sus características. ◦ El mejor motor de renderizado En el núcleo de Camino está su motor de renderizado, el componente resposable de mostrar las páginas web. Camino utiliza el motor de renderizado Gecko, el mismo que del popular navegador Mozilla Firefox. GeckoGecko renderiza las páginas web más exactamente que otros motores de renderizado. No solo es increiblemente rápido sino que soporta los últimos estandares de W3C así como XML, XHTML, DOM, CSS, y SVG. Camino 1.0 mejora la velocidad y confiablidad de agregados ("plug-ins") como QuickTime, Java, Flash, and Shockwave. ◦ Integración Dedicada Camino se integra firmemente con Mac OS X. La interfaz nativa Cocoa y los íconos bellamente diseñados hacen a Camino un ciudadano del escritorio muy útil y elegante. OS X IntegrationPero la integración no se detiene con la apariencia de Camino. Camino incorpora características que utilizan todos los componentes de Mac OS X. El Proyecto Camino está comisionado para mostra su soporte para las versiones Mac OS X (10.2, 10.3, y 10.4). ◦ Control de elementos molestos Annoyances... blockedCamino pone fin a las no deseadas ventanas emegentes ("popup's") y a la publicidad, lo que hace que la navegación en Internet sea una experiencia más llevadera. La tecnología incoporada que elimina elementos molestos detiene a las distractores que entran entre usted y la información que usted busca. La gran mayoría de ventanas emergentes son indeseadas, pero algunos sitios hacen un uso legítimo. Camino muestra un icono en la barra de estado cuando una ventana emergente es bloqueada, permitiendo a los usuarios re-abrir aquellas que sean necesarias. ◦ Herramientas de Búsqueda Debido a que las búsquedas se ha vuelto una parte importante de la navegación en internet, Camino provee herramientas útiles para buscar en Internet o en páginas web individuales. Search toolsCamino tiene la posibilidad de buscar desde la barra de herammientas usando Google u otro motor de búsqueda. Adicionalmente, buscar como-tú-lo-escribes le permite buscar en la página actual. Si usted quiere buscar en sus Favoritos (Marcadores) o en su Historial, Camino también tiene una herramienta de búsqueda para el Administrador de Marcadores. Y, además en Mac OS X 10.4, Spotlight es capaz de buscar en los marcadores de Camino. así que toda tu información está a solo unos egundos de distancia.

◦ Herramientas de Privacidad y Seguridad Camino hace que la administración y eliminación de la información que ha sido almacenada mientras se navegaba en Internet; cosas como el Historias, las Cookies, los Archivos Descargados y el Cache. Un "Reinicio de Camino" ("Reset Camino") le permite al usuario remover toda la información almacenada en un instante. Protecting your privacy.Usando las configuraciones de privacidad de Camino, es fácil prevenir que las cookies sean almacenadas en una base global o una base para cada sitio; Camino puede también preguntar si quiere cookies desde un sitio que usted visite. Camino le entrega el control sobre su privaciudad de modo que sea fácil de entender y configurar. Finalmanete, Camino también soporta la adición y administración de certificados de websites, permitiendo más control sobre tus conexiones seguras. MAXITHON •

La tecnología que utilizan.



En qué sistemas operativos pueden utilizarse. ◦ Microsoft Windows (Win2003/XP/Vista/Win7/Win8 o posterior) ◦ Mac OS X (Snow Leopard o posterior) ◦ Android (v2.7.0 o posterior) ◦ Linux



Sus características. ◦ Características de la versión 2.x ▪ Navegación por pestañas. ▪ Vista dividida - Dos páginas a la vez en la misma ventana. ▪ Gestos de ratón (página anterior, siguiente, cerrar, abrir, recargar, etc.). ▪ Bloqueador de anuncios y ventanas emergentes. ▪ Búsqueda programable con buscadores genéricos preconfigurados (incluyendo Yahoo! y Google) y varios buscadores específicos. ▪ Servicios programables como traducción y proxies anónimos. ▪ Super arrastrar y soltar: resalta y arrastra un texto, abre una nueva pestaña del buscador predeterminado con los resultados de búsqueda del texto resaltado. ▪ Barra lateral con favoritos, búsquedas especiales y predictor de tiempo. ▪ Barra de utilidades externas. ▪ Skins. ▪ Soporte para plugins propios. ▪ Soporte para ver material obsceno y no se guarde el historial. ▪ Servicio de actualización automático. ▪ URL Alias Programable - Abre un sitio con solo una palabra. ▪ Colector simple - Un bloc de notas para recolectar cualquier texto de los sitios web. ▪ Centro de Configuración - Ajusta toda la configuración del navegador de manera independiente. ◦ Características de la versión 3.x ▪ Navegador web hecho fácil

Su Web lo sigue: Use el Maxthon Passport para sincronizar de forma homogénea y acceder a favoritos, notas, incluso preferencias de navegación entre computadoras de escritorio y dispositivos. • Reduce la entrada fastidiosa: Crear atajos de las urls de sitios Web más visitados con la función de Apodos de Maxthon 3. • Historial de Calendario: El Historial de Calendario de Maxthon 3 organiza el historial de navegación por día en una vista de calendario fácil de leer. También es fácil borrar ítems individualmente o por fechas específicas. • Búsqueda Múltiple: Compara resultados de búsquedas entre Google, Yahoo, Bing y cualquier otro motor de búsqueda en una fácil ventana. • Sesiones múltiples en el mismo navegador: Se puede Autentícar en el mismo sitio con cuentas múltiples al mismo tiempo en el mismo navegador. • Acelerar con movimientos de ratón: Hace una simple forma con el ratón y dispara comandos como Renovar, Cerrar Pestaña, Página Arriba/Abajo y Pestaña Anterior/Siguiente. • Acercar/Alejar: Acercar y alejar página completa. Textos e imágenes aumentan en escala mientras mantienen alta fidelidad. • Comandos Arrastrar y soltar y Búsqueda: Resaltar una URL o palabras en una página web y luego arrastrar y soltarlo en su barra de direcciones para abrir nuevas páginas o ejecutar una búsqueda Web. • Función de Grupo: Botón derecho sobre una pestaña para agregar todas las páginas donde está favoritos con una nueva carpeta. • Silenciar: Silenca páginas Web y anuncios ruidosos. Maxthon 3 Mute hace justo lo que describe – Apaga todos los sonidos que provienen desde cualquier lado del navegador. ▪ Herramientas incorporadas • Detector de Descargas: Maxthon 3 detecta automáticamente una página web con videos, imágenes y audio. • Barra de estado: Deja claro conocimiento de su IP, CPU, velocidad de carga. • Video Emergente: Maxthon 3 detecta si se está en una página web con videos y ofrece una opción de abrir y ver ese video en una ventana emergente separada, o descargarlo más tarde. • Fácil captura de Pantalla: Pulsando el botón de cámara en la barra de herramientas, captura fácil y rápidamente una instantánea y editar con Highlight, Blur y Bubble. • Herramienta Externa: Obtenga acceso instantáneo a programas favoritos. Agregar, borrar, ordenar y arrastrar para acomodarlo. • Pantalla Partida: Uso de pantalla partida para dividir el navegador y ver dos pantallas lado a lado. • Permanezca seguro • Navegación Privada: No deja rastros. Navegación privada permite navegar la Web sin «ninguna» memoria de sitios visitados o archivos descargados. • Cazador de Publicidades: El cazador de publicidades bloquea cualquier publicidad y apariciones maliciosas antes que se carguen. ▪ Personalice su experiencia • Avatar: Subir una foto o elegir una en los avatares de Maxthon. • Temas: Permite a Maxthon cambiar sus temas de fondo. • Interfaz de usuario personalizable: Se puede personalizar el navegador. •

▪ Acceso internacional • Maxthon está disponible en 23 idiomas. Maxthon 3 ofrece correctores ortográficos incorporados en: Inglés, Ruso, Italiano, Checo, Portugués, Polaco, Alemán, Turco, Francés, Español. GOOGLE CHROME • •

La tecnología que utilizan. En qué sistemas operativos pueden utilizarse. ◦ Windows 7 o posterior ◦ Mac OS X 10.9 o posterior ◦ Linux ◦ Android 4.1 o posterior ◦ iOS 9 o posterior

• • •

Sus características. Temas visuales[editar] Posibilidad para agregar y cambiar temas visuales en la interfaz de Chrome. Para esto Google habilitó una galería de temas visuales en la Chrome Web Store.122 La galería hasta el momento contiene más de 3000 temas. No se requiere reiniciar el navegador para aplicar el tema, se instala automáticamente.

• • •

• • •

• • •

• • •

• •

Extensiones[editar] Soporte para agregar extensiones. Las extensiones en Chrome se encuentran disponibles en modo de galería para su rápida instalación,123 con más de 12.000 extensiones disponibles hasta el momento. No se requiere reiniciar el navegador para aplicar alguna extensión, se instala automáticamente. Las extensiones también se pueden utilizar en modo incógnito, y se pueden seleccionar individualmente para su uso en el modo incógnito. Scripts Greasemonkey Soporte nativo para scripts generados por Greasemonkey. Con esta característica es posible utilizar los scripts creados en el sitio UserScript.org. Según el equipo de desarrolladores de Chromium,124 actualmente se encuentran disponibles 40.000 scripts en el sitio UserScript. Sincronización en línea[editar] Sincronización general de preferencias, marcadores, autocompletado de formularios, contraseñas, temas, extensiones y aplicaciones, todo ello gracias a la sincronización de la cuenta de Google en línea.125 Con esto se puede utilizar la misma configuración de Chrome y sincronizarla en cualquier otro computador, basado en la implementación XMPP. Solamente hay que poseer una cuenta de Google o una cuenta de correo de Gmail para tener acceso al servicio de sincronización. La sincronización de pestañas y marcadores también afecta a la versión de Chrome para Android y iOS.126 Traducción de sitios[editar] Traducción sugerida y automática de sitios Web, todo esto gracias al Traductor de Google y los 52 idiomas que soporta actualmente. El sistema cuenta con una opción para desactivar esta característica por si resulta muy invasivo. Notificaciones de escritorio[editar]



• • •

• • •

• • •

• • •

• • •

• • •

• • •

• •

Los sitios que envíen notificaciones de escritorio podrán hacerlo utilizando HTML5, y también con el uso de extensiones o aplicaciones web corriendo de fondo podrán incluso enviarlas teniendo la ventana del sitio cerrada.127 Geolocalización[editar] Soporte de geolocalización, el cual aprovecha las características que posee HTML5 para lograr ésta tarea. La geolocalización es útil en sitios sociales para mostrar dónde se encuentra el usuario, y/o compartir imágenes o videos de donde se encuentra el usuario.128 Esta característica ya funciona con Google Maps. Flash Player[editar] Integración de la última versión del complemento Flash Player dentro del mismo navegador, recibiendo la colaboración y ayuda de Adobe Systems Incorporated (empresa que actualmente desarrolla Flash). Esto facilita aún más el manejo de objetos incrustados en sitios Webs que utilicen Flash. Además, facilita la actualización del complemento directo desde el actualizador del navegador, y no por separado.129 Visor PDF[editar] Visor nativo de archivos PDF, en el que se puede aumentar o disminuir la página y buscar palabras del mismo modo que en un sitio web común. Para protección del usuario, el visor está incluido dentro del «sandbox» de seguridad de Google Chrome. Al igual que el complemento de Adobe Flash integrado, también recibe las últimas actualizaciones para soporte de archivos PDF.130 Aplicaciones Web[editar] Consiste en una tienda en línea, Chrome Web Store, que recolecta aplicaciones creadas en diferentes lenguajes de programación utilizados en la web, los cuales son: HTML, XHTML, JavaScript, CSS, Adobe Flash, Java, AJAX, HTML5 (video/audio incrustado), WebGL, y CSS3. Las aplicaciones se pueden utilizar conectado a Internet, o sin una conexión a Internet. Las aplicaciones de la Chrome Web Store también se pueden usar en otros navegadores, siempre y cuando tengan tecnologías web actuales.131 Búsqueda instantánea[editar] Permite buscar instantáneamente desde el navegador. Esto permite que al momento de escribir el nombre de algún sitio en la barra de direcciones (Omnibox), el sitio cargue mientras todavía se está tecleando, sin necesidad de pulsar la tecla ↵ Entrar. No activado por defecto, pero puede habilitarse en Configuración.132 Native Client[editar] Integración de Native Client, el cual permite la ejecución de código C y C++ dentro del navegador. Native Client permite tener aplicaciones web enriquecidas gracias a la posibilidad de ejecutar código C/C++, tal como juegos y aplicaciones que requieran un lenguaje de código más robusto.133 Perfiles de usuario[editar] Permite crear diferentes cuentas de usuario y administrarlas en el mismo navegador. Esto ayuda a que los usuarios mantengan sus datos sincronizados por separado en un mismo navegador.134 WebGL[editar]



• • •

• • • • • • • • • •

• • •

• • • • • •

Brinda aceleración de gráficos tridimensionales vía hardware para juegos o videos usados directo en el navegador. WebGL funciona gracias a las herramientas que posee HTML5 y el proyecto mismo. WebGL funciona sin problemas en Linux y Mac OS X, pero en Windows hay un pequeño percance, así que el equipo de Chromium ideó una forma de utilizar WebGL en Windows con el proyecto llamado Angle,135 el cual utilizará las bondades de DirectX para utilizar WebGL en Windows.136 WebM[editar] Soporte nativo para WebM, el conjunto de códecs libres y abiertos para la reproducción de contenido multimedia en la Web. WebM está compuesto por el códec de video de código abierto VP8, el codec de audio libre Vorbis, y el contenedor multimedia de estándar abierto Matroska.137 YouTube en su sitio de pruebas para HTML5, ya está haciendo uso de WebM en sus videos, y cada vez más se pueden encontrar videos en YouTube usando WebM.138 WebRTC[editar] El estándar WebRTC, permite comunicación de video y audio de alta calidad a través de la web sin plug-ins y de desarrollo abierto.139 Opciones extras[editar] Búsquedas por voz[editar] Una de las características más interesantes incluidas últimamente en el navegador, es la posibilidad de realizar búsquedas sin tocar el teclado mediante el comando por voz.140 Páginas ocultas[editar] Google Chrome tiene algunas páginas ocultas, no accesibles dentro de la interfaz de usuario. Para acceder a ellas, se pueden teclear diversas órdenes "about:" en la barra de direcciones, la lista de órdenes se encuentra disponible en la web. Además, Google Chrome usa el URI «chrome» para varias herramientas de desarrollo. Se pueden ver todas las herramientas en «chrome://chrome-urls». Sin embargo, las herramientas se deben usar con precaución. Opciones experimentales[editar] Opciones experimentales del navegador, quiere decir que en futuras actualizaciones se podrían incorporarán por defecto, ya que se encuentran en etapa de prueba. Para utilizarlas, hay que dirigirse a about:flags en el Omnibox del navegador. Atajos de teclado y ratón[editar] Los atajos de teclado y ratón que incluye Google Chrome se pueden encontrar en su sitio web para distintos sistemas operativos. Rastreo de estadísticas de uso[editar] El rastreo sobre su uso es una opción que se le presenta al usuario durante la instalación del software. Una vez aceptado, es posible desactivar parte de la transmisión de esta información al cambiarla entre las opciones avanzadas de Chrome.141

5. Servidores Web Un servidor web es un programa diseñado para aceptar peticiones HTTP de navegador y servir páginas web, que tiene alojadas. Estas páginas suelen estar agrupados en un sitio web. Un sitio web es un conjunto de páginas web que están relacionadas entre si (por convivir en un mismo dominio o porque mantienen constante la raíz de la dirección URL). Se accede a través del navegador web. Para navegar a un sitio web se necesita saber la dirección exacta del sitio. Cada sitio web tiene una dirección única conocida como URL. En una URL se puede distinguir tres partes: • • •

Protocolo Nombre de dominio del servidor. Ruta en el servidor.

El protocolo que se utiliza para servir páginas es HTTP. El nombre de dominio, indica el ordenador de Internet que va a dar la información solicitada (siempre que haya instalado un servidor DNS) La ruta indica la ubicación del archivo solicitado dentro del servidor. NOMBRE DE DOMINIO Se requieren elementos básicos para que sea posible la cominicación en Internet. • • •

Servidor WEB: Es un servidor que está preparado para servir páginas web las 24 horas del día. Dominio: Es un sitio web al que se quiere acceder. Servidor DNS: es el encargado de transformar el nombre de dominio de un servidor web en la dirección IP correspondiente.

6 Investiga los siguientes conceptos: Editores web Aplicaciones web Sitios web. Servidor web. 7 Describe con el siguiente ejemplo, el proceso de solicitud de una página web. La página web a solicitar es la página que referencia a moodle de ies alminia “ http://www.juntadeandalucia.es/averroes/centros-tic/11700160/helvia/sitio/#” Esa referencia, ¿qué identifica? Indica sus partes. Pon ejemplo, en la barra del navegador, se escribe ña página web www.google.es 1. El navegador identifica la URL. Solicita al servidor DNS, la dirección IP El servidor le indica que se encuentra en la IP 173.194.34.208. El navegador establece una conexión

Clientes WEB El cliente web es una aplicación informática o un ordenador que consume un servico remoto ( de otro ordenador conocido como servidor ) normalmente a través de una red de telecomunicaciones. (Puede ser del mismo equipo local, si éste actúa de servidor) El cliente web trata de obtener datos externos (por ejemplo, páginas web, información bursátil o base de datos), interactuar con otros usuarios a través de un gestor central (como por ejemplo los protocolos BitTorrent o IRC), compartir información con otros usuarios (servidores de archivos y otras aplicaciones Groupware) o utilizar recursos de los que no se dispone en la máquina local (por ejemplo impresión) Uno de los clientes más utilizados, sobre todo por su versatilidad, es el navegador web. EJEMPLOS: 1) WHATSAPP • Servidor Whatsapp: Gestiona los mensajes en tiempo real. • Cliente Whatsapp: Aplicaciones del móvil. Solicita esos mensajes y cuando los recibe, los notifica al usuario. 2) COREEO ( email) • Servidor de correo: Almacena los mensajes pero no son visualizados en tiempo real. • Cliente de correo: Navegadores que acceden a la aplicación web de correo, momento en el cual, son solicitados los mensajes al servidor, que los tiene almacenados en un buzón. 3) IMPRESORA EN RED • Servidor de impresión: Que gestiona las peticiones de impresión. • Cliente de impresión: Navegadores, que acceden a la impresora, a través de su dirección IP. 4) SERVIDOR WEB O SERVIDOR HTTP • Cliente web: Se mantiene a la espera de peticiones por parte de un cliente, y responde a estas peticiones adecuadamente, mediante una página web. • Cliente web: Navegadores web, Muestra la páginas solicitada o un mensaje de error en caso de error. RESUMEN • INTERNET: Conjunto de tecnologías para compartir recursos e información. • WEB (www): Es un servicio de Internet que ofrece al usuario la visualización de páginas web, que contiene información ubicada en sitios remotos. • PÁGINAS WEB: Formato utilizado para que la información compartida, interactúe con el usuario. • Aplicaciones WEB: Software que permite el diseño de una página web. Su uso es opcional. • HTML: Lenguaje utilizado para crear una página web. • HTML/HTTP (en minúsculas): Protocolos utilizados para transferir las páginas web al servidor web. • NAVEGADOR WEB: Software que permite visualizar la información que contiene una página web, pues interpreta el código de la página y lo visualiza en pantalla.

• •

• • • • • • • •

SERVIDOR WEB: Programa diseñado para aceptar peticiones HTTP del navegador y servir las páginas web que tiene alojadas. SITIO WEB: Conjunto de páginas web que están relacionadas entre sí (por convivir en un mismo dominio o porque mantienen contaste la raíz de la dirección URL). Se accede a través del navegador web. INDEX: La página web principal de un sitio web. La extensión puede ser .htm, php, .asp, entre otras. URL: Dirección única de un sitio web. Consta de 3 partes: Protocolo HTTP: Para servir las páginas web. Nombre de dominio del ordenador servidor: Ordenador de Internet que proporciona la información solicitada ( siempre que haya instalado un servidor DNS) Ruta en el servidor: Ubicación del archivo solicitado dentro del servidor. Servidor DNS: Transforma el nombre de dominio de un servidor web en la dirección IP correspondiente. Dirección IP (acrónimo de Internet Protocol): N.º único e irrepetible que identifica una computadora conectada a una red. CLIENTE WEB: Aplicación informática u ordenador que consume un servidor remoto. El más utilizado, sobre todo por su velocidad, es el navegador web.

Resumen unificado INTERNET → Ofrece multitud de servicios L→ PÁGINAS WEB (Formato visualizado utilizado para ofrecer el servicio) L → El diseño puede ser realizado a través de una APLICACIÓN WEB específica para esta tarea (es opcional). L → Es escrita a través del lenguaje HTML L → Es transferida al servicio web, a través del protocolo http, utilizando un NAVEGADOR WEB L → CLIENTE WEB L → Software que permite visualizar la información que contiene una página web, pues interpreta el código de ésta. L → SERVIDOR WEB → Acepta peticiones HTTP del navegador y sirve las páginas web que contiene alojadas. L → SITIO WEB → Conjunto de páginas web relacionadas entre sí. Se accede a través del navegador web. L→ INDEX → Página web principal de un sitio web. Extensión: .htm, .php, .asp, entre otras. L → URL → Dirección única de un sitio web (Protocolo →HTTP + NombreDominioServidor (servidor DNS) + Ruta L → SERVIDOR DNS: Transforma nombre de dominio de un servidor web en la dirección IP correspondiente. L → DIRECIÓN IP: N.º único e irresponsable que identifica la computadora donde se encuentra el recurso buscado.