Desarrollo Web

Desarrollo web

En este Post Podran encontar todo lo relacionado con el Desarrollo Web y demas cosas.

Click Aqui

Lenguajes de Programacion Web

Web 2.0

La Web 1.0 (1991-2003) es la forma más básica que existe, con navegadores de sólo texto bastante rápidos como. Después surgió el HTML que hizo las páginas web más agradables a la vista, así como los primeros navegadores visuales tales como IE, Netscape, etc.

La Web 1.0 es de sólo lectura. El usuario no puede interactuar con el contenido de la página (nada de comentarios, respuestas, citas, etc.), estando totalmente limitado a lo que el Webmaster sube a ésta.

Web 1.0 se refiere a un estado de la World Wide Web, y cualquier página web diseñada con un estilo anterior del fenómeno de la Web 2.0. Es en general un término que ha sido creado para describir la Web antes del impacto de la fiebre punto com en el 2001, que es visto por muchos como el momento en que el internet dio un giro.

Web 2.0

Es una evolución de Web 1.0. Es un “ecosistema” de la información: Google, Wikipedia, Ebay, Youtube, SkypeSkype, Writely, Blogger, RSS, Flickr, Emule, Todas estas aplicaciones y sitios tienen en común que su principal activo es el usuario. A mayor número de usuarios aumenta el valor del sitio y su contenido. No hay versiones, siempre está cambiando. la Web 2.0 esta destinada a la navegación. Tiene innovaciones (tecnologías)

Sitios representativos de Web 2.0:

– Google : es más que un buscador, es una marca que abarca desde un sistema de correo electrónico (Gmail) hasta un mapa mundial con callejeros y ortofotografías (Google maps).

– Emule es una aplicación que permite el intercambio de archivos entre

usuarios de forma descentralizada.

– Wikipedia es un proyecto de encipledia libre donde son los usuarios

los que escriben los artículos.

– Ebay es un sitio que permite a millones de usuarios en todo el mundo

comprar y vender cualquier cosa en cualquier sitio.

– Youtube es el sitio favoritos de miles de usuarios para ver vídeos que

los mismo usuarios aportan y comparten.

– Skype es una aplicación que permite hablar gratuitamente con otros usuarios que se encuentran en cualquier parte del mundo, usando tecnología de voz sobre IP. Skype permite incluso hablar por teléfono con todo el mundo a un precio muy competitivo.

– Writely: Ofrece un procesador de texto en línea que permite compartir los documento con otros usuarios e incluso publicar automáticamente en Blogger.

– Blogger , es la aplicación más popular para crear un weblog de forma fácil. Los weblogs están revolucionando Internet y blogger es la forma más fácil de crear un diario en Internet.

– Flickr es un sitio que facilita que los internautas compartan fotografías. Permite de forma gratuita la creación de álbumes que luego se presentan como diapositivas.

En conclusión WEB 2.0 es más actitud y modelo de negocio antes que tecnología: centrado en COMUNICACIÓN, centrado en EL USUARIO, la tecnología debe soportar los conceptos y en el constante cambio.

Diferencias

Web 1.0

• La actualizacion de los sitios web no se realiza de forma periodica.
• Los sitios son direccionales y no colaborativos.
• Poco Productos de contenido(minoria de conocimientos de lenguaje de programacion)
• Paginas estaticas.

Web 2.0

• Web Colaborativa.
• Facilita las iteracciones.
• Los usuarios se transforman en productores de contenido.
• Ahorra tiempo al usuario.
• Informacion en permanente cambio.

Ventajas y Desvantajas Web 2.0

• Software legal: No hay que preocuparse por licencia alguna.
• Disponibles desde cualquier lugar.
• Multiplataforma: Funcionan independientemente del sistema operativo que se use e incluso se puede acceder desde cualquier dispositivo.
• Siempre actualizado: El servicio se encarga de las actualizaciones del soft.
• Menor requerimiento de hardware: Sólo se necesita poder utilizar un navegador.
• Colaboración: Pueden trabajar varias personas a la vez y desde diferentes lugares del mundo.

Desventajas

