SlideShare ist ein Scribd-Unternehmen logo
1 von 32
Ing. Fernando Mejia P.
INTRODUCCION
Emprender un proyecto de desarrollo de software, es un reto que nos lleva a pensar
en la elaboración de un producto final que cumpla con las características de un
software exitoso:
Solido, robusto, confiable, escalable, interoperable y lo mejor de todo para quienes
estamos desarrollando es generar código que pueda ser reutilizado.
Bajo esta premisa surge la necesidad de trabajar con una filosofía de programación.
Ahora bien, en este momento se preguntaran, ¿una filosofía?, la respuesta es
sencilla, antes de aprender a programar en un lenguaje como PHP, es importante
aprender a pensar, bajo un modelo de desarrollo, con su teoría y su metodología,
como lo es la programación orientada a objetos, para encontrar una solución a un
problema que se plantee.
RECORDANDO
 Que es una página web?
 Que es un sitio web?
 Que es un servidor web?
 Que es diseño web?
 Que es un hosting?
 Que es html?
 Que es xml?
 Que es asp?
 Que es php?
 Que es un script?
 Que es una plataforma?
 Que es un web browser?
 Que es diseño web?
 Que es una aplicación web?
 Que es un proveedor de
internet?
PÁGINAS ESTATICAS
Muy probablemente, estemos familiarizados con el
lenguaje HTML y tengamos desarrollado algún sitio
basado en esta herramienta.
En realidad el HTML no es lenguaje de programación
sino, más bien, se trata de un lenguaje descriptivo que
tiene como objeto dar formato al texto y las imágenes
que pretendemos visualizar en el navegador.
PÁGINAS ESTATICAS
Con HTML somos capaces de:
 Introducir enlaces,
 Seleccionar el tamaño de las fonts,
 Intercalar imágenes, entre otros…
HTML no permite:
 Realizar un simple cálculo matemático,
 Utilizar o crear una página a partir de una base de datos.
