FACULTAD DE INGENIERÍA DE SISTEMAS CURSO: INFORMÁTICA IINFORMÁTICA ICICLO: I – TURNO NOCHEI – TURNO NOCHEDOCENTE: Ing. FRANKLIN CALLE ZAPATAIng. FRANKLIN.

FACULTAD DE INGENIERÍAFACULTAD DE INGENIERÍADE SISTEMASDE SISTEMAS

CURSO:CURSO:• INFORMÁTICA IINFORMÁTICA I

CICLO:CICLO:• I – TURNO NOCHEI – TURNO NOCHE

DOCENTE:DOCENTE:• Ing. FRANKLIN CALLE ZAPATAIng. FRANKLIN CALLE ZAPATA

GRUPO:GRUPO:• Nº 05Nº 05

Pucallpa, Agosto 2006

CREACION DE CREACION DE PAGINAS PAGINAS WEBWEB

INTEGRANTES DE GRUPOINTEGRANTES DE GRUPORENGIFO ARVILDO, SAUL……….100%ISUIZA GUERRA, JHONATAN …...100%BARBARAN ROJAS, CARLOS ……100%PUYO NUBE, TOMMY ……………..95%FLORES, SARITA …………………...0.0%

INDICE

1. INTRODUCCION

2. OBJETIVO

3. CONTENIDO DEL TEMA

4. RESUMEN

5. VALOR AGREGADO

6. PREGUNTAS Y RESPUESTAS

INTRODUCCIONEl diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional sobre internet ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo.

El diseño web no sólo aporta a la comunicación textual (contenidos) existente en internet una faceta visual, sino que obliga a pensar una mejor estructuración de los mismos en este soporte. La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio internet.

El diseño web ha visto amplia aplicación en los sectores comerciales de internet especialmente en la World Wide Web. Asímismo, a menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.

OBJETIVO

Una web bien hecha se compone de una página principal y diversas sub-páginas que explican, cada una de ellas, un tema.

La navegación la constituyen todos los elementos que facilitan cambiar de una página a otra. Gracias a los diseñadores, una web contará con una estructura clara y precisa que hará que el visitante se guíe muy fácilmente a través de tu página.

Web 2.0

Web 2.0 se refiere a la transición percibida en Internet desde las webs tradicionales a aplicaciones web destinadas a usuarios. Los propulsores de este pensamiento esperan que los servicios de la Web 2.0 sustituyan a las aplicaciones de escritorio en muchos usos.

Introducción a Web 2.0

El concepto original de la web (en este contexto, llamada Web 1.0) era páginas estáticas HTML que no eran actualizadas frecuentemente. El éxito de las punto-com dependía de webs más dinámicas (a veces llamadas Web 1.5) donde los CMS servían páginas HTML dinámicas creadas al vuelo desde una actualizada base de datos. En ambos sentidos, el conseguir hits (visitas) y la estética visual eran considerados como unos factores muy importantes.

Los propulsores de la aproximación a la Web 2.0 creen que el uso de la web está orientado a la interacción y redes sociales, que pueden servir contenido que explota los efectos de las redes con o sin crear webs interactivas y visuales. Es decir, los sitios Web 2.0 actúan más como puntos de encuentro, o webs dependientes de usuarios, que como webs tradicionales.

¿En qué nos sirve la Web 2.0?El uso de el término de Web 2.0 está de moda, dándole mucho peso a una tendencia que ha estado presente desde hace algún tiempo.  En Internet las especulaciones han sido causantes de grandes burbujas tecnológicas y han hecho fracasar a muchos proyectos.

Además, nuestros proyectos tienen que renovarse y evolucionar.    El Web 2.0 no es precisamente una tecnología, sino es la actitud con la que debemos trabajar para desarrollar en Internet.