• Información privada a terceros: Generalmente no se sabe en manos de quién caen los datos ni que uso se va a hacer de ellos.
• Cambios en las condiciones del servicio: Puede que el servicio sea gratis hoy y mañana no.
• Copias de seguridad: Si bien es posible que tengan mejores copias de los datos nuestros, nadie lo garantiza.

La Web 1.0 Carece de ventajas por lo cual no se menciona mucho en estos aspectos, ya que frente a la Web 2.0, presenta muchas desventajas.

Google Maps Oracle Corporation

Hace tres décadas, Larry Ellison vio una oportunidad que otras empresas no supieron apreciar al descubrir la descripción de un prototipo de trabajo para una base de datos relacional y enterarse de que ninguna empresa se había comprometido a comercializar la tecnología. Ellison y sus cofundadores, Bob Miner y Ed Oates, se dieron cuenta del gran potencial económico que ofrecía el modelo de base de datos relacional—pero no se dieron cuenta de que ellos cambiarían la informática empresarial para siempre.

Con la agilidad de una empresa mucho más pequeña, Oracle ha demostrado, gracias a su historial, que puede construir para el futuro sobre la base de años de innovación, el gran conocimiento de los éxitos y desafíos de sus clientes, y los mejores talentos en el área técnica y comercial alrededor del mundo. La empresa ha demostrado no solo su capacidad de aprovechar al máximo su gran tamaño y sus virtudes para servir a sus clientes, sino también su capacidad de tomar decisiones que eliminen las creencias convencionales y lleven sus productos y servicios hacia una nueva dirección.

Después de 30 años, Oracle sigue siendo el estándar de oro para las aplicaciones y la tecnología de base de datos de empresas de todo el mundo: La compañía es proveedora líder mundial de software para la administración de la información, y la segunda empresa de software independiente más grande del mundo. La tecnología de Oracle puede encontrarse en casi todos los sectores, y en los centros de datos de 98 de las 100 empresas Fortune. Oracle es la primera empresa de software en desarrollar e implementar software empresarial 100 por ciento activado por internet en toda su línea de productos: base de datos, aplicaciones comerciales y herramientas para el soporte de decisiones y el desarrollo de aplicaciones.

Es la innovación la que impulsa el éxito de Oracle. Oracle fue una de las primeras empresas en lograr que sus aplicaciones comerciales estén disponibles en Internet—una idea hoy en día dominante. Con el lanzamiento de Oracle Fusion Middleware, Oracle comienza a lanzar nuevos productos y funcionalidades, los cuales reflejan el objetivo de la empresa: conectar todos los niveles de tecnología empresarial para ayudar a los clientes a acceder al conocimiento que necesitan para responder con velocidad y agilidad ante los requisitos del mercado. Hoy, Oracle Real Application Clusters, Oracle E-Business Suite, Oracle Grid Computing (inglés), soporte de Enterprise Linux, y Oracle Fusion fomentan el compromiso hacia la innovación y los resultados, lo cual ha perfilado a Oracle durante 30 años.

¿Qué planeamos para el futuro? Lucharemos por ser #1 en Middleware y #1 en aplicaciones, del mismo modo que lo hicimos con la base de datos. Nuestro objetivo es continuar innovando y liderando el sector —focalizándonos siempre en solucionar los problemas de los clientes que confían en nuestro software.

Google Maps Microsoft Corporation.

La compañía fue fundada en 1975 por William H. Gates III y Paul Allen. Ambos se habían conocido durante su época de estudiantes por su afición común a programar con la computadora PDP-10 de Digital Equipment Corporation. En ese año, la revista Popular Electronics dedicó su portada y un artículo al Altair 8800, la primera computadora personal. El artículo animó a Gates y Allen a desarrollar la primera versión del lenguaje de programación BASIC para el equipo Altair. Le compraron la licencia de este software a Micro Instrumentation and Telemetry Systems (MITS), la empresa fabricante del Altair, y fundaron Microsoft (originalmente Micro-soft) en Albuquerque, Nuevo México, con el objeto de desarrollar versiones de BASIC para otras compañías del sector. Apple Computer, fabricante del equipo Apple II, Commodore, fabricante del PET, y Tandy Corporation, fabricante del equipo Radio Shack TRS-80, todas ellas compañías creadas por aquel entonces, fueron los primeros clientes de Microsoft. En 1977 Microsoft lanzó al mercado su segundo producto, Microsoft FORTRAN, otro lenguaje de programación, y pronto sacó versiones del lenguaje BASIC para los microprocesadores 8080 y 8086.

