Evolucion de Las Aplicaciones Web
-
Upload
williams-gomez -
Category
Documents
-
view
6 -
download
0
description
Transcript of Evolucion de Las Aplicaciones Web
Williams Alexander Gmez OrozcoEvolucin de las aplicaciones web.Desde 1991 a 2003 comenz la forma ms bsica de lo que ahora se conoce como la web y es clasificada como la web 1.0. La web 1.0 eran paginas completamente estticas donde no se poda interactuar con la pagina solo se poda ver de manera esttica texto y algunas imgenes, las paginas no tenan links hacia otras pginas, etc.Con el tiempo se fueron agregando movimientos a las pginas con botones, imgenes con movimientos y se fueron haciendo ms visuales.Hoy tenemos lo que se conoce como la web 2.0 donde las paginas son como tener una aplicacin instalada en nuestra computadora, aumentaron su funcionalidad y son capaces de manejar archivos, actualizar en tiempo real, utilizar archivos de tu computadora o de otra computadora y manejarlos como si fueran tuyos.Los correos ahora contienen imgenes y videos, existen blogs, redes sociales, hasta puntos de venta para comercios donde ya no es necesario tener instalado un programa, la base de datos est en la nube y la informacin siempre esta accesible desde cualquier lugar, y la pagina interacta con dispositivos conectados a tu computadora.Hoy en da las pginas estn creadas con lenguajes mejorados que hacen ms fluida la navegacin, ms visual y con efectos que no se ven en un programa de computadora normal. Adems hacen uso de bases de datos para manejar informacin importante, y puedes hacer uso de ellas como si estuvieran los datos en tu computadora.Anteriormente solo exista el lenguaje HTML, hoy ha evolucionado hasta su quinta versin (HTML5) y se le incorporan lenguajes que se utilizan como hojas de estilos, archivos flash, y con esto tambin han surgido nuevos navegadores con nuevas funcionalidades como complementos para mejorar las descargas, bloqueadores de spam, etc.Antes las aplicaciones web solo eran pginas estticas, no eran funcionales como una aplicacin en s, pero han incrementado su utilidad con el paso del tiempo hasta convertirse en aplicaciones.La ventaja sobre esto es que no es necesaria una computadora con grandes caractersticas para utilizar una aplicacin en una pgina web como si estuviera instalada en nuestro equipo, basta con una computadora con conexin a internet.La creacin de la llamada nube fue otro gran avance para la web y que adems convenci a muchas empresas de utilizar este tipo de servicios y por ende ahora existen variedad de manejadores de ficheros en lnea.Han mejorado la velocidad de descarga y de acceso, por lo que ahora los servicios de internet tambin deben actualizarse y ofrecer mejores velocidades de conexin.Una pgina web se convierte en aplicacin web cuando es capaz de interactuar el usuario con ella y esta es capaz de responder sus peticiones con seguridad y velocidad, ah es considerada una aplicacin web en s.Arquitectura de las aplicaciones web.La arquitectura de las aplicaciones web es la de cliente servidor, ya que el navegador web hace una peticin al servidor donde se encuentran alojadas las aplicaciones y este devuelve la pgina o la informacin solicitada por el navegador a la maquina cliente.La arquitectura de un Sitio Web tiene tres componentes principales: Un servidor Web: Contiene y distribuye la informacin. Una conexin de red: Canal por el cual viaja la informacin. Uno o ms clientes: Quienes realizan peticiones de informacin.Tecnologas para el desarrollo de aplicaciones web.Se refiere a las aplicaciones con las que contamos actualmente para el desarrollo de aplicaciones web, entre ellos las mas destacadas (por ser las mas conocidas) se encuentran: Dreamweaver: Es un gestor de sitios que incluye adems un editor de texto plano para crear nuestros archivos adems de una vista preliminar en tiempo real de los diseos que se estn creando, la ventaja de utilizar esta herramienta es que contamos con todos los componentes a la mano y basta con solo arrastrarlos para empezar a utilizarlos en nuestra web. Css builder: Es una interfaz en lnea para personalizar plantillas web con ligero CSS elaborado por Yahoo! que viene con ms de 1000 combinaciones de diseo de pginas. Planificacin de aplicaciones web.Es el proceso de pre disear y estructurar como ser nuestra pgina web. Las ventajas que trae consigo este proceso es que nos ahorra tiempo que podemos utilizar para darle calidad a nuestras aplicaciones.Pasos a seguir para una buena planificacin:1. Planificar el futuro.2. Documentar.3. No comenzar por pequeos detalles.4. Disear la interfaz5. Evitar construir de ms o cosas innecesarias.6. Tener un plan de proyecto.Lenguaje de marcado.Un lenguaje de marcado o de marcas es una forma de codificacin de un documento que junto con su texto propio incorpora etiquetas que contienen informacin adicional acerca de su estructura o diseo.En las aplicaciones web desde un principio el lenguaje ms usual ha sido el HTML.La estructura global o general de un documento HTML es la siguiente:
Se utilizan las etiquetas de cabecera para indicar que el
documento en cuestin esta formateado en formato HTML y la etiqueta
indica donde a terminado el formato HTML.Los elementos bsicos de un
documento HTML son: : Indica un prrafo. : Indican un encabezado con
diferentes tamaos. : Inserta una imagen.
: Salto de lnea. : Sirve para crear una tabla. : Una fila en una
tabla. : Columnas dentro de una fila de una tabla.Los formularios
en HTML nos sirven para crear interfaces como si de una aplicacin
de escritorio se tratara en ellos podemos agregar campos de texto,
etiquetas, botones, checkbox, radio buttons, etc.Todo esto con la
finalidad de poder utilizar la informacin introducida con el fin
que ms nos convenga, como puede ser, enviar correos electrnicos,
guardar la informacin en bases de datos, etc.Lenguaje de
presentacin.Entre los lenguajes de presentacin los mas conocidos
son el HTML que adems es quien se encarga de la estructura del
sitio, y se le agrega cdigo css para mejorar si visualizacin
(presentacin).Seguimos hablando del lenguaje HTML,por la parte de
presentacion nos permite agregar caractersticas extras a las
etiquetas para dar un mejor diseo visual a nuestra aplicacin, como
pueden ser, fondos, fuentes, mrgenes, etc.Otro de los lenguajes de
presentacin ms utilizados y con ms poder es el lenguaje css,
hablamos de ms poder porque con css podemos crear diseos ms fluidos
y con mejor presentacin sin cargar tanto al navegador de trabajo
para presentar estos diseos, por eso decimos que css es ms poderoso
y ligero en ejecucin.Programacin del lado del cliente.Se trata de
un lenguaje de programacin del lado del cliente, porque es el
navegador el que soporta la carga de procesamiento. Gracias a su
compatibilidad con la mayora de los navegadores modernos, es el
lenguaje de programacin del lado del cliente ms utilizado. Con
Javascript podemos crear efectos especiales en las pginas y definir
interactividades con el usuario. El navegador del cliente es el
encargado de interpretar las instrucciones Javascript y ejecutarlas
para realizar estos efectos e interactividades, de modo que el
mayor recurso, y tal vez el nico, con que cuenta este lenguaje es
el propio navegador.Programacin del lado del servidor.La
programacin del lado del servidor es una tecnologa que consiste en
el procesamiento de una peticin de un usuario mediante la
interpretacin de un script en el servidor web para generar pginas
HTML dinmicamente como respuesta. Para esto utilizamos el cdigo de
programacin PHP.Con PHP podemos trabajar de manera similar a como
lo hace Javascript en nuestro navegador pero esta vez el PHP lo
procesa y a base de esas instrucciones nos genera un archivo HTML
que es el que recibe nuestro navegador. Cabe destacar que un cdigo
PHP nunca es visible por nuestro navegador, solo el servidor puede
verlo.Por tal motivo es muy utilizado para aplicaciones que
requieren un cierto nivel de seguridad para el manejo de
informacin, bases de datos, correos electrnicos, etc.Servicios
WEB.Un servicio web es una tecnologa basada en multiples protocolos
y estndares que sirven para intercambiar datos entre
aplicaciones.Estos servicios proporcionan mecanismos de comunicacin
estndares entre diferentes aplicaciones, que interactan entre s
para presentar informacin dinmica al usuario. Para proporcionar
interoperabilidad y extensibilidad entre estas aplicaciones, y que
al mismo tiempo sea posible su combinacin para realizar operaciones
complejas, es necesaria una arquitectura de referencia
estndar.Algunos de los servicios web mas populares y utilizados:
API google maps. Facebook comments. Facebook like. Facebook login.
Bsqueda con google. Entre otros.