UNIVERSIDAD TCNICA DE AMBATO

FACULTAD DE CIENCIAS HUMANAS Y DE LA EDUCACION

CARRERA DE DOCENCIA EN INFORMATICA
MODALIDAD PRESENCIAL

MDULO DE CONTENIDOS

PROGRAMACION WEB I
SEPTIMO SEMESTRE

Mentor Javier Snchez Guerrero

Ingeniero en Sistemas
Magister en Docencia y Currculo para la Educacin Superior

AMBATO - ECUADOR
Abril - Septiembre 2015

Evolucin Desarrollo De Programacin Web

Qu es una Aplicacin Web?
Una aplicacin web a aquellas aplicaciones que los usuarios pueden utilizar accediendo a
un servidor web a travs de Internet o de una intranet mediante un navegador. En otras
palabras, es una aplicacin software que se codifica en un lenguaje soportado por los
navegadores web en la que se confa la ejecucin al navegador.

Las aplicaciones web son populares debido a lo prctico del navegador como cliente
ligero, a la independencia del sistema operativo, as como a la facilidad para actualizar y
mantener aplicaciones sin distribuir e instalar software a miles de usuarios potenciales.

Funcionamiento.

La informacin es enviada a un servidor

Se conecta con el servidor mediante el protocolo tcp-ip
El servidor toma la informacin en una aplicacin que puede ser
programada en php, asp, ruby, python ,java, perl

El servidor retorna la informacin y el explorador lo procesa de nuevo y lo

codifica segn sea su programacin

ESTRUCTURA DE APLICACIN WEB

Una aplicacin web est normalmente estructurada como una aplicacin de trescapas. En su forma ms comn, el navegador web ofrece la primera capa y un
motor capaz de usar alguna tecnologa web dinmica (ejemplo: PHP, Java
Servlets o ASP, AS.NET, CGI, ColdFusion, embPerl, Python (programming
language) o Ruby on Rails) constituye la capa de enmedio. Por ltimo, una base
de datos constituye la tercera y ltima capa.
HISTORIA DE LA APLICACIN WEB
En un principio la web era sencillamente una coleccin de pginas estticas,
documentos, etc., para su consulta o descarga. El paso inmediatamente posterior
en su evolucin fue la inclusin de un mtodo para elaborar pginas dinmicas
que permitieran que lo mostrado tuviese carcter dinmico (es decir, generado a
partir de los datos de la peticin).

Aunque los inicios de Internet se remontan a los aos sesenta, no ha sido hasta
los aos noventa cuando, gracias a la Web, se ha extendido su uso por todo el
mundo. En pocos aos la Web ha evolucionado enormemente: se ha pasado de
pginas sencillas, con pocas imgenes y contenidos estticos a pginas
complejas con contenidos dinmicos que provienen de bases de datos, lo que
permite la creacin de "aplicaciones web".
Una aplicacin Web es una interfase entre un formulario diseado
especficamente para cubrir con las necesidades de su negocio y su informacin
que actualmente tiene hacia el interior de su empresa, como pueden ser sistemas
administrativos, inventarios, facturacin, cuentas por cobrar, productos, etc. (La
informacin puede ser de dominio pblico o restringida a ciertas personas a travs
de un nombre de usuario y contrasea) con el objetivo de que cualquier persona
pueda consultarla e interactuar con ella desde Internet.
El desarrollo de una aplicacin Web le permitir publicar un catlogo electrnico
de productos, manejo de inventarios, rdenes de compra, publicacin de
informacin con acceso restringido a ciertos usuarios, actualizacin y
mantenimiento de su sitio Web y en general, le permitir publicar cualquier tipo de
informacin que se pueda incorporar a una base de datos.
APLICACIONES MULTINIVEL
Aplicaciones Web resulta adecuado presentarlas dentro de las aplicaciones
multinivel. Los sistemas tpicos cliente/servidor pertenecen a la categora de las
aplicaciones de dos niveles. La aplicacin reside en el cliente mientras que la base
de datos se encuentra en el servidor.

Una aplicacin Web tpica recoger datos del usuario (primer nivel), los enviar al
servidor, que ejecutar un programa (segundo y tercer nivel) y cuyo resultado ser
formateado y presentado al usuario en el navegador (primer nivel otra vez).

VENTAJAS
Ahorra Tiempo
No hay problemas de compatibilidad
No ocupan espacio en nuestro disco duro.
Actualizaciones inmediatas
Consumo de recursos bajo
Multiplataforma
Portables
La disponibilidad suele ser alta porque el servicio se ofrece desde mltiples
localizaciones para asegurar la continuidad del mismo.
Los virus no daan los datos porque stos estn guardados en el servidor
de la aplicacin.
Colaboracin.
Los navegadores ofrecen cada vez ms y mejores funcionalidades para
crear aplicaciones web ricas (RIAs).

