PROGRAMACIN

WEB

Unidad 1 Arquitectura

1.1 Evolucin de las aplicaciones web

1.2 Arquitectura de las aplicaciones web
1.3 Tecnologas para el desarrollo de aplicaciones web
1.4 Planificacin de aplicaciones web

1.1 Evolucin de las aplicaciones

web

1992

HTML- se crea el lenguaje predominante de las paginas web

1993

Mosaic- Fue lanzado el primer navegador

1994

HTML2- se desarrolla la segunda versin del lenguaje de marcado de

hipertexto
Cookies- Pequeo fragmento de informacin enviado por los sitios web y
almacenado en el navegador web de un usuario para recordar su estado y
actividad interior.

1.1 Evolucin de las aplicaciones

web

1995

JavaScript- Nace el lenguaje de secuencia de comandos orientado a objetos

Opera- Fue lanzada la primera versin del navegador
Internet Explorer- Fue lanzada la primera versin del navegador.
HTML3- Tercera versin del lenguaje de marcado de hipertexto.
PHP- nace la primera versin del lenguaje de programacin.

1996

Applets de java- se pueden ejecutar en navegadores con una maquina

virtual de java
Flash- plataforma multimedia utilizada para aadir animacin, video e
interactividad a las paginas web.

1.1 Evolucin de las aplicaciones

web

1998

HTML4- Cuarta versin del lenguaje de marcado de hipertexto.

CSS2- es lanzado el lenguaje de hojas de estilo empleado para
describir la presentacin de un documento.

1999

Ajax- Conjunto de mtodos de desarrollo web para crear aplicaciones

web interactivas

2003

Safari- nace el primer navegador web de Apple

2004

Firefox- Es lanzado al mercado de los navegadores web

1.1 Evolucin de las aplicaciones

web

2006

Jquery- Es lanzada la biblioteca de javascript que permite simplificar la

manera de interactuar con los documentos HTML

2007

Netscape- Desaparece el navegador

2008

Chrome- Es lanzado al mercado

HTML5- Quinta versin del lenguaje de marcado de hipertexto
Ubicacin geogrfica- Mtodo que permite informar a un sitio web de
la ubicacin geogrfica de un usuario con su consentimiento.

1.1 Evolucin de las aplicaciones

web

2009

CSS3- Es lanzada la tercera versin de hojas de estilo

2011

HTML5- permite realizar aplicaciones tctiles.

1.2 arquitectura de las aplicaciones web

De la misma forma en que los arquitectos tradicionales disean y

coordinan la construccin de edificios, los arquitectos web disean y
coordinan el desarrollo de sitios web.
Los sitios web son una conjuncin muy compleja de distintos sistemas
integrados entre s (Bases de datos, servidores, redes y seguridad, etc...).
El resultado final ser un sitio que pueda resolver las necesidades de
negocios: Vender productos y servicios online y servir mejor a las
necesidades de los clientes.

1.2 arquitectura de las aplicaciones web

En el diseo de sitios web, igual que en el diseo de edificios, se requiere un

firme conocimiento de las tecnologas aplicadas.
En el diseo de edificios estos conocimientos son sobre las propiedades
estructurales de los materiales, electricidad, mecnica, plomera, etc...
En el desarrollo web se requieren de conocimientos de lenguajes
programacin y estructura de bases de datos, el protocolo TCP/IP, el
lenguaje HTML y muchos otros.

1.2 arquitectura de las aplicaciones web

En ambos casos es necesario tener conocimientos generales y ser

un voraz estudiante de las tecnologas, dado que estas estn en
continuo desarrollo y avanzan da a da.
Sin embargo, hay algo que se mantiene constante... la gente debe
poder usarlos. Si no se irn de nuestra web y ser un fracaso. Y
se desperdiciara una gran cantidad de dinero.
El rol de arquitecto web es asegurarse de que esto no ocurra.

1.2 arquitectura de las aplicaciones web

1.3 Tecnologas para el desarrollo de

aplicaciones web

1.3 Tecnologas para el desarrollo de

aplicaciones web
Sistemas Operativos

Windows
XP, vista, 7, 8, 8.1

Linux
Open suse, Mandriva, Fedora, Mint, Ubuntu, deban