Tal vez allí está la reflexión más importante del Web 2.0 y como los Web masters deberían de prepararse. Están trabajando en renovar y mejorar algunos proyectos, no por que buscan etiquetarlos con nuevas versiones, sino por que creemos firmemente que la única constante debe ser el cambio, y en Internet, el cambio debe de estar presente más frecuentemente

Futuras Versiones

Muchas personas hablan últimamente sobre la Web 1.0 y Web 2.0. Otras, incluso, hablan de lo que les gustaría ver en la Web 2.12

Comparación con la Web Semántica En ocasiones se ha utilizado el término Web 2.0 como análogo a Web semántica. Sin embargo ambos conceptos, aun siendo afines, no son iguales, sino más bien complementarios. La combinación de sistemas de redes sociales, como FOAF y XFN, con el desarrollo de etiquetas (o tags), que en su uso social derivan en folcsonomías, así como el plasmado de todas estas tendencias a través de blogs y wikis, confieren a la Web 2.0 un aire semántico. Sin embargo, en el sentido más estricto de Web semántica se requiere el uso de ontologías y no de folcsonomías. De momento, el uso de ontologías como mecanismo de estructurar la información en los programas de blogs es anecdótico y sólo se aprecia de manera incipiente en algunos wikis

Tecnología

La infraestructura de la Web 2.0 es compleja y evoluciona, pero incluye el software de servidor, sindicación de contenidos, protocolos de mensajes, navegadores basados en estándares, y varias aplicaciones para clientes.

Tecnología

Una web se puede decir que está construida usando tecnología de la Web 2.0 si se caracteriza por las siguientes técnicas:

Técnicas:• CSS, marcado XHTML válido semánticamente y Microformatos • Técnicas de aplicaciones ricas no intrusivas (como AJAX) • Java Web Start • Flex/Laszlo/Flash • XUL • Sindicación de datos en RSS/ATOM • Agregación de datos en RSS/ATOM • URLs sencillas y con significado • Soporte para postear en un blog • JCC y APIs REST o XML • Algunos aspectos de redes sociales.

Tecnología

General: El sitio no debe actuar como un "jardín cerrado": la información

debe poderse introducir y extraer fácilmente Los usuarios deberían controlar su propia información Basada exclusivamente en la Web: los sitios Web 2.0 con más

éxito pueden ser utilizados enteramente desde un navegador

Sindicación de contenido

La primera y más importante evolución de la Web 2.0 se refiere a la sindicación del contenido de una Web, usando protocolos estandarizados que permitan a los usuarios finales usar el contenido de la web en otro contexto, ya sea en otra web, un plug-in de navegador, o en una aplicación de escritorio. Entre los protocolos que permiten sindicar se encuentran RSS, RDF (conocido también como RSS 1.1), y Atom, todos ellos variedades de XML. Los protocolos específicos como FOAF y XFN (ambos para redes sociales) amplían la funcionalidad de los sitios y permiten a los usuarios interactuar sin contar con sitios Web centralizados. Véase microformats para más información sobre formatos de datos especializados.

Debido al reciente desarrollo de estos, muchos son de facto en vez de estándares.

Servicios Web Los protocolos de mensajes bidireccionales son uno de los elementos clave de la infraestuctura de la Web 2.0. Los dos tipos más importantes son los métodos RESTful y SOAP. REST indican un tipo de llamada a un servicio web donde el cliente transfiere el estado de todas las transacciones. SOAP y otros métodos similares dependen del servidor para retener la información de estado.

En ambos casos, el servicio es llamado desde un API. A veces este API está personalizado en función de las necesidades específicas del sitio web, pero los APIs de los servicios web estándares (como por ejemplo escribir en un blog) están también muy extendidos. Generalmente el lenguaje común de estos servicios web es el XML, si bien puede haber excepciones.

Recientemente, una forma híbrida conocida como Ajax ha evolucionado para mejorar la experiencia del usuario en las aplicaciones web basadas en el navegador. Esto puede ser usado en webs propietarias (como en Google Maps) o en formas abiertas utilizando un API de servicios web, una semilla de sindicación.Vea también WSDL (Web Services Description Language).

