INSTITUTO SAGRADO CORAZN DE JESS Informtica Personal y Profesional

INTRODUCCIN A LA PROGRAMACIN WEB

Lic. Elizabeth Vallerino

INTRODUCCIN A LA PROGRAMACIN WEB

Temario

Concepto de Internet

2
3

Resea Histrica
Servicios

Programacin Web

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

1

Concepto de Internet
HARDWARE

Red de Computadoras

Conjunto de computadoras Interconectadas, cuyo fin es COMPARTIR RECURSOS

SOFTWARE
INFORMACIN

Tres Tipos: LAN MAN WAN

Local Area Network - Red de rea Local Alcance: desde una habitacin a un edificio (mx 1 km)

Metropolitan Area Network - Red de rea Metropolitana Alcance: desde edificio a una ciudad (decenas de km) Wide Area Network - Red de rea Amplia Alcance: une ciudades y el mundo entero.

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

1

Concepto de Internet

INTERNET

Red WAN Enlaza Computadoras

Red Internacional

A travs de la lnea telefnica y otros medios

A travs de una LAN

A un Proveedor del servicio: ISP (Internet Service Provider) A su vez enlazado a otros ISP ms grandes (Redes dorsales de Fibra ptica)
ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

1

Concepto de Internet

INTERNET

Red WAN Enlaza Computadoras MODEM MODulador - DEModulador

Red Internacional

Negocia con el modem del servidor remoto para establecer la comunicacin

Por medio de PROTOCOLOS DE COMUNICACIN Validacin de nombre de usuario y contrasea Asignacin de una direccin IP Identificador del equipo durante el tiempo de conexin
ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

1

Concepto de Internet
PROTOCOLOS DE COMUNICACIN Programas que hacen que los equipos se pongan de acuerdo para poder transmitir

INTERNET

Independientes del Sistema Operativo

TCP / IP

Transmission Control Protocol / Internet Protocol

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

1

Concepto de Internet
Se basa en la transmisin de datos por Conmutacin de Paquetes.
mensajes

INTERNET

ETD1 encabezado origen destino NODOS DE PAQUETES DATAGRAMA ETD2 Mensaje 2

El mensaje se divide en paquetes ms pequeos y numerados, los cuales se envan por distintas rutas, y cada nodo decide por dnde manda cada uno (ruteadores). Llegan desordenados, el sistema los ordena y forma el mensaje. Los paquetes tienen un encabezado donde hay informacin de control; entre otras cosas estn las direcciones origen y destino. ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

1

Concepto de Internet

INTERNET

A cada usuario se le asigna un nmero de IP, que por simplicidad se traduce en un nombre de direccin. DNS Domine Name System (Sistema de Nombres de Dominio)

h t t p : / / w w w . b a n c o c i u d a d . c o m . a r

Servicio de Internet

world wide web

Nombre del dueo del dominio

Dominios comerciales

Dominios argentinos

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

1

Concepto de Internet

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

2

Resea Histrica

INTERNET

Dcada del 60

En plena guerra fra, el Departamento de Defensa de EEUU necesitaba garantizar la transmisin de datos entre sus bases militares, incluso en condiciones de guerra nuclear. Se construye una red militar basada en mensajes divididos en paquetes, enviados por separado. Advanced Research Projects Agency Net (Red de la Agencia de Proyectos Avanzados de Investigacin)

ARPAnet (1969)

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

2

Resea Histrica

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

2

Resea Histrica

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

2

Resea Histrica

INTERNET

Dcada del 70

El uso militar de ARPANet pas a segundo plano.

Se la comenz a usar en investigaciones acadmicas, en las Universidades.

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

2

Resea Histrica

INTERNET

Dcada del 90

ARPANet creci tanto que fue suplantada por la red de la National Science Foundation

Y pas a llamarse INTERNET (Red Internacional).

Comunicacin basada en texto plano, sin formato.

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

2

Resea Histrica

INTERNET

Dcada del 90

En el Centro Europeo de Investigacin Nuclear (CERN) surge la idea de la World Wide Web, o Telaraa Mundial (WWW)

Convierte el acceso a Internet en algo sencillo para el pblico en general, lo que da a sta un crecimiento explosivo.

En la Universidad de Illinois se desarrolla el primer navegador grfico: el Mosaic.

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

2

Resea Histrica

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

3

Servicios
Trataremos brevemente los ms utilizados:

WWW CORREO ELECTRNICO IRC (Internet Relay Chat) FTP (File Transfer Protocol) GRUPOS DE NOTICIAS VIDEOCONFERENCIA

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

3

Servicios
Sistema visual para acceder a la informacin disponible en cualquier computadora conectada a Internet. Permite unir informacin que est en un punto del planeta con otro, a travs de los enlaces (Links).

WWW

Para acceder a ella se debe tener un browser (IE,Netscape, Mozilla)

Un documento hipertextual es un texto que contiene vnculos con otros textos y multimedia. Confeccionados en el lenguaje HTML

Interpreta y muestra Documentos Hipertextuales por medio del protocolo HTTP (Hyper Text transfer Protocol)

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

3

Servicios

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

3

Servicios
Una de las primeras aplicaciones creadas para Internet y de las que ms se utilizan.

CORREO ELECTRNICO

Rpido, eficiente, sencillo y econmico.

En caso de cadas de un servidor, no se pierden los mensajes enviados al mismo; se retienen en el ltimo punto hasta que puedan seguir su camino hasta el buzn del destinatario.

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