PÁGINAS ESTATICAS
A pesar de que las páginas dinámicas nos puedan en un
principio limitar a causa de su mayor complejidad con
respecto al HTML, todas las ventajas que nos ofrecen
compensan con creces este esfuerzo inicial.
Interés  Aprender nuevo lenguaje  Rediseñar el
sitio
Para dejar más claro hasta que punto resulta útil utilizar
páginas dinámicas lo mejor será ejemplificarlo a partir de un
sitio web modelo.
PÁGINAS ESTATICAS Y DINAMICAS
Cliente: un portal de televisión
Requerimiento: Proveer la programación semanal
Esta información suele ser dada por las televisiones con meses de
antelación y podría ser muy fácilmente almacenada en una base de datos.
Con HTML, tendríamos que construir una página independiente para
cada semana y cada semana nos tendríamos que acordar de descolgar la
página de la semana pasada y colgar la de la anterior.
Mediante páginas dinámicas. Lo que haríamos sería crear un programa
(solo uno) que se encargaría de recoger de la base de datos de la
programación aquellos programas que son retransmitidos en las fechas
que nos interesan y de confeccionar una página donde aparecerían
ordenados por cadena y por hora de retransmisión.
PÁGINAS DINÁMICAS
Aquella que se construyen haciendo uso de otros lenguajes
de programación, siendo el más utilizado de todos el PHP,
con lo cual podemos definir las funciones y características
que se deben cumplir de acuerdo a nuestras necesidades.
Estas permiten la creación de aplicaciones dentro de la
propia Web, ofrecen también una mayor interactividad con
los usuarios que la visiten. Otras funcionalidades que se
pueden crear mediante las web dinámicas son las
aplicaciones como encuestas y votaciones, foros de soporte,
libros de visita, envío de e-mails inteligentes, reserva de
productos, pedidos on-line, atención al cliente de manera
personalizada, entre otros.
PÁGINAS DINÁMICAS
La creación de una página web dinámica es más
compleja, ya que se requiere de conocimientos
específicos de lenguajes de programación y gestión de
bases de datos. Mediante la creación de una página web
dinámica; el cliente o empresa que la solicite recibirá
prácticamente 2 páginas en una, ya que por un lado
tendrá un panel de administración no visible por los
usuarios o visitantes de la web y por otro lado tendrá lo
que es la web públicamente visible para los usuarios. Es
por esta otra razón que su creación requiere de un costo
más alto.
PÁGINAS DINÁMICAS
PÁGINAS DINÁMICAS - Ventajas
Con este tipo de páginas web se puede hacer todo lo que
se desee, desde una simple web informativa, hasta una
potente herramienta de trabajo rica en contenido
dinámico, sistemas contable capaces de llevar lo que es
el inventario de la empresa, además de que puede ser
manejada y actualizada incluso por el propietario de la
web sin la intervención de un programador. Lo que hoy
se conoce como web 2.0 es precisamente la web
dinámica, esa en la cual los usuarios interactúan con la
información contenida en la web, ya que dicha
información varía en tiempo real de acuerdo a las
opciones tomadas por el usuario.
Lenguaje del lado del Cliente
Navegador  HTML  Resultado
Cuando nosotros pinchamos sobre un enlace
hipertexto, en realidad lo que pasa es que
establecemos una petición de un archivo HTML
residente en el servidor (un ordenador que se
encuentra continuamente conectado a la red) el
cual es enviado e interpretado por nuestro
navegador (el cliente).
Interpreta Presenta
Lenguaje del lado del Servidor
Son aquellos lenguajes que son reconocidos,
ejecutados e interpretados por el propio servidor y
que se envían al cliente en un formato comprensible
para él. Por otro lado, los lenguajes de lado cliente
(entre los cuales no sólo se encuentra el HTML sino
también el Java y el JavaScript los cuales son
simplemente incluidos en el código HTML) son
aquellos que pueden ser directamente "digeridos"
por el navegador y no necesitan un pre tratamiento.
Lenguaje del lado del Servidor
Existe una multitud de lenguajes concebidos o no para Internet. Cada uno
de ellos explota más a fondo ciertas características que lo hacen más o
menos útiles para desarrollar distintas aplicaciones. En el dominio de la red,
los lenguajes de lado servidor más ampliamente utilizados para el desarrollo
de páginas dinámicas son el ASP, PHP y PERL.
El ASP (Active Server Pages) es un lenguaje derivado del Visual Basic
desarrollado por Microsoft. Evidentemente su empleo se realiza sobre
plataformas funcionando bajo sistema Windows NT.
El PHP podría ser considerado como el lenguaje análogo al ASP utilizado en
plataformas Unix y Linux.
Lenguaje del lado del Servidor
Estos dos lenguajes resultan bastante útiles para la explotación de bases de
datos y su aprendizaje resulta accesible para una persona profana de la
programación. Cualquiera de ellos resultaría la opción ideal a la hora de
hacer evolucionar un sitio web realizado en HTML.
Por otra parte, el PERL es un lenguaje más rápido y potente que requiere
obviamente un aprendizaje más largo y resulta más reservado para personas
ya familiarizadas con la verdadera programación.
Fuente: http://www.desarrolloweb.com
En Resumen
Para programar una página dinámica necesitaremos
otros lenguajes aparte del HTML. Sin embargo, nunca
hay que olvidarse del HTML, ya que éste es la base del
desarrollo web: generalmente al escribir una página
dinámica el código de los otros lenguajes de
programación se incluye embebido dentro del mismo
código HTML.
Lenguaje Web
Lenguaje Web
Lado del Cliente
Lado del Servidor
Lado del Cliente
Son los lenguajes que basan su procesamiento en el
cliente web, es decir que se ejecutan en el navegador
del usuario. Vemos un listado de los lenguajes de
cliente disponibles para los desarrolladores y sus
características.
Visual Basic
Script
Java Script
Con Javascript podemos crear efectos especiales en las
páginas 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.
Con Javascript el programador, que se convierte en el
verdadero dueño y controlador de cada cosa que
ocurre en la página cuando la está visualizando el
cliente.
Visual Basic Script
Es un lenguaje de programación de scripts del lado del
cliente, pero sólo compatible con Internet Explorer. Es
por ello que su utilización está desaconsejada a favor
de Javascript.
Un caso donde tendría sentido utilizar Visual Basic
Script sería la construcción de una Intranet donde
sepamos con toda seguridad que los navegadores que
se van a conectar serán siempre Internet Explorer.
dHTML
DHTML nos da más control sobre la página, gracias a
que los navegadores modernos incluyen una nueva
estructura para visualizar en páginas web denominada
capa. Las capas se pueden ocultar, mostrar, desplazar,
etc.
Para realizar las acciones sobre la página, como
modificar la apariencia de una capa, seguimos
necesitando un lenguaje de programación del lado del
cliente como JavaScript o VBScript.
CSS
CSS, es una tecnología que nos permite crear páginas
web de una manera más exacta.
Las Hojas de Estilo en Cascada se escriben dentro del
código HTML de la página web, solo en casos
avanzados se pueden escribir en un archivo a parte y
enlazar la página con ese archivo.
CSS son un estándar muy amplio, con unas
especificaciones y posibilidades muy grandes.
Applets de Java
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 y requerirán
unos conocimientos básicos o medios del lenguaje Java.
La principal ventaja consiste en que son mucho menos
dependientes del navegador que los scripts en
Javascript. Además, Java es más potente que Javascript,
por lo que el número de aplicaciones de los applets
podrá ser mayor.
Applets de Java
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. Es
por ello que con los applets de Java no podremos hacer
directamente cosas como abrir ventanas secundarias,
controlar Frames, formularios, capas, etc.
Fuente:
http://www.desarrolloweb.com/manuales/27/
Lado del Servidor
Son los lenguajes que se procesan en el lado del
servidor y que generan la página antes de enviarla al
cliente. Veremos una lista de los lenguajes de servidor
más populares.
CGI
Es el sistema más antiguo que existe para la
programación de las páginas dinámicas de servidor.
Actualmente se encuentra un poco desfasado por
diversas razones entre las que destaca la dificultad con
la que se desarrollan los programas y la pesada carga
que supone para el servidor que los ejecuta.
Los CGI se escriben habitualmente en el lenguaje Perl,
sin embargo, otros lenguajes como C, C++ o Visual
Basic pueden ser también empleados para
construirlos.
PERL
Perl es un acrónimo de Practical Extracting and
Reporting Languaje, que viene a indicar que se trata de
un lenguaje de programación muy práctico para
extraer información de archivos de texto y generar
informes a partir del contendido de los ficheros.
Es un lenguaje libre de uso, eso quiere decir que es
gratuito. Es un lenguaje de programación interpretado,
quiere decir que el código de los scripts en Perl no se
compila sino que cada vez que se quiere ejecutar se lee
el código y se pone en marcha interpretando lo que hay
escrito.
ASP
ASP (Active Server Pages) es la tecnología desarrollada
por Microsoft para la creación de páginas dinámicas
del servidor. ASP se escribe en la misma página web,
utilizando el lenguaje Visual Basic Script o Jscript
(Javascript de Microsoft).
Tenemos la posibilidad de comprar componentes
ActiveX fabricados por distintas empresas de
desarrollo de software que sirven para realizar
múltiples usos, como el envío de correo, generar
gráficas dinámicamente, y un largo etc.
PHP
PHP es el acrónimo de
Hipertext Preprocesor. Es
un lenguaje de
programación del lado
del servidor, que se
incrusta dentro del
código HTML, es gratuito
e independiente de
plataforma, rápido, con
una gran librería de
funciones y mucha
documentación.
JSP
JSP es un acrónimo de Java Server Pages, que en
castellano vendría a decir algo como Páginas de
Servidor Java. Es, pues, una tecnología orientada a
crear páginas web con programación en Java.
Con JSP podemos crear aplicaciones web que se
ejecuten en variados servidores web, de múltiples
plataformas, ya que Java es en esencia un lenguaje
multiplataforma. Las páginas JSP están compuestas de
código HTML/XML mezclado con etiquetas especiales
para programar scripts de servidor en sintaxis Java. Por
tanto, las JSP podremos escribirlas con nuestro editor
SERVIDORES WEB
TAREA 19.03.2013
Formando grupos equitativos,
investiguemos las principales
características, ventajas,
desventajas, funcionamiento de
cada uno de los tipos de
lenguajes web vistos en la clase
de hoy.
Fecha de entrega: Final de la
hora de clase.
Formato de entrega:
Documento .pdf
Nota: 1 punto previa
exposición

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Actividad 1
Actividad 1Actividad 1
Actividad 1
 