Software de servidor

La funcionalidad de la Web 2.0 se basa en la arquitectura existente de servidor web pero con un énfasis mayor en el software dorsal.

La sindicación sólo se diferencia nominalmente de los métodos de publicación de la gestión dinámica de contenido, pero los servicios Web requieren normalmente un soporte de bases de datos y flujo de trabajo mucho más robusto y llegan a parecerse mucho a la funcionalidad de intranet tradicional de un servidor de aplicaciones.

El enfoque empleado hasta ahora por los fabricantes suele ser bien un enfoque de servidor universal, el cual agrupa la mayor parte de la funcionalidad necesaria en una única plataforma de servidor, o bien un enfoque plugin de servidor Web con herramientas de publicación tradicionales mejoradas con interfaces API y otras herramientas. Independientemente del enfoque elegido, no se espera que el camino evolutivo hacia la Web 2.0 se vea alterado de forma importante por estas opciones.

Comparación con la "Web 1.0" De acuerdo con Tim O'Reilly la Web 2.0 puede ser comparada con la Web 1.0 de esta manera:

Web 1.0 Web 2.0

DoubleClick Google AdSense

Ofoto Flickr

Akamai BitTorrent

mp3.com Napster

Britannica Online Wikipedia

webs personales blogging

evite upcoming.org y EVDB

especulación de nombres de dominios optimización de la máquina de búsqueda

páginas vistas coste por click

screen scraping servicios web

publicar participación

cms wikis

directorios (taxonomy) etiquetas ("folksonomy")

stickiness sindicación

RESUMEN

Web 2.0 es una forma de entender Internet que, con la ayuda de nuevas herramientas y tecnologías de corte informático, promueve que la organización y el flujo de información dependan del comportamiento de las personas que acceden a ella, permitiéndose a estas no sólo un acceso mucho más fácil y centralizado a los contenidos, sino su propia participación tanto en la clasificación de los mismos como en su propia construcción, mediante herramientas cada vez más fáciles e intuitivas de usar.

Una página Web accesible, es aquella que permite a los buscadores leer el contenido con facilidad.

Si no se invierten los máximos esfuerzos para conseguir una página web, el resultado es una pérdida de dinero, puesto que nunca será una página útil para los usuarios.

VALOR AGREGADOhttp://www.maestrosdelweb.com/editorial/web2/

http://www.canalpda.com/Sections-index-req-viewarticle-artid-8-page-1.html

http://www.elastico.net/archives/005717.html

http://www.adelat.org/index.php?title=conceptos_clave_en_la_web_2_0_y_iii&more=1&c=1&tb=1&pb=1

http://es.wikipedia.org/wiki/Web_2.0

http://es.wikipedia.org/wiki/Dise%C3%B1o_de_p%C3%A1ginas_web

What is Web 2.0 en O'reilly (inglés)

Plataforma Web 2.0 : ¿Que Es?

Muchas gracias por Muchas gracias por la atención brindada.la atención brindada.

EL AJAX

es una técnica de desarrollo Web para crear aplicaciones interactivas. Éstas se ejecutan en el cliente, es decir, en el navegador del usuario, y mantiene comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre la misma página sin necesidad de recargarla. Esto significa aumentar la interactividad, velocidad y usabilidad en la misma.

• Fue creado en 2005, la historia de las tecnologías que permiten Ajax se remonta a una década antes con la iniciativa de Microsoft en el desarrollo de Scripting Remoto. Sin embargo, las técnicas para la carga asíncrona de contenidos en una página existente sin requerir recarga completa remontan al tiempo del elemento iframe (introducido en Internet Explorer 3 en 1996) y el tipo de elemento layer (introducido en Netscape 4 en 1997, abandonado durante las primeras etapas de desarrollo de Mozilla). Ambos tipos de elemento tenían el atributo src que podía tomar cualquier dirección URL externa, y cargando una página que contenga javascript que manipule la página paterna, pueden lograrse efectos parecidos al Ajax.