MS-DOS

En 1979 Gates y Allen trasladaron la compañía a Bellevue, Washington, muy cerca de Seattle, la ciudad donde ambos nacieron. El traslado a Redmond, muy próximo a Bellevue, se produjo en 1986. En 1980 IBM contrató a Microsoft para escribir el sistema operativo del IBM PC, que saldría al mercado al año siguiente. Presionada por el poco tiempo disponible, Microsoft compró QDOS (Quick and Dirty Operating System) a Tim Paterson, un programador de Seattle, por 50.000 dólares y le cambió el nombre a MS-DOS. El contrato firmado con IBM permitía a Microsoft vender este sistema operativo a otras compañías. En 1984 Microsoft había otorgado licencias de MS-DOS a 200 fabricantes de equipos informáticos y, así, este sistema operativo se convirtió en el más utilizado para PC, lo que permitió a Microsoft crecer vertiginosamente en la década de 1980.

Formato de imagenes para web

Formato GIF

El formato GIF usa 256 colores y se emplea sobretodo con imágenes pequeñas como iconos. No se suele usar con fotos porque da más calidad el formato JPG. Aunque el formato GIF no tiene pérdidas de calidad en la compresión, es decir muestra la imagen tal como es en formato bmp por ejemplo, pero reduciendo su tamaño considerablemente.
Tiene dos características que lo hacen muy atractivo para el diseño de las páginas Web.
Una de ellas, es que uno de sus colores se puede hacer transparente (en el subformato Gif89a), no mostrándose en la pantalla. Si se elige el color que bordea el motivo principal da la sensación de que la imagen tiene la forma de ese motivo ( en realidad todas las imágenes son rectangulares). Puedes ver ese efecto en las pequeñas imágenes que adornan este manual.
Para hacer transparente un color hay que usar editores de imágenes, como por ejemplo:
LView en http://www.lview.com (Shareware, 21 días de prueba, 1.36 Mb)
Paint Shop Pro en http://www.jasc.com (Shareware, 30 días, 3.1 Mb)
o el más profesional Adobe Photoshop

Otra característica, es que se pueden ensamblar varias imágenes, que se muestran como si fuera una sola, de modo que da la sensación de movimiento. Estas imágenes se llaman Gifs animados y como ves también se pueden hacer transparentes. Hay programas específicos para hacer Gifs animados, algunos son:

GIF Construction Set en http://www.mindworkshop.com/alchemy/gifcon.html (1.46 Mb, Shareware)

También puedes encontrar imágenes ya creadas de todos los tipos en algunas páginas de Internet, que son como bibliotecas de imágenes. Puedes mirar en

http://www.iconbazaar.com/

http://www.desarrolloweb.com/directorio/recursos_gratis/directorios_de_imagenes/index.php?pagina_recursos=1

http://joseluisavilaherrera.blogspot.com/

http://office.microsoft.com/es-es/images/

Formato JPG

El formato JPG usa 16.7 millones de colores, por lo que se emplea con imágenes de alta resolución. Con este formato se obtiene un grado de compresión más alto que con el GIF y además ésta se puede regular: Cuanto mayor sea la compresión, más pérdida de calidad, respecto de la imagen original. De hecho cada vez que abrimos y guardamos de nuevo una imagen en formato JPG, distorsionamos un poco la imagen.

Características del formato

Este formato se caracteriza principalmente por ser abierto, los derechos de autor son libres y puede ser usado o implementado en un programa, sin necesidad de pagar por derechos de autor.

El formato JPEG o JPG nace como una respuesta a las limitaciones de otros formatos, es utilizado como extensión  predeterminada  por las cámaras digitales debido a que permite comprimirlas sin necesidad de bajar su calidad en la resolución y nos libera el espacio.

Cabe mencionar, que el formato JPEG es un formato de compresión de perdida, es decir que cuando guardamos una fotografía con esta extensión, la información que contiene la imagen reduce, pero este detalle no es susceptible al ojo humano, porque la calidad de las imágenes sigue siendo de alta calidad.

Guardar en modo progresivo