Manual css-hojas-estilo
Manual css-hojas-estiloManual css-hojas-estilo
Manual css-hojas-estilo
 
Trabajo escrito de contra jornada
Trabajo escrito de contra jornadaTrabajo escrito de contra jornada
Trabajo escrito de contra jornada
 
Análisis del Whitepaper DB4O
Análisis del Whitepaper DB4OAnálisis del Whitepaper DB4O
Análisis del Whitepaper DB4O
 
Clase 3 Editores para Programación Web
Clase 3 Editores para Programación WebClase 3 Editores para Programación Web
Clase 3 Editores para Programación Web
 
Desarrollo de la web.adriana
Desarrollo de la web.adrianaDesarrollo de la web.adriana
Desarrollo de la web.adriana
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabian
 
Páginas web
Páginas webPáginas web
Páginas web
 
República bolivariana de venezuela
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuela
 
pagina web
pagina webpagina web
pagina web
 
Tecnologías Web
Tecnologías WebTecnologías Web
Tecnologías Web
 
los diferentes lenguajes de programación para-la-web
 los diferentes lenguajes de programación para-la-web los diferentes lenguajes de programación para-la-web
los diferentes lenguajes de programación para-la-web
 
Juan sebastian
Juan sebastianJuan sebastian
Juan sebastian
 
