Seminario Internet

Tecnologías en la red

1. Introducción

■ Cliente - Servidor.■ Tecnologías MS.■ Opensource.■ OS v/s MS.

Cliente Servidor

■ WWW está basado en un esquema cliente servidor, utilizando el protocolo http.

■ HTTP es un protocolo sin estado y sin conexión persistente.

Tecnologías Microsoft

■ Active server pages (ASP).■ DHTML.■ Controles ActiveX.■ Controles en Tiempo de diseño (DTC).

OpenSource

■ Concepto basado en la apertura de código.

■ Paradigmas:– Plataforma: Linux.– Web Server: Apache.– Lenguajes: Java Server Pages, PHP.

– Base de Datos: MySQL.

OpenSource v/s Microsoft

■ Internet Information Server (IIS) v/s Apache.

■ ASP v/s JSP, PHP.■ NT v/s Linux.■ SQL v/s MySQL.

2. Tecnologías

■ De web estática a dinámica.■ Lado Cliente.■ Lado Servidor.

De web estática a dinámica.

■ 1g: Despliegue de información multimedia estática.

■ 2g: Información dinámica por medio de CGI(Common Gateway Interface), un mecanismo para ejecutar programas externos.

De web estática a dinámica.

■ 3g: Soluciones específicas para el servidor web. Dentro de éstas:– ASP: Lenguaje interpretado.

– Servlets Java: Compilado.

■ 4g: Soluciones eclécticas basadas en las de 3g. En concreto, Java Server Pages.

De web estática a dinámica.

Lado cliente

■ Lenguaje de marcas para creación de hipertextos.

■ Basado en el estándar SGML.

■ Se modifica desde cualquier editor ascii.

■ DHTML es un conjunto de nuevas definiciones para HTML.

HTML:

Lado cliente

■ Nuevo subconjunto de SGML especializado en gestión de información para la web.

■ No posee etiquetas prefijadas con anterioridad.

■ W3C lanzó XHTML para reformular HTML 4 dentro de las normas de XML.

XML:

Lado cliente

■ Tecnología Macromedia para contenido multimedia sofisticado.

■ Por medio del plug-in flash player un browser ve archivos flash.

■ Utilizado como front-end en sitios web, interfaz de usuario, publicidad interactiva y animaciones pequeñas.

FLASH:

Lado cliente

■ Pequeños programas desarrollados en java.

■ Se ejecutan en el browser por medio de una máquina virtual java. Entonces, son independientes de la plataforma.

■ Se incrustan en las páginas web bajo una etiqueta especial (object).

Java Applets:

Lado cliente

■ Pequeños programas desarrollados con herramientas Microsoft.

■ Dependen de la plataforma Windows9x/WindowsNT.

■ Se incrustan en las páginas web bajo una etiqueta especial (object).

Control ActiveX

Lado cliente

■ Lenguajes script para el manejo de eventos en el browser.

■ Javascript: desarrollado por Netscape, basados en Java.

■ VisualScript: desarrollado por Microsoft.

Java/VisualScript

Lado Servidor

■ Lenguaje de programación para el lado servidor, orientado a la conectividad de bases de datos y seguimiento de sesión. Es Interpretado.

■ Ligado a servidores web Microsoft.

■ Maneja HTML como código incrustado, de una manera simple y directa.

Active Server Pages (ASP)

Lado Servidor

■ Lenguaje interpretado de alto nivel incrustado en páginas HTML y ejecutado en el servidor.

■ En la práctica, es homólogo a ASP, pero en el mundo opensource.

HiperText Preprocessor

Lado Servidor

■ Lenguaje para el lado del servidor, permite código incrustado HTML, seguimiento de sesión y conexión a base de datos. Es compilado en java servets.

■ Desarrollado por Sun Como una especificación abierta.

Java Server Pages (JSP)

Lado Servidor

■ CFML: ColdFusion Markup Language. Es un lenguaje de etiquetas procesado en servidores coldFusion de macromedia.

■ También ofrece conexión a base de datos, HTML incrustado y manejo de sesiones.

ColdFusion

Lado ServidorASP v/s JSP■ Páginas

interpretadas.■ Dependen de

servidores web Microsoft.

■ No posee etiquetas extensibles.

■ Páginas compiladas en servlets y cargadas en memoria.

■ No dependen del servidor web ni de la plataforma.

■ Etiquetas extensibles.

3. Herramientas

■ Lado Cliente■ Lado Servidor.■ Multimedia.■ Administración de proyectos.

Lado cliente

■ Dado la definición de HTML, siempre es posible trabajar por medio de editores de texto simple en la confección de páginas web.

■ Ejemplos: notepad (windows), vi (unix).

Editores de texto

Lado cliente

■ Solución MS para el desarrollo de páginas web.

■ Entorno visual (WYSIWYG) y de código para la creación de páginas web. Este entorno sigue la distribución de las herramientas de desarrollo MS.

■ Opciones avanzadas supeditan la visualización a Internet Explorer.

Frontpage

Lado cliente

■ Solución Macromedia para el desarrollo de páginas web.

■ Entorno visual más usado actualmente.

■ Mantiene la integridad del código HTML totalmente abierto.

Dreamweaver

Lado Servidor

■ Solución MS para desarrollo ASP.

■ Maneja DTC.

■ Ayuda rápida para ASP.

■ No está orientado al diseño de páginas web.

Interdev

Lado Servidor

■ Solución Macromedia para desarrollo en ASP, JSP CFML.

■ Es el mismo entorno de trabajo más las habilidades de conexión a bases de datos para los lenguajes mensionados anteriormente.

Dreamweaver Ultradev

Lado ServidorInterdev v/s Ultradev■ Ayuda rápida para

asp.■ Uso de DTC es solo

compatible con IE.■ Manejo de archivos

vía explorer tipo windows.

■ Sin ayuda rápida para ASP.

■ Desarrollo compatible con todos los browsers.

■ Manejo de archivos vía ftp.

MultimediaFirework / Flash■ Fireworks: Desarrollo avanzado de

imágenes para el web.■ Flash: Desarrollo de contenido

multimedia para el web.

MultimediaGenerator■ Solución con conexión a base de datos

para actualizar sitios de macromedia flash en forma automática.

■ Contenidos y gráficos generados en tiempo real.

MultimediaDirector■ Aplicación Macromedia para desarrollo

de contenido 3D interactivo.■ Se visualizan por medio del player

shockwave.

Administración de ProyectosSiteSpring■ Nueva herramienta para la

administración de proyectos web. Consta de tres áreas:– Colaboración: Se definen clientes,

proyectos, colaboradores y tareas. Aviso por email y notificaciones de fechas.

Administración de ProyectosSiteSpring

– Versiones de archivo: Mantiene versión de archivo. Incluso si éstos son modificados fuera de la herramienta.

– Comunicación: Mantiene automáticamente un sitio web con el avance del proyecto para el cliente.