DESVENTAJAS
Habitualmente ofrecen menos funcionalidades que las aplicaciones de
escritorio.
No tiene mucha disponibilidad
Su seguridad depende de la seguridad con la que se haga la aplicacin
Qu ES CGI?
El CGI por sus siglas en ingls Common Gateway Interface es de las primeras
formas de programacin web dinmica.
Cuando el World Wide Web inici su funcionamiento como lo conocemos,
empezando a tomar popularidad aproximadamente en 1993, solo se poda
apreciar texto, imgenes y enlaces. La introduccin de Plugins en los navegadores
permiti mayor interactividad entre el usuario y el cliente, aunque estaba limitado
por la velocidad y la necesidad de tener que bajar e instalar cada plugin que se
necesitara, por lo que estos se desarrollaron mayormente en reas de vdeo,
audio y realidad virtual.
El CGI (Por sus siglas en ingls Common Gateway Interface) cambio la forma de
manipular informacin en el web.
En s, es un mtodo para la transmisin de informacin hacia un compilador
instalado en el servidor. Su funcin principal es la de aadir una mayor interaccin
a los documentos web que por medio del HTML se presentan de forma esttica.
Forma de actuacin de CGI
A continuacin se describe la forma de actuacin de un CGI de forma
esquemtica:
En primera instancia, el servidor recibe una peticin (el cliente ha activado un URL
que contiene el CGI), y comprueba si se trata de una invocacin de un CGI.
Posteriormente, el servidor prepara el entorno para ejecutar la aplicacin. Esta
informacin procede mayoritariamente del cliente.
Seguidamente, el servidor ejecuta la aplicacin, capturando su salida estndar.
A continuacin, la aplicacin realiza su funcin: como consecuencia de su
actividad se va generando un objeto MIME que la aplicacin escribe en su salida
estndar.
Finalmente, cuando la aplicacin finaliza, el servidor enva la informacin
producida, junto con informacin propia, al cliente, que se encontraba en estado

de espera. Es responsabilidad de la aplicacin anunciar el tipo de objeto MIME

que se genera (campo CONTENT_TYPE).

Elementos a Tener en Cuenta a La Hora de Disear un Sitio Web

Mapa de su sitio web.- Muchos sitios web tienen la mala costumbre de guiar a sus
visitantes por donde ellos quieren y no ofrecen la posibilidad de sean los mismos
visitantes quienes anticipen sus propias necesidades y naveguen libremente por el
website. Por ello, es buena costumbre proveer a los visitantes de un ndice bien detallado
en la pgina principal y adicionalmente un mapa del website, especialmente si su sitio
web es bastante grande.
Adicionalmente, TODAS las pginas deben contener un enlace a la pgina principal o al
mapa del website as como un enlace para enviar correo-e.
No hay nada ms
desmotivante que cuando un navegante quiere, por ejemplo, solicitar ms informacin o
simplemente contactarnos y no encuentra facilidad para hacerlo y le toca retroceder y
retroceder hasta que al fin encuentra el enlace para enviar correo electrnico.
Otras entradas.- Recuerde que sus visitantes pueden entrar a su sitio web desde
CUALQUIER parte del mismo. No de por entendido que todos los visitantes entran por la
puerta principal (home page), se sorprender al saber que esto no es as. Lo anterior es
particularmente cierto si tenemos en cuenta que un gran porcentaje de los visitantes
llegan a travs de un enlace desde los motores de bsqueda y este enlace puede ser a
cualquier sitio de su web.

Por lo tanto, revise TODAS sus pginas y SIEMPRE hgase la siguiente pregunta: Qu
impresin se llevar un visitante nuevo si entra desde aqu? se llevar una buena idea
de lo que su sitio web ofrece? puede navegar hacia la pgina principal?
Pginas demasiado largas.- La gente tiende a hojear las pginas en vez de leerlas. De
tal manera, el estilo de escritura que se emplea en el web difiere del estilo de escritura
que corrientemente usamos. Algunas sugerencias para tener en cuenta:

Oraciones cortas
Listas con vietas (como esta)
Pginas cortas
Lneas cortas
Resaltar palabras
Encabezados (ttulos, subttulos) llamativos y descriptivos
Usar una idea por prrafo
Usar la mitad de las palabras que usara en la escritura convencional.
Usar una pirmide invertida: la conclusin o punto ms importante al principio del
escrito.

An cuando no hay un consenso general sobre lo anterior, mi experiencia me dice que si

usted provee informacin UTIL podr romper las reglas. Despus de todo, la gente puede
archivar e imprimir sus pginas si las encuentra de inters.
Preguntas frecuentes FAQ.- No gaste tiempo contestando la misma pregunta una y
otra vez. Construya una pgina de Preguntas Frecuentes, ms conocidas como FAQs
(Frequent answered questions), de tal manera que sus visitantes tengan acceso a las
respuestas de manera instantnea.
Correo-e en todas las pginas.- Simplifique a sus clientes el proceso de contactarlo
colocndo su direccin de correo-e en TODAS las pginas o en su defecto un enlace a
una pgina de CONTACTOS, en donde proveer las direcciones de correo postal, correo
electrnico, telfonos, fax y dems informacin que crea que sus visitantes necesitarn
para contactarlo.
Usted puede configurar el enlace a su correo-e de tal manera que automticamente se
incluya el Asunto del mismo. Basta con agregar lo siguiente:
mailto:usted@suempresa?SUBJECT=Solicitud_de_Informacin
Prubelo haciendo click aqu
Para qu sirve lo anterior?
Facilita la labor de sus visitantes obvindoles el poner texto en el campo del ASUNTO
Si su lector de correo electrnico tiene las capacidades de FILTRADO, puede configurarlo
de tal manera que cada vez que el asunto diga: Solicitud de Informacin (siguiendo el
ejemplo) el mensaje sea archivado en una carpeta determinada o enviar un mensaje de

autorespuesta al remitente dependiendo del Asunto, de esta forma la respuesta a sus

mensajes ser inmediata.