Lenguajes de programacion web
Lenguajes de programacion webLenguajes de programacion web
Lenguajes de programacion web
 
Lenguajes De Programación Web
Lenguajes De Programación WebLenguajes De Programación Web
Lenguajes De Programación Web
 
Tecnologias de desarrollo web
Tecnologias de desarrollo webTecnologias de desarrollo web
Tecnologias de desarrollo web
 
Bussines online
Bussines onlineBussines online
Bussines online
 
Michael steven
Michael stevenMichael steven
Michael steven
 
0. Antecedentes Asp
0. Antecedentes Asp0. Antecedentes Asp
0. Antecedentes Asp
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScript
 

Ähnlich wie Dinamicas

2.2 lenguajes del lado cliente
2.2 lenguajes del lado cliente2.2 lenguajes del lado cliente
2.2 lenguajes del lado clienteJeremias Morales
 
Diseño de la web
Diseño de la webDiseño de la web
Diseño de la webadri9610
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web8vivi8
 
La importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoLa importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoAptitud Emprendedora
 
Programacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidorProgramacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidorJose Felix Moran Agusto
 
Que es una pagina web
Que es una pagina  webQue es una pagina  web
Que es una pagina webjorge0608
 
Plataformas de desarrollo web
Plataformas de desarrollo webPlataformas de desarrollo web
Plataformas de desarrollo webfany concepcion
 
APPSWEBI4.0.pptx
APPSWEBI4.0.pptxAPPSWEBI4.0.pptx
APPSWEBI4.0.pptx22040086
 