Las aplicaciones AJAX se ejecutan en la máquina cliente, manipulando la página actual dentro de sus navegadores usando métodos de Document Object Model. Puede ser usado para multitud de tareas como actualizar o eliminar registros, expandir formularios Web, devolver peticiones simples de búsqueda, o editar árboles de categorías; todo sin tener la necesidad de tener que recargar toda la página de HTML cada vez que se realiza un cambio. Generalmente sólo requiere enviar pequeñas peticiones al servidor, y se devuelven respuestas relativamente cortas. Esto permite el desarrollo de aplicaciones interactivas con interfaces de usuario más responsivas gracias al uso de las técnicas DHTML.

• Portabilidad• Las aplicaciones de Ajax utilizan características bien

documentadas presentes en todos los navegadores importantes en la mayoría de las plataformas existentes. Aunque esta situación podría cambiar en el futuro, en este momento, los usos de Ajax son efectivos entre plataformas.

• Mientras que la plataforma de Ajax está más restringida que la plataforma de Java, las aplicaciones actuales de Ajax llenan con eficacia la parte de los Java applets: ampliar el navegador con mini-aplicaciones ligeras24

Contras y críticas Una de las mayores críticas contra el uso de AJAX en aplicaciones

Web es que puede fácilmente acabar con el comportamiento normal del botón atrás del navegador. Las diversas expectativas entre volver a una página que se ha modificado dinámicamente y la vuelta a una página estática pueden ser sutiles. Los usuarios normalmente esperan que haciendo clic en atrás mientras están en una aplicación Web les llevará a la última página cargada, y en aplicaciones AJAX lo más seguro es que esto no ocurra. Los desarrolladores han implementado varias soluciones a este problema, muchos de los cuales giraron alrededor de crear o usar IFrame invisibles para invocar los cambios que hacen que se genere el historial usado por el botón atrás del navegador. Google Maps, por ejemplo, realiza búsquedas en un IFrame invisible y luego inserta los resultados en la página Web visible; es posible seguir el comportamiento del usuario vía callbacks que son llamados cada vez que se pulsa el botón atrás, recuperando el estado de la aplicación que existía en ese momento.

Un problema relacionado es que las actualizaciones dinámicas hacen difícil al usuario agregar a los marcadores/favoritos un momento particular de la aplicación. Existen soluciones a este problema, muchas de las cuales utilizan el fragmento identificador del URL (la parte de una URL precedida del signo '#' [1] [2]) para no perderla de vista, y permitir a los usuarios volver a ese momento exacto. Esto es posible porque muchos navegadores permiten al JavaScript actualizar dinámicamente el fragmento identificador del URL, por lo que las aplicaciones Ajax pueden mantenerlo a medida que el usuario va cambiando el estado de la página [3]. Esta solución también mejora el funcionamiento del botón atrás.

Tiempos de respuesta El intervalo entre la petición del usuario y la respuesta del servidor debe

tenerse en cuenta durante el desarrollo de AJAX. Sin el feedback claro al usuario [4], carga de datos elegante [5], y dirección apropiada del objeto XMLHttpRequest [6] los usuarios pueden experimentar esperas en la intefaz de la aplicación web, algo que los usuarios pueden no esperar o comprender [7]. Como soluciones a estas esperas, frecuentemente se recomienda el uso de feedback visual para informar al usuario de la actividad en segundo plano y/o precarga de contenido y datos.

En general el impacto potencial de la espera no ha sido "resuelto" por ninguno de los toolkits y frameworks para AJAX de código abierto disponibles hoy en día.

[editar] JavaScript Aunque AJAX no necesita ningún tipo de plug-in para el navegador,