En algún momento hemos entrado a páginas web que nos muestran las imágenes de la página con una mala calidad y luego se mejora. JPEG permite guardar los archivos en modo progresivo, es decir que a la hora de cargar la página web las imágenes se muestran aunque no haya cargado totalmente.

La calidad de la imagen ira mejorando a medida que se cargue la imagen hasta obtenerla completamente. Esto permite mantener entretenido al usuario y de esta forma no se salga de nuestro sitio web.

Formato PNG

El formato PNG es uno de los formatos más interesantes. Aunque su uso no está tan extendido en este momento, cada vez más rápidamente está siendo bien acogido por los desarrolladores de páginas web. Desarrollado como una alternativa sin patente al formato GIF, el formato de gráficos de red portátiles (PNG) se utiliza para una compresión sin pérdidas y para la visualización de imágenes en Internet. A diferencia del formato GIF, PNG admite imágenes de 24 bits y produce transparencia de fondo sin bordes irregulares. Esto es algo que consigue por medio del «canal alpha», que permite definir el grado de transparencia u opacidad de un color. Sin embargo, algunos navegadores Web no admiten imágenes PNG, o no las soportan del todo bien, es el caso de Internet Explorer 6, que tiene diversos problemas sobre todo con los archivos semitransparentes.

El uso del formato PNG es gratuito, y su código completo está disponible para cualquier usuario.

Las características principales del formato PNG son:

– Formato de mapa de bits.
– Alta tasa de compresión sin pérdidas.
– Soporte de colores: color indexado, color verdadero de 48 bits, escala de grises de 16 bits.
– Sistema de entrelazado Adam7.
– Transparencia en color indexado.
– Transparencia de canal alfa en imágenes en color verdadero y escala de grises.
– Corrección gamma.
– Cromaticidad.

En cuanto a la transparencia, PNG utiliza 2 métodos: la transparencia para las imágenes de color indexado y la transparencia de canal alfa en las imágenes en color verdadero y escala de grises.

En la transparencia en las imágenes de color indexado, PNG funciona igual que GIF, asignando el valor de transparencia a uno de los valores de la paleta del gráfico.

La transparencia PNG de canal alfa en las imágenes a color de 48 bits o en escala de grises se basa en poder establecer el grado de transparencia que se desee a todos los pixeles del canal alfa de esa imagen, con lo que se pueden obtener imágenes dotadas de cierta transparencia, no en un único color (como en el caso de la transparencia en imágenes de color indexado), sino en todos los pixeles de la paleta.

La corrección gamma y la cromaticidad permite mostrar los colores de la imagen de una forma más precisa.

Aún teniendo todas estas ventajas, el formato PNG no es práctico (aún) para el uso en páginas web debido a que no es adoptado por todos los navegadores, y aún menos por las versiones antiguas de los mismos.

Formato JPEG 2000

JPEG 2000 es una norma de compresión de imágenes basada en transformación de ondas. Fue creada por el comité Joint Photographic Experts Group que anteriormente había creado el algoritmo JPEG. Su objetivo fue el de mejorar el algoritmo JPEG, basándose en una transformación discreta del coseno. Usualmente los archivos con este formato utilizan la extensión .jp2.

JPEG 2000 puede trabajar con niveles de compresión mayores a los de JPEG sin incurrir en los principales defectos del formato anterior con altas tasas de compresión: Generación de bloques uniformes y aspecto borroso. También se adapta mejor a la carga progresiva de las imágenes. Sus principales desventajas están en que tiende a emborronar más la imagen que JPEG incluso para un mismo tamaño de archivo (pero sin formar bloques), y que elimina algunos detalles pequeños y texturas, que el formato JPEG normal sí llega a representar.

Parte de JPEG 2000 ha sido publicada como una norma ISO, ISO/IEC 15444-1:2000. Actualmente JPEG 2000 no está ampliamente admitido por los programas de visualización de páginas web. En algunos navegadores, los diseñadores no tienen intención de incluirlo debido a su escaso uso y gran número de patentes que tiene. De todas formas, existen muchas extensiones que dan soporte, que opcionalmente pueden ser instaladas por el usuario. Un navegador con soporte para este formato es Konqueror.

Mapas de Imagenes