05 plataformas cms e commerce
05 plataformas cms e commerce05 plataformas cms e commerce
05 plataformas cms e commerceEdwin Amigo
 
Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Karla Arosemena
 
los-diferentes-lenguajes-de-programacion-para-la-web
 los-diferentes-lenguajes-de-programacion-para-la-web los-diferentes-lenguajes-de-programacion-para-la-web
los-diferentes-lenguajes-de-programacion-para-la-webolguisf
 
Conceptos de navegador web blog blogger blogspot
Conceptos de navegador web blog blogger blogspotConceptos de navegador web blog blogger blogspot
Conceptos de navegador web blog blogger blogspotgenesisgray
 
Israel tecnologias para desarrollo-web
Israel tecnologias para desarrollo-webIsrael tecnologias para desarrollo-web
Israel tecnologias para desarrollo-webimei_02
 
Instalacion adobe dream weaver
Instalacion adobe dream weaverInstalacion adobe dream weaver
Instalacion adobe dream weaverLuis Viteri
 
Actividad 1 césar cortés
Actividad 1 césar cortésActividad 1 césar cortés
Actividad 1 césar cortésCesar Cortes
 

Ähnlich wie Dinamicas (20)

2.2 lenguajes del lado cliente
2.2 lenguajes del lado cliente2.2 lenguajes del lado cliente
2.2 lenguajes del lado cliente
 
Diseño de la web
Diseño de la webDiseño de la web
Diseño de la web
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
Exposición 8
Exposición 8Exposición 8
Exposición 8
 
La importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoLa importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyecto
 
Programacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidorProgramacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidor
 
Que es una pagina web
Que es una pagina  webQue es una pagina  web
Que es una pagina web
 
paginas web
paginas web paginas web
paginas web
 
Plataformas de desarrollo web
Plataformas de desarrollo webPlataformas de desarrollo web
Plataformas de desarrollo web
 
Pagina web
Pagina webPagina web
Pagina web
 
APPSWEBI4.0.pptx
APPSWEBI4.0.pptxAPPSWEBI4.0.pptx
APPSWEBI4.0.pptx
 
05 plataformas cms e commerce
05 plataformas cms e commerce05 plataformas cms e commerce
05 plataformas cms e commerce
 
Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?
 
los-diferentes-lenguajes-de-programacion-para-la-web
 los-diferentes-lenguajes-de-programacion-para-la-web los-diferentes-lenguajes-de-programacion-para-la-web
los-diferentes-lenguajes-de-programacion-para-la-web
 
Asdasdas
AsdasdasAsdasdas
Asdasdas
 
Conceptos de navegador web blog blogger blogspot
Conceptos de navegador web blog blogger blogspotConceptos de navegador web blog blogger blogspot
Conceptos de navegador web blog blogger blogspot
 
Israel tecnologias para desarrollo-web
Israel tecnologias para desarrollo-webIsrael tecnologias para desarrollo-web
Israel tecnologias para desarrollo-web
 
Instalacion adobe dream weaver
Instalacion adobe dream weaverInstalacion adobe dream weaver
Instalacion adobe dream weaver
 
Actividad 1 césar cortés
Actividad 1 césar cortésActividad 1 césar cortés
Actividad 1 césar cortés
 
HTML 5
HTML 5HTML 5
HTML 5
 