3

Servicios
Permite la transferencia de archivo al y desde el servidor de FTP

FTP (File Transfer Protocol)

El servidor tiene una estructura de carpetas con los archivos y el cliente accede mediante un programa de FTP o lnea de comando para descargarlos o subir nuevos.

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

3

Servicios
Para entablar debate sobre temas tcnicos. Se basa en el servicio de Correo Electrnico.

GRUPOS DE NOTICIAS

Los mensajes se envan a estos grupos se hacen pblicos y cualquier persona puede enviar una contestacin.

Tambin se los conoce como Foros de Discusin

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

3

Servicios
Permite establecer una conexin con voz e imagen entre dos o ms personas conectadas a Internet desde cualquier parte del mundo

VIDEOCONFERENCIA

Ventaja: si la conexin es dial-up, se abona slo una llamada local.

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

3

Servicios

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

3

Servicios
Permite entablar una conversacin en tiempo real con una o varias personas por medio de texto.

IRC (Internet Relay Chat)

Tambin permite el envo de imgenes u otro tipo de archivos mientras se dialoga.

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

4

Programacin Web

PGINA WEB

Archivo compuesto por diversos elementos:

TEXTO

ENLACES

MULTIMEDIA

Dispuestos en pantalla segn ciertas caractersticas Interactividad y efectos ( mens, movimiento de objetos, fecha y hora, imgenes, mensajes, etc.) Validaciones, acceso a bases de datos (ABM, consultas), manejo de claves, cookies.

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

4

Programacin Web

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

4

Programacin Web
PGINA WEB ESTTICA Se presenta sin movimiento y sin funcionalidades ms all de los enlaces Su cdigo est escrito en el lenguaje HTML (Hyper Text Mark up Language)

Se le puede agregar Hojas de Estilo (CSS), que amplan los estilos de los elementos (colores, fuentes, links, etc)

Indica dnde colocar cada elemento en la pgina, y con qu caractersticas A travs de etiquetas (TAGS)

<A HREF=pagina2.htm style=color:red> Pgina 2</A>

<A HREF=pagina2.htm> Pgina 2 </A>

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

4

Programacin Web
PGINA WEB DINMICA

Posee efectos especiales e interactividad.

Adems de HTML, se necesitan lenguajes de programacin web.

Existen dos tipos:

Pginas que se procesan en el navegador del cliente

Pginas que se procesan en el servidor

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

4

Programacin Web
PGINA WEB DINMICA

Pginas que se procesan en el navegador del cliente Rollovers, control de ventanas y formularios, clculos, fecha y hora, efectos de imagen y de texto.

Se logran con cdigo insertado en el HTML, llamado Script (Guin) <SCRIPT> < / SCRIPT> Los Scripts se pueden programar en: JavaScript Visual Basic Script

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

4

Programacin Web
PGINA WEB DINMICA

Pginas que se procesan en el navegador del cliente JavaScript

SUN MICROSYSTEMS

Permite la programacin de pequeos scripts y de programas orientados a objetos, con funciones, estructuras de datos complejas, etc

NO ES JAVA

Su sintaxis deriva del lenguaje C

Funciona en cualquier navegador, por eso pas a ser el Estndar.

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

4

Programacin Web
PGINA WEB DINMICA

Pginas que se procesan en el navegador del cliente Visual Basic Script Compatible solamente con Internet Explorer. Por eso no es el Estndar. Su sintaxis deriva del Visual Basic.

MICROSOFT CORP.

Es ms amigable que Javascript.

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

4

Programacin Web
PGINA WEB DINMICA

Pginas que se procesan en el servidor

Se ejecutan en el servidor web, y se enva el resultado en HTML al cliente por Internet. Agendas, Foros, Estadsticas, Juegos, Chat, etc.

Con esto, se accede a bases de datos y claves en forma segura.

Distintas tecnologas:

CGI

ASP

PHP

JSP

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

4

Programacin Web
PGINA WEB DINMICA

Pginas que se procesan en el servidor

CGI

Common Gateway Interface

Es la tecnologa ms antigua.

Se encuentra en desuso

Lenguajes usados: Perl, tambin C, C++ y Visual Basic.

Difcil de programar. En la ejecucin se torna pesado.

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

4

Programacin Web
PGINA WEB DINMICA

Pginas que se procesan en el servidor

ASP Active Server Pages Es la tecnologa de Microsoft Funciona en servidores web de Microsoft Lenguajes usados: VBScript y Jscript (Javascript de Microsoft).

Personal Web Server (Win 98)

Internet Information Server (WinXP)

Bajo Linux: se debe instalar el componente Chilisoft

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

4

Programacin Web
PGINA WEB DINMICA

Pginas que se procesan en el servidor

PHP Hypertext PreProcesor Gratuito, multiplataforma, rpido y seguro. Posee un lenguaje propio derivado del C

Est montado sobre sevidores Linux o Unix

Servidor web: Apache

ISCJ INFORMTICA

INTRODUCCIN A LA PROGRAMACIN WEB

4

Programacin Web
PGINA WEB DINMICA

Pginas que se procesan en el servidor

JSP Java Server Pages Multiplataforma Cdigo Abierto Utiliza scripts de servidor en lenguaje Java (Servlets)

Servidores web: Apache, IIS, Netscape

Se pueden crear componentes reusables

ISCJ INFORMTICA