Los mapas de imágenes es un nuevo planteamiento de navegación que incorpora una serie de enlaces dentro de una misma imagen. Estos enlaces son definidos por figuras geométricas y funcionan exactamente del mismo modo que los otros enlaces.

En un principio, estos mapas no eran directamente reconocidos por los navegadores y recurrían a tecnologías de lado del servidor para ser visualizados. Hoy en día pueden ser implementados por medio de código HTML tal y como veremos aqui.

Así pues, un mapa de imagen esta compuesto de dos partes:

* La imagen propiamente dicha que estará situada como de costumbre dentro de la etiqueta de nuestro documento HTML.

* Un código, situado en el interior de la etiqueta, que delimitara por lineas goemetricas.

Imagen que ilustra el manejo de coordenadas en imágenes Las líneas geométricas que delimitan los enlaces, es decir, las áreas de los enlaces, han de ser definidas por medio de coordenadas. Cada imagen es definida por unas dimensiones de ancho (X) y alto (Y) y cada punto de la imagen puede ser definido por tanto diciendo a que altura (x) y anchura (y) nos encontramos. De este modo, la esquina superior izquierda corresponde a la posición 0,0 y la esquina inferior derecha corresponde a las coordenadas X,Y. Si deseamos saber qué coordenadas corresponden a un punto concreto de nuestra imagen, lo mejor es utilizar un programa de diseño grafico como Photoshop o Paint Shop Pro.

La mejor forma de explicar el funcionamiento de este tipo de mapas es a partir de un ejemplo práctico. Supongamos que tenemos una imagen con un mapa como esta:

Pulsa en los Balones para acceder a las secciones!

Este es otro ejemplo dar click:

http://www.desarrolloweb.com/articulos/ejemplos/html/ejemplo_mapa.html

Dentro de ella queremos introducir un enlace a cada uno de los elementos que la componen. Para ello, definiremos nuestros enlaces como zonas circulares de pequeño tamaño que serán distribuidas a lo largo y ancho de la imagen.

Codificacion en Html:

<html>

<head>

</head>

<body>

<table border=0 width=450><tr><td align=»center»>
<map name=»mapa1″>
<area alt=»Pulsa para ver este balon» shape=»CIRCLE» coords=»75,36,50″ href=»#»>
<area alt=»Pulsa para ver este balon» shape=»CIRCLE» coords=»240,60,50″ href=»#»>
</map>
<img src=»http://sphotos.ak.fbcdn.net/hphotos-ak-ash2/hs142.ash2/40430_426043203986_659708986_4725393_1978033_n.jpg» width=»330″ height=»120″ alt=»Mapa de imágenes. Pulsa en cada una de los balones.» border=»0″ usemap=»#mapa1″>
<br>
Pulsa en los Balones para acceder a las secciones!
</td></tr></table>

</body>

</html>

Nota: Los href de las áreas van a #

Este es un ejemplo parcial de utilización de los mapas, faltaría colocar los href con valores reales y no con la #. Cada uno de los enlaces de las áreas -atributo href de la etiqueta <area>- deberían llevar a una página web. El ejemplo quedaría completo si creasemos todas las páginas donde enlazar las áreas y colocasemos los href dirigidos hacia dichas páginas. Como no hemos hecho las páginas «destino» hemos colocado enlaces que no llevan a ningún sitio, que, como puedes ver, se indica con el caracter «#».

Podéis observar, tal y como hemos explicado antes, que nuestro mapa consta de dos partes principales: la imagen y la etiqueta <map> que define las áreas de cada enlace.

Cada área se indica con una etiqueta <area>, que tiene los siguientes atributos:

alt

Para indicar un texto que se mostrará cuando situemos el ratón en el área.

shape

Indica el tipo de área.

coords

Las coordenadas que definen el área. Serán un grupo de valores numéricos distintos dependiendo del tipo de área (shape) que estemos definiendo.

href

Para indicar el destino del enlace correspondiente al área.

En este caso hemos utilizado unas áreas circulares (shape=»CIRCLE»), que se definen indicando el centro del círculo -una coordenada (X,Y) y el radio, que es un número entero que se corresponde con el número de pixels desde el centro hasta el borde del círculo.

Autores:

Jeison Jose Velasquez Vasquez

Yair German Carreazo

Yuli Romero Vega