Dinamicas

  • 2. INTRODUCCION Emprender un proyecto de desarrollo de software, es un reto que nos lleva a pensar en la elaboración de un producto final que cumpla con las características de un software exitoso: Solido, robusto, confiable, escalable, interoperable y lo mejor de todo para quienes estamos desarrollando es generar código que pueda ser reutilizado. Bajo esta premisa surge la necesidad de trabajar con una filosofía de programación. Ahora bien, en este momento se preguntaran, ¿una filosofía?, la respuesta es sencilla, antes de aprender a programar en un lenguaje como PHP, es importante aprender a pensar, bajo un modelo de desarrollo, con su teoría y su metodología, como lo es la programación orientada a objetos, para encontrar una solución a un problema que se plantee.
  • 3. RECORDANDO  Que es una página web?  Que es un sitio web?  Que es un servidor web?  Que es diseño web?  Que es un hosting?  Que es html?  Que es xml?  Que es asp?  Que es php?  Que es un script?  Que es una plataforma?  Que es un web browser?  Que es diseño web?  Que es una aplicación web?  Que es un proveedor de internet?
  • 4. PÁGINAS ESTATICAS Muy probablemente, estemos familiarizados con el lenguaje HTML y tengamos desarrollado algún sitio basado en esta herramienta. En realidad el HTML no es lenguaje de programación sino, más bien, se trata de un lenguaje descriptivo que tiene como objeto dar formato al texto y las imágenes que pretendemos visualizar en el navegador.
  • 5. PÁGINAS ESTATICAS Con HTML somos capaces de:  Introducir enlaces,  Seleccionar el tamaño de las fonts,  Intercalar imágenes, entre otros… HTML no permite:  Realizar un simple cálculo matemático,  Utilizar o crear una página a partir de una base de datos.
  • 6. PÁGINAS ESTATICAS A pesar de que las páginas dinámicas nos puedan en un principio limitar a causa de su mayor complejidad con respecto al HTML, todas las ventajas que nos ofrecen compensan con creces este esfuerzo inicial. Interés  Aprender nuevo lenguaje  Rediseñar el sitio Para dejar más claro hasta que punto resulta útil utilizar páginas dinámicas lo mejor será ejemplificarlo a partir de un sitio web modelo.
  • 7. PÁGINAS ESTATICAS Y DINAMICAS Cliente: un portal de televisión Requerimiento: Proveer la programación semanal Esta información suele ser dada por las televisiones con meses de antelación y podría ser muy fácilmente almacenada en una base de datos. Con HTML, tendríamos que construir una página independiente para cada semana y cada semana nos tendríamos que acordar de descolgar la página de la semana pasada y colgar la de la anterior. Mediante páginas dinámicas. Lo que haríamos sería crear un programa (solo uno) que se encargaría de recoger de la base de datos de la programación aquellos programas que son retransmitidos en las fechas que nos interesan y de confeccionar una página donde aparecerían ordenados por cadena y por hora de retransmisión.
  • 8. PÁGINAS DINÁMICAS Aquella que se construyen haciendo uso de otros lenguajes de programación, siendo el más utilizado de todos el PHP, con lo cual podemos definir las funciones y características que se deben cumplir de acuerdo a nuestras necesidades. Estas permiten la creación de aplicaciones dentro de la propia Web, ofrecen también una mayor interactividad con los usuarios que la visiten. Otras funcionalidades que se pueden crear mediante las web dinámicas son las aplicaciones como encuestas y votaciones, foros de soporte, libros de visita, envío de e-mails inteligentes, reserva de productos, pedidos on-line, atención al cliente de manera personalizada, entre otros.
  • 9. PÁGINAS DINÁMICAS La creación de una página web dinámica es más compleja, ya que se requiere de conocimientos específicos de lenguajes de programación y gestión de bases de datos. Mediante la creación de una página web dinámica; el cliente o empresa que la solicite recibirá prácticamente 2 páginas en una, ya que por un lado tendrá un panel de administración no visible por los usuarios o visitantes de la web y por otro lado tendrá lo que es la web públicamente visible para los usuarios. Es por esta otra razón que su creación requiere de un costo más alto.
  • 11. PÁGINAS DINÁMICAS - Ventajas Con este tipo de páginas web se puede hacer todo lo que se desee, desde una simple web informativa, hasta una potente herramienta de trabajo rica en contenido dinámico, sistemas contable capaces de llevar lo que es el inventario de la empresa, además de que puede ser manejada y actualizada incluso por el propietario de la web sin la intervención de un programador. Lo que hoy se conoce como web 2.0 es precisamente la web dinámica, esa en la cual los usuarios interactúan con la información contenida en la web, ya que dicha información varía en tiempo real de acuerdo a las opciones tomadas por el usuario.
  • 12. Lenguaje del lado del Cliente Navegador  HTML  Resultado Cuando nosotros pinchamos sobre un enlace hipertexto, en realidad lo que pasa es que establecemos una petición de un archivo HTML residente en el servidor (un ordenador que se encuentra continuamente conectado a la red) el cual es enviado e interpretado por nuestro navegador (el cliente). Interpreta Presenta
  • 13. Lenguaje del lado del Servidor Son aquellos lenguajes que son reconocidos, ejecutados e interpretados por el propio servidor y que se envían al cliente en un formato comprensible para él. Por otro lado, los lenguajes de lado cliente (entre los cuales no sólo se encuentra el HTML sino también el Java y el JavaScript los cuales son simplemente incluidos en el código HTML) son aquellos que pueden ser directamente "digeridos" por el navegador y no necesitan un pre tratamiento.
  • 14. Lenguaje del lado del Servidor Existe una multitud de lenguajes concebidos o no para Internet. Cada uno de ellos explota más a fondo ciertas características que lo hacen más o menos útiles para desarrollar distintas aplicaciones. En el dominio de la red, los lenguajes de lado servidor más ampliamente utilizados para el desarrollo de páginas dinámicas son el ASP, PHP y PERL. El ASP (Active Server Pages) es un lenguaje derivado del Visual Basic desarrollado por Microsoft. Evidentemente su empleo se realiza sobre plataformas funcionando bajo sistema Windows NT. El PHP podría ser considerado como el lenguaje análogo al ASP utilizado en plataformas Unix y Linux.
  • 15. Lenguaje del lado del Servidor Estos dos lenguajes resultan bastante útiles para la explotación de bases de datos y su aprendizaje resulta accesible para una persona profana de la programación. Cualquiera de ellos resultaría la opción ideal a la hora de hacer evolucionar un sitio web realizado en HTML. Por otra parte, el PERL es un lenguaje más rápido y potente que requiere obviamente un aprendizaje más largo y resulta más reservado para personas ya familiarizadas con la verdadera programación. Fuente: http://www.desarrolloweb.com
  • 16. En Resumen Para programar una página dinámica necesitaremos otros lenguajes aparte del HTML. Sin embargo, nunca hay que olvidarse del HTML, ya que éste es la base del desarrollo web: generalmente al escribir una página dinámica el código de los otros lenguajes de programación se incluye embebido dentro del mismo código HTML.
  • 17. Lenguaje Web Lenguaje Web Lado del Cliente Lado del Servidor
  • 18. Lado del Cliente Son los lenguajes que basan su procesamiento en el cliente web, es decir que se ejecutan en el navegador del usuario. Vemos un listado de los lenguajes de cliente disponibles para los desarrolladores y sus características. Visual Basic Script
  • 19. Java Script Con Javascript podemos crear efectos especiales en las páginas 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. Con Javascript el programador, que se convierte en el verdadero dueño y controlador de cada cosa que ocurre en la página cuando la está visualizando el cliente.
  • 20. Visual Basic Script Es un lenguaje de programación de scripts del lado del cliente, pero sólo compatible con Internet Explorer. Es por ello que su utilización está desaconsejada a favor de Javascript. Un caso donde tendría sentido utilizar Visual Basic Script sería la construcción de una Intranet donde sepamos con toda seguridad que los navegadores que se van a conectar serán siempre Internet Explorer.
  • 21. dHTML DHTML nos da más control sobre la página, gracias a que los navegadores modernos incluyen una nueva estructura para visualizar en páginas web denominada capa. Las capas se pueden ocultar, mostrar, desplazar, etc. Para realizar las acciones sobre la página, como modificar la apariencia de una capa, seguimos necesitando un lenguaje de programación del lado del cliente como JavaScript o VBScript.
  • 22. CSS CSS, es una tecnología que nos permite crear páginas web de una manera más exacta. Las Hojas de Estilo en Cascada se escriben dentro del código HTML de la página web, solo en casos avanzados se pueden escribir en un archivo a parte y enlazar la página con ese archivo. CSS son un estándar muy amplio, con unas especificaciones y posibilidades muy grandes.
  • 23. Applets de Java 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 y requerirán unos conocimientos básicos o medios del lenguaje Java. La principal ventaja consiste en que son mucho menos dependientes del navegador que los scripts en Javascript. Además, Java es más potente que Javascript, por lo que el número de aplicaciones de los applets podrá ser mayor.
  • 24. Applets de Java 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. Es por ello que con los applets de Java no podremos hacer directamente cosas como abrir ventanas secundarias, controlar Frames, formularios, capas, etc. Fuente: http://www.desarrolloweb.com/manuales/27/
  • 25. Lado del Servidor Son los lenguajes que se procesan en el lado del servidor y que generan la página antes de enviarla al cliente. Veremos una lista de los lenguajes de servidor más populares.
  • 26. CGI Es el sistema más antiguo que existe para la programación de las páginas dinámicas de servidor. Actualmente se encuentra un poco desfasado por diversas razones entre las que destaca la dificultad con la que se desarrollan los programas y la pesada carga que supone para el servidor que los ejecuta. Los CGI se escriben habitualmente en el lenguaje Perl, sin embargo, otros lenguajes como C, C++ o Visual Basic pueden ser también empleados para construirlos.
  • 27. PERL Perl es un acrónimo de Practical Extracting and Reporting Languaje, que viene a indicar que se trata de un lenguaje de programación muy práctico para extraer información de archivos de texto y generar informes a partir del contendido de los ficheros. Es un lenguaje libre de uso, eso quiere decir que es gratuito. Es un lenguaje de programación interpretado, quiere decir que el código de los scripts en Perl no se compila sino que cada vez que se quiere ejecutar se lee el código y se pone en marcha interpretando lo que hay escrito.
  • 28. ASP ASP (Active Server Pages) es la tecnología desarrollada por Microsoft para la creación de páginas dinámicas del servidor. ASP se escribe en la misma página web, utilizando el lenguaje Visual Basic Script o Jscript (Javascript de Microsoft). Tenemos la posibilidad de comprar componentes ActiveX fabricados por distintas empresas de desarrollo de software que sirven para realizar múltiples usos, como el envío de correo, generar gráficas dinámicamente, y un largo etc.
  • 29. PHP PHP es el acrónimo de Hipertext Preprocesor. Es un lenguaje de programación del lado del servidor, que se incrusta dentro del código HTML, es gratuito e independiente de plataforma, rápido, con una gran librería de funciones y mucha documentación.
  • 30. JSP JSP es un acrónimo de Java Server Pages, que en castellano vendría a decir algo como Páginas de Servidor Java. Es, pues, una tecnología orientada a crear páginas web con programación en Java. Con JSP podemos crear aplicaciones web que se ejecuten en variados servidores web, de múltiples plataformas, ya que Java es en esencia un lenguaje multiplataforma. Las páginas JSP están compuestas de código HTML/XML mezclado con etiquetas especiales para programar scripts de servidor en sintaxis Java. Por tanto, las JSP podremos escribirlas con nuestro editor
  • 32. TAREA 19.03.2013 Formando grupos equitativos, investiguemos las principales características, ventajas, desventajas, funcionamiento de cada uno de los tipos de lenguajes web vistos en la clase de hoy. Fecha de entrega: Final de la hora de clase. Formato de entrega: Documento .pdf Nota: 1 punto previa exposición