Mac OS X
OS X 10.0, OS 10.1 puma, OS 10.2 Jaguar, OS 10.3 Panther, OS 10.4 Tiger, OS 10.5
Leopard, OS 10.6 Snow leopard, OS 10.7 Lion, OS 10.8 Mountain Lion, OS 10.9 Mavericks

1.3 Tecnologas para el desarrollo de

aplicaciones web
Lenguaje de programacin del lado de servidor
JSP, PERL, ASP, PHP

Gestores de Bases de datos

PostgreSQL, Fox pro, Open Acces, Oracle, Microsoft SQL Server, MySql

Servidores
Apache- Es el Servidor mas utilizado en la actualidad (Funciona para PHP, Python y perl).
Microsoft IIS- Servidor utilizado por Windows.
Google Web Server- Es una versin adaptada de apache.

1.3 Tecnologas para el desarrollo de

aplicaciones web
Frameworks
Laravel- Como hemos comentado en el caso anterior, este tambin incluye el MVC,
pero adems tambin contiene diversas funcionalidades con las cuales gestionar de
forma ms fcil las bases de datos.
Nette- Una herramienta popular para el desarrollo web PHP. es un conjunto
de componentes de PHP desconectados y reutilizables .Puede utilizar cualquiera de
estos componentes de forma independiente del resto del marco.
Symfony- es un conjunto de reutilizables componentes PHP Y un framework PHPpara
proyectos web Acelerar la creacin y el mantenimiento de sus aplicaciones web
PHP. Terminar las tareas de codificacin repetitivas y disfrutar del poder de control de
su cdigo.

1.3 Tecnologas para el desarrollo de

aplicaciones web
Frameworks
PHPixie- Este es otro framework muy simple y sencillo de utilizar, pero
sobretodo es uno de los ms ligeros. Su finalidad es la de ayudar a poner
de manera sencilla el patrn de diseo MVC.
Django- Framework Python que promueve el desarrollo rpido y el diseo
limpio
Cake PHP- Framework para php de desarrollo rpido.

1.3 Tecnologas para el desarrollo de

aplicaciones web

Lenguajes de programacin del lado del cliente

Javascript, Visual Basic Script, Applets de java
Interfaz de usuario
Chrome, Mozilla Firefox, safari, Opera, Internet Explorer

1.4 planificacin de aplicaciones

web
Programacin del lado del cliente
La programacin cliente consiste bsicamente en JavaScript. Una web puede
no tener necesidad de hacer programacin cliente, como puede ser una
pequea web corporativa con poca informacin esttica, o puede que requiera
enormes esfuerzos en esta fase, como ocurre con los proyectos Web 2.0.

Programacin del lado del servidor

En esta fase, que se desarrolla junto con la anterior, crearemos la aplicacin
web en un lenguaje de servidor, como puede ser PHP, ASP .NET, Python,
Perl, etc.

1.4 planificacin de aplicaciones

web
Fases de desarrollo de una pagina web
Para elegir las herramientas a utilizar, antes debemos identificar las fases del proceso que
forman el ciclo de vida de un desarrollo web.
Diseo
El diseo consiste en crear esbozos de la web final mediante una herramienta grfica,
como Photoshop, Corel Draw, Paint.
Maquetacin HTML/CSS
La maquetacin consiste en convertir los esbozos creados en la fase anterior en
plantillas HTML, su respectiva hoja de estilos, y las imgenes usadas. Es posible saltarse
la fase anterior para comenzar directamente con esta fase, dependiendo de si dominamos
herramientas como Photoshop o no.

1.4 planificacin de aplicaciones

web
Depuracin
Esta fase enlaza la anterior con la siguiente, y es donde haremos las pruebas

Pruebas locales
En nuestro servidor local haremos todas las pruebas posibles.

Subir ficheros al hosting

Una vez nuestra web est completada y bien testeada en nuestro servidor local
(desarrollo), la subiremos al servidor del hosting elegido (produccin). Dependiendo
del hosting, podremos usar FTP, SFTP (SSH), o incluso Subversin.

Pruebas de Hosting
Realizaremos las ltimas pruebas en el servidor del hosting para comprobar que el
cambio de servidor no ha afectado a nada. Para evitar problemas, nuestro servidor
local debe tener exactamente la misma configuracin que el servidor del hosting.