requiere que los usuarios tengan el JavaScript activado. Esto se aplica a todos los navegadores que soportan esta tecnología excepto para Microsoft Internet Explorer 6 y anteriores los cuales necesitan también tener el ActiveX activado, ya que el objeto XMLHttpRequest está implementado junto con el ActiveX en este navegador. Internet Explorer 7, por otra parte, va a implementar esta interfaz como un objeto JavaScript nativo y por tanto no se va a necesitar ActiveX para que AJAX pueda funcionar con normalidad.

Como ocurre con las aplicaciones DHTML, las de AJAX deben de ser probadas rigurosamente para adaptarse a los diferentes navegadores y plataformas. Han ido apareciendo numerosas librerías de programación a medida que AJAX ha ido madurando que pueden ayudar en esta tarea. Asimismo, se han desarrollado técnicas para asistir en el diseño de aplicaciones que ofrecen funcionalidades alternativas para los usuarios que no tienen el JavaScript activado

Navegadores que permiten AJAX Debe tenerse en cuenta que ésta es una lista general, y el

soporte de las aplicaciones AJAX dependerá de las características que el navegador permita.

Navegadores basados en Gecko como Mozilla, Mozilla Firefox, SeaMonkey, Camino, Flock, Epiphany, Galeón y Netscape versión 7.1 y superiores

Navegadores con el API KHTML versión 3.2 y superiores implementado, incluyendo Konqueror versión 3.2 y superiores, Apple Safari versión 1.2 y superiores, y el Web Browser for S60 de Nokia tercera generación y posteriores

Opera versión 8.0 y superiores, incluyendo Opera Mobile

Browser versión 8.0 y superiores

Navegadores que no permiten AJAX Opera 7 y anteriores Microsoft Internet Explorer para Windows

versión 4.0 y anteriores Microsoft Internet Explorer para Macintosh,

todas las versiones Dillo Navegadores basados en texto como Lynx

y Links Navegadores para incapacitados visuales

(braille)

VEASE TAMBIEN EN ESTAS PAGINAS AjaxCFC AjaXSLT Client/SOA FJAX HTTP Streaming JSON, AJAX sin XML Open Ajax Progressive Enhancement Rich Internet Application Sajax Single Page Application Web 2.0 xajax XMLHttpRequest

Enlaces externos AJAX un nuevo acercamiento a Aplicaciones Web, traducción

del artículo original de Jesse James Garret. Blog sobre Ajax Artículos y tutoriales de Ajax en Español Tutorial-Wiki: Programación de aplicaciones web con AJAX Tutorial: AJAX y ASP Implementando AJAX con C#/VB en ASP.NET Implementando AJAX con Perl martinpulido.com - Blog

con Información y ejemplos sobre AJAX Tutorial de Ajax Asp.Net (C#) en Scourdesign.com. Tutorial de AJAX en PHP con ayuda de JSON y Prototype Tutorial de Ajax en PHP - MCTekK Wiki sobre AJAX

Herramientas Librería en castellano muy útil y fácil de usar. TinyAJAX Librería AJAX OpenSource en castellano simple, limpia y

rápida. xajax PHP Class Library (Inglés) Google Web Toolkit, isiAJAX entorno de desarrollo de utilidades

Ajax de Google. Backbase, AJAX/DHTML toolkit. Dojo Toolkit, AJAX/DHTML toolkit. Prototype, open-source framework. Rialto, Rich Internet AppLication TOolkit. (QuickStartDemo) Rico, biblioteca open-source de JavaScript para crear aplicaciones

de Internet. Sajax, Simple AJAX toolkit Ajax Goals, Ajax Tools AjaxTags, biblioteca open source para añadir Ajax dentro de JSPs Ajax Toolkit para Eclipse, AJAX Toolkit propuesto para Eclipse ZK, Ajax pero ningún Javascript. Demo Atlas, Microsoft's AJAX toolkit. Ajax Google Seach 24SevenOffice CRM Obtenido de "http://es.wikipedia.org/wiki/AJAX"