1 - 3 - Tecnologias para El Desarrollo de Aplicaciones Web

Que es una aplicación Web
Una aplicación web es un tipo especial de aplicación

cliente/servidor, donde tanto el cliente (el navegador,
explorador o visualizador), como el servidor y el
protocolo mediante el que se comunican (http) están
estandarizados y no han de ser creados por el
programador de aplicaciones.
El cliente: Es un programa con el que interacciona el
usuario para solicitar al servidor web el envío de los
recursos que desea obtener.
El servidor: Es un programa que está esperando

permanentemente las solicitudes de conexión mediante
el protocolo http por parte de los clientes web.
Tecnologías de desarrollo de aplicaciones web
Estándar (Del cliente).
Suele estar formada por el código HTML que forma la
pagina web mas algo de código ejecutable realizado en
lenguaje de script del navegador (JavaScript o VBScript).
También se suelen emplear plug-ins que permiten
visualizar otros contenidos multimedia.
Las tecnologías que se suelen emplear para programar el

cliente web son: HTML, CSS y JavaScript.
HTML
Es un lenguaje de marcas (etiquetas) que se emplea para dar
formato a los documentos que se quieren publicar en la www.
Los navegadores son capaces de interpretar las etiquetas y mostrar

los documentos en el formato deseado.
HTML se escribe en forma de «etiquetas», rodeadas por
corchetes angulares (<,>,/). También puede describir, hasta un
cierto punto, la apariencia de un documento, y puede incluir o
hacer referencia a un tipo de programa llamado script, el cual
puede afectar el comportamiento de navegadores web y otros
procesadores de HTML.
Etiquetas Básicas:
<html>: define el inicio del documento HTML, le indica al
navegador que lo que viene a continuación debe ser
interpretado como código HTML.
<script>: incrusta un script en una web o llama a uno mediante
src:”url de script”.
<head>: define la cabecera del documento html; esta cabecera
suele contener información sobre el documento como:
<title> : define el título de la página. Suele aparecer en
la barra de título encima de la ventana.
<link>: para vincular el sitio de hojas de estilo o iconos.
<body>: define el contenido principal o cuerpo del documento.
Dentro es posible encontrar numerosas etiquetas.
Etiquetas de un : <body>
<h1> a <h6>: encabezados o títulos del documento con diferente
relevancia.
<table>: define una tabla.
<tr>: fila de la tabla.
<td>: celda de una tabla(debe estar dentro de una fila).
<footer>: representa el pie de un documento o sección.
<a>: hipervínculo o enlace, dentro o fuera del sitio web.
<div>: división de la página. Se recomienda, junto con css, cuando se
desea alinear contenido.
<img>: imagen. Requiere del atributo src, que indica la ruta donde se
encuentra la imagen: <img src=” ./imágenes/mifoto.jpg”/>
Lenguaje script: JavaScript
JavaScript nació con el fin de dotar de un lenguaje script rápido y sencillo a las
páginas web.
Las aplicaciones más habituales de los lenguajes de script en las páginas html son:
● Valida datos en el cliente y comprobar la consistencia de los valores antes de

mandar un formulario al servidor web (Por ejemplo comprobar que una fecha
tiene un valor adecuado y formato correcto).
● Actualizar campos relacionados en formularios(Por ejemplo, establecer las
operaciones de una lista desplegable en función del valor seleccionado en unos
botones de radio.)
● Realizar procesamientos que no requieran la utilización de información
centralizada (Por ejemplo, convertir cantidades en euros, visualizar el
calendario del mes actual, etc).
CSS (Cascading Style Sheet)
Es un lenguaje de diseño gráfico para definir y crear la
presentación de un documento estructurado escrito en
un lenguaje de marcado.
No Estándar (Del Cliente)
¿Qué es Flash?
Flash es una tecnología que fue creada para diseñar
animaciones vectoriales dentro de una página web (vídeos,
imágenes, galerías, etc.), las cuales tienen una principal ventaja;
su velocidad de carga es muy rápida.
Adobe Flash
Esta tecnología fue comprada por Adobe, por lo que con la
paulatina desaparición de está forma de programar webs, se
irá con ella también el programa que le da soporte; Adobe
Flash.
Flash Player es una aplicación informática englobada en la

categoría de reproductor multimedia. Fue creado inicialmente
por Macromedia y actualmente distribuido por Adobe
Systems.
Adobe Flash es el software que ha permitido integrar
durante varios años todo tipo de contenido multimedia en
las diferentes páginas web como única alternativa.
Qué son los Applets de Java
● Una manera de incluir programas complejos en el ámbito de
una página web
● Estos applets se programan en Java y por tanto se benefician

de la potencia de este lenguaje para la Red.
● Es otra manera de incluir código a ejecutar en los clientes que

visualizan una página web. Se trata de pequeños programas
hechos en Java, que se transfieren con las páginas web y que el
navegador ejecuta en el espacio de la página.
● Los applets son más difíciles de programar que los scripts en
Javascript
● La principal ventaja de utilizar applets consiste en que son

mucho menos dependientes del navegador que los scripts en
Javascript, incluso independientes del sistema operativo del
ordenador donde se ejecutan
● Como desventajas en relación con Javascript cabe señalar

que los applets son más lentos de procesar y que tienen
espacio muy delimitado en la página donde se ejecutan, es
decir, no se mezclan con todos los componentes de la página
ni tienen acceso a ellos
Ejemplos de Applets de Java
Presentamos un par de ejemplos que no tienen demasiada importancia, pero que pueden
aclarar un poco más de qué se tratan estos applets.
● Ejemplo de Reloj 3D. Efecto visual para incorporar un reloj digitan el 3D en tu página web.
● Ejemplo de banner dinámico. Una animación de diversas palabras que salen en el espacio
de un banner. Se puede configurar para que salga el texto que deseemos.
Mivrosoft Silverlight
¿Que es?
Microsoft Silverlight es una herramienta poderosa para crear y
entregar aplicaciones de Internet enriquecidas y experiencias
multimedia en la Web. Silverlight 5 se basa en Silverlight 4 para
crear aplicaciones empresariales y experiencias multimedia
avanzadas. Silverlight 5 presenta más de 40 funciones nuevas,
que incluyen mejoras espectaculares en la calidad y el rendimiento
del video, así como funciones que mejoran la productividad del
desarrollador.
¿Se necesita más memoria,
un procesador mas rapido o
un mejor GPU?
Microsoft diseñó Silverlight con la capacidad de brindar
experiencias de alta fidelidad en el conjunto más amplio de
configuraciones del sistema. Algunas características, como
el video HD, pueden beneficiarse de la potencia que
contienen las computadoras personales más nuevas.
Bases de Datos en aplicaciones web
•Desarrollo de HTML + CSS •Desarrollo en PHP

•Desarrollo JavaScript •Consultas SQL
Proceso:
•En el servidor, un archivo .php contiene el programa PHP con las instrucciones SQL para acceder a los
datos, con el código HTML y CSS necesario para poderlos visualizar correctamente y con el JavaScript
necesario para interactuar con el usuario.
•El servidor ejecuta las instrucciones PHP y las consultas SQL, obtiene los datos y envía al cliente un archivo
con el HTML, el CSS, el JavaScript y los datos obtenidos.
•El navegador presenta los datos al usuario y ejecuta las instrucciones JavaScript.
•El navegador envía al servidor los datos que proporciona el usuario.
•El servidor recibe esa información y la guarda en la base de datos.
Bibliografía
Programación de aplicaciones web: historia, principios básicos y clientes web,
Sergio Luján Mora, españa, 2002

1 - 3 - Tecnologias para El Desarrollo de Aplicaciones Web

Caricato da

Informazioni sul documento

Descrizione originale:

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

1 - 3 - Tecnologias para El Desarrollo de Aplicaciones Web

Caricato da

Copyright:

Formati disponibili

Que es una aplicación Web

Una aplicación web es un tipo especial de aplicación

El servidor: Es un programa que está esperando

Las tecnologías que se suelen emplear para programar el

Los navegadores son capaces de interpretar las etiquetas y mostrar

● Valida datos en el cliente y comprobar la consistencia de los valores antes de

Flash Player es una aplicación informática englobada en la

● Estos applets se programan en Java y por tanto se benefician

● Es otra manera de incluir código a ejecutar en los clientes que

● La principal ventaja de utilizar applets consiste en que son

● Como desventajas en relación con Javascript cabe señalar

•Desarrollo de HTML + CSS •Desarrollo en PHP

Potrebbero piacerti anche