Evolucion de Las Aplicaciones Web

download Evolucion de Las Aplicaciones Web

of 5

description

temario de programacion web completo resumido

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.