Mdulo 4:

SISTEMAS y APLICACIONES WEB

4.1 Introduccin
4.2 Plataforma web
4.2.1 Evolucin (Web 1.0, 2.0, 3.0)
4.2.2 Conceptos bsicos y definiciones fundamentales

4.1
Introduccin
En la ingeniera de software se denomina aplicacin web a aquellas
herramientas 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 web
como cliente ligero, a la independencia del sistema operativo, as como a la
facilidad para actualizar y mantener aplicaciones web sin distribuir e instalar
software a miles de usuarios potenciales. Existen aplicaciones como los
webmails, wikis, weblogs, tiendas en lnea y la propia Wikipedia que son
ejemplos bien conocidos de aplicaciones web.
Es importante mencionar que una pgina Web puede contener elementos que
permiten una comunicacin activa entre el usuario y la informacin. Esto
permite que el usuario acceda a los datos de modo interactivo, gracias a que la
pgina responder a cada una de sus acciones, como por ejemplo rellenar y
enviar formularios, participar en juegos diversos y acceder a gestores de base
de datos de todo tipo.
Sistemas web
Estas aplicaciones de software pueden tener un gran impacto ahorrador,
optimizando los procesos de su empresa, o / y mejorar y facilitar la relacin con
sus clientes, con seguridad y privacidad. Estando accesible por Internet se
acoplan a empresas con oficinas regionales, o con clientes en diferentes pases.
Estas aplicaciones se rigen por los mismos principios de usabilidad como las
pginas web. Nombrando algunas aplicaciones tpicas:

Hemos conectado con diferente base de datos, tales como SQL, Oracle, AS400,
Sybase. Usamos SOAP / webservices. Programamos las pginas web de
consultas de su sitio en PHP con Javascript / Ajax / Flash y Actionscript.
Ofrecemos el servicio de instalacin de servidores web y hardening (fortalecer
la seguridad del servidor). Recomendamos como sistema operativo Linux
CentOS u Opensuse . Podemos asegurar la data de sus sistemas con la
instalacin de un certificado de seguridad SSL.
Los "sistemas Web" o tambin conocido como "aplicaciones Web" son aquellos
que estn creados e instalados no sobre una plataforma o sistemas operativos
( Windows, Linux). Sino que se alojan en un servidor en Internet o sobre una
intranet (red local). Su aspecto es muy similar a pginas Web que vemos
normalmente, pero en realidad los 'sistemas Web' tienen funcionalidades muy
potentes que brindan respuestas a casos particulares.
Los sistemas Web se pueden utilizar en cualquier navegador Web (chrome,
firefox, Internet Explorer,etc) sin importar el sistema operativo. Para utilizar las
aplicaciones Web no es necesario instalarlas en cada computadora ya que los
usuarios se conectan a un servidor donde se aloja el sistema.
Las aplicaciones Web trabajan con bases de datos que permiten procesar y
mostrar informacin de forma dinmica para el usuario.
Los sistemas desarrollados en plataformas Web, tienen marcadas diferencias
con otros tipos de sistemas, lo que lo hacen muy beneficioso tanto para las
empresas que lo utilizan, como para los usuarios que operan en el sistema.
Este tipo de diferencias se ven reflejada en los costos, en la rapidez de
obtencin de la informacin, en la optimizacin de las tareas por parte de los
usuarios y en alcanzar una gestin estable.
4.2
Plataforma web
Cuando desarrollamos un programa, lo desarrollamos para que funcione en una
plataforma especfica. Esto se refiere a que el programa va a funcionar en un
determinado sistema operativo.
Normalmente, hay versiones para Windows, Mac Os, Linux, etc. Pero cuando
nos referimos a una plataforma web, estamos dicindo que nuestro sistema
funcionar desde un navegador web, independientemente del sistema
operativo (SO) que se est utilizando.
Esto tiene la ventaja de que no es necesario crear el mismo software para cada

tipo de SO. Pero tiene desventajas en el sentido de que no puede ser tan
potente como un sistema que funciona usando los recursos del SO.
Tipos de plataformas web
Existe multitud de plataformas o conjunto de subsistemas para crear y poner
en funcionamiento sitios web. La eleccin de unos u otros depender de varios
factores como precios, velocidad, flexibilidad, soporte, etc.
Las plataformas presentadas a continuacin son las ms comunes, pero hay
muchas ms combinaciones para crear un sistema que sirva pginas web.
LAMP (Linux, Apache, MySQL, PHP|Perl|Python)
Ventajas:

Disponibilidad y bajos costos

Velocidad y mejor tiempo de actividad

Segn la empresa WatchMouse (especialista en comportamiento y la
disponibilidad de websites) en un estudio de rendimiento realizado a
ms de 1500 websites se determin que los sitios web basados en Linux
eran ms rpidos que los basados en Windows.

Es muy fcil colocar instrucciones tanto en nuestro cdigo para activar

nuevas funcionalidades del servidor.

Si ests pensando en elegir un CMS (Sistema Gestor de contenido), los

mejores como Drupal, Joomla y Wordpress estn optimizados para esta
plataforma.

Servidor de bases de datos relacional MySQL muy rpido para consultas

de lectura y sitios no demasiado grandes.

Desventajas:

No muy buen rendimiento de MySQL para sitios web demasiado grandes

y con un gran volumen de insercin de datos.

Es muy distinto de Windows, lo que dificulta el trabajo a quienes estn

acostumbrados a l.

WAMP (Windows, Apache, MySQL, PHP|Perl|Python)

Ventajas:

Ideal para utilizar como servidor de desarrollo

Fcil instalacin con el software WAMP5

Desventajas:

Puedes tener alguna dificultad a la hora de instalar los subsistemas por

separado. A m siempre me ha dado guerra la instalacin de PHP en IIS

LAMDA (Linux, Apache, Mono|Maverick.NET, DB4O, Active Record)

Es ms flexible porque soporta mltiples bases de datos ya que

mediante DB4O la base de datos orientada a objetos se puede
abstenerse del mundo relacional.

Es ms robusta porque los lenguajes ms convenientes a utilizar con

Mono son estticamente tipados y permite tener una plataforma de
desarrollo multiplataforma.

El framework Maverick.NET pueden funcionar tanto con Mono como

con el framework de .NET de Microsoft.

Coldfusion
Ventajas:

En la instalacin de Coldfusion permite elegir sobre que servidor web va

a correr (Apache o IIS)

Funciones poderosas para leer y escribir en discos duros del servidor

basadas en tags

Integra varias tecnologas

Programacin muy fcil a travs de etiquetas o tags

Integracin con Java

Amplias opciones para la configuracin del servidor y en modo grfico

Desventajas:

Pocos proveedores de hosting ofrecen este tipo de plataforma web

Servidor inestable que es capaz de soportar muy poca carga aunque fu

diseado para sitios grandes y con mucho trfico

Integra varias tecnologas

Programacin muy fcil a travs de etiquetas o tags

XATMJ (X=Cualquier S.O, Apache, Tomcat, MySQL, JSP)

Ventajas:

Funciona en cualquier sistema operativo que disponga de la mquina

virtual Java

Tomcat es que es muy fiable

Desventajas:

Tomcat slo puede trabajar con un nico servidor; no puede utilizarse en

clusters

Tomcat no dispone de un entorno integrado con una sofisticada GUI

WIMA (Windows, IIS, MS SQL Server, ASP.NET )

Ventajas:

MS SQL Server tiene un potente entorno grfico de administracin

MS SQL Server ofrece a mltiples usuarios grandes cantidades de datos

de manera simultnea

ASP.NET, a partir de la versin 2.0 es una gran ventaja.

Para m, esta plataforma web es la mejor opcin para crear aplicaciones

web hoy en da.

Desventajas:

El servidor IIS no es multiplataforma, slo funciona bajo Windows

El servidor MS SQL Server tampoco es multiplataforma.

Limitaciones en IIS en las versiones que no son de la familia Server

Vulnerabilidades

4.2.1
Evolucin
La web ha tenido segn la mayora de los expertos (hasta ahora) tres
etapas:
La web 1.0
La web 2.0
La web 3.0

WEB 1.0
La Web 1.0 empez en los aos 60's, De la forma ms bsica que existe, con
navegadores de solo texto, como ELISA, bastante rpidos, despus surgi el
HTML (Hyper Text Markup Language) que hizo las pginas web ms agradables
a la vista y los primeros navegadores visuales como IE, Netscape, etc. La Web
1.0 es de solo lectura, el usuario no puede interactuar con el contenido de la
pgina, (nada de comentarios, respuestas, citas, etc.). Estando totalmente
limitado a lo que el Web master sube a la pgina web. Web 1.0 es una frase
que se refiere a un estado de la Word Wide Web, y cualquier pgina web
diseada con un estilo anterior del fenmeno de la Web2.0.
Es en general un trmino que ha sido creado para describir la Web antes del
impacto de la fiebre punto com en el 2001, que es visto por muchos como el
momento en que el internet dio un giro.1Es la forma ms fcil en el sentido del
trmino Web 1.0 cuando es usada en relacin a trmino Web 2.0, para
comparar los dos y mostrar ejemplos de cada uno.
WEB 2.0
El trmino Web 2.0 fue acuado por Tim O'Reillyen 2004 para referirse a una
segunda generacin en la historia del desarrollo de tecnologa Web basada en
comunidades de usuarios y una gama especial de servicios, como las redes
sociales, los blogs, los wikis o las folsonomas, que fomentan la colaboracin y
el intercambio gil de informacin entre los usuarios de una comunidad o red
social. La Web 2.0 es tambin llamada web social por el enfoque colaborativo y
de construccin social de esta herramienta.
Qu es la Web 2.0?
Es una evolucin de Web 1.0. Es un ecosistema de la informacin: Google,
Wikipedia, EBay, YouTube, Skype Skype, Writely, Blogger, RSS, Flickr, Emule,
Todas estas aplicaciones y sitios tienen en comn que su principal activo es el
usuario. A mayor nmero de usuarios aumenta el valor del sitio y su contenido.
No hay versiones, siempre est cambiando. La Web 2.0 est destinada a la
navegacin. Tiene innovaciones (tecnologas) Sitios representativos de Web
2.0:
- Google: es ms que un buscador, es una marca que abarca desde un sistema
de correo electrnico (Gmail) hasta un mapa mundial con callejeros y otras
fotografas (Google maps).
- Emule: es una aplicacin que permite el intercambio de archivos entre

usuarios de forma descentralizada.

- Wikipedia: es un proyecto de enciclopedia libre donde son los usuarios los que
escriben los artculos.
- EBay: es un sitio que permite a millones de usuarios en todo el mundo
comprar y vender cualquier cosa en cualquier sitio.
- YouTube: es el sitio favorito de miles de usuarios para ver vdeos que los
mismos usuarios aportan y comparten.
- Skype: es una aplicacin que permite hablar gratuitamente con otros usuarios
que se encuentran en cualquier parte del mundo, usando tecnologa de voz
sobre IP. Skype permite incluso hablar por telfono con todo el mundo a un
precio muy competitivo.
- Writely: Ofrece un procesador de texto en lnea que permite compartir los
documento con otros usuarios e incluso publicar automticamente en Blogger.
- Blogger: es la aplicacin ms popular para crear un weblog de forma fcil. Los
weblogs estn revolucionando Internet y blogger es la forma ms fcil de crear
un diario en Internet.
- Flick: es un sitio que facilita que los internautas compartan fotografas.
Permite de forma gratuita la creacin de lbumes que luego se presentan como
diapositivas.
En conclusin WEB 2.0 es ms actitud y modelo de negocio antes que
tecnologa: centrado en COMUNICACIN, centrado en EL USUARIO, la
tecnologa debe soportar los conceptos y en el constante cambio.
WEB 3.0
Web 3.0 es un neologismo que se utiliza para describir la evolucin del uso y la
interaccin en la red a travs de diferentes caminos. Ello incluye, la
transformacin de la red en una base de datos, un movimiento hacia hacer los
contenidos accesibles por mltiples aplicaciones non-browser, el empuje de las
tecnologas de inteligencia artificial, la web semntica, la Web Geoespacial, o la
Web 3D. Frecuentemente es utilizado por el mercado para promocionar las
mejoras respecto a la Web 2.0. El trmino Web 3.0 apareci por primera vez
en2006 en un artculo de Jeffrey Zeldman, crtico de la Web 2.0 y asociado a
tecnologas como AJAX. Actualmente existe un debate considerable en torno a
lo que significa Web 3.0, y cul es la definicin acertada.

4.2.2
Conceptos bsicos y definiciones fundamentales
1- ) Pgina web:
Documento realizado en HTML y que es parte de un sitio Web. Aparte del HTML
se pueden utilizar otros lenguajes complementarios como PHP, ASP, Javascript
2- ) Sitio web:
Pgina principal y sus otras pginas, grficos, documentos, multimedia y otros
archivos asociados que se almacenan en un servidor Web o en el disco duro de
un equipo.
3- ) HTML:
(Lenguaje de marcado de hipertexto) Lenguaje estndar de marcas empleado
para documentos del World Wide Web.

4- ) Hipervnculo:
Al hipervnculo se le suele llamar (enlace web) o en su versin anglosajona
(link). Un hipervnculo es una conexin de una pgina a otro destino como, por
ejemplo, otra pgina o una ubicacin diferente en la misma pgina.
5- ) Lenguaje de programacin:
Lenguaje con el que est desarrollada una pgina web.
6- ) Editor:
Programa utilizado para crear pginas web sin la necesidad de tener que
aprender el lenguaje. Ejemplos: Macromedia Dreamweaver y M. FrontPage
2000
7- ) Servidor:
Mquina conectada a Internet que entre otros servicios ofrece albergue para
pginas web haciendo que estn accesibles desde cualquier punto de Internet.

8- ) Cliente FTP:
Programa que permite conectarse al servidor para publicar pginas web.
9- ) Hosting:
Hospedaje web.
10- ) Dominio:
Direccin web asociada a una pgina web.
11- ) ISP:
En el mbito del desarrollo de sitios web, se puede decir que un ISP es un
proveedor de servicios para web. Los diferentes servicios que pueden ofrecer
son: conexin a Internet, registro de dominio, hospedaje de sitios web,
servicios de contadores de servicios, libros de visitas gratuitos, estadsticas
para web, entre otros.

12- ) URL:
(Universal Resource Location / Localizador de recursos universal) Cadena que
proporciona la direccin de Internet de un sitio Web o un recurso del World
Wide Web, junto con el protocolo mediante el cual se tiene acceso al sitio o al
recurso.
13- ) Applets:
Programas desarrollados con Java para mejorar la presentacin de las pginas
Web que realizan animaciones, juegos e interaccin con el usuario.
14- ) Frames (marcos):
reas rectangulares que subdividen las ventanas de algunas pginas Web,
cada una de las cuales contiene un documento de hipertexto independiente de
los dems.
15- ) Webmaster:
Un webmaster es el encargado de crear, disear, estructurar, maquetar,

publicar, promocionar y mantener un sitio web.

16- ) Tablas:
Elemento fundamental para la maquetacin y distribucin de contenidos de
una pgina web.
17- ) Banner:
Elemento grfico con forma rectangular, normalmente animado, cuyo
contenido es publicidad.
18- ) Imagen:
Archivo grfico que se puede insertar en una pgina Web y mostrar en un
explorador de Web. Existen diferentes formatos: GIF, JPEG, BMP, TIFF, WMF y
PNG, entre otros.
19- ) Propiedades:
Caractersticas de un elemento del Web actual, como el ttulo y la direccin
URL de un Web o el nombre y el valor inicial de un campo de formulario.
Tambin puede especificar propiedades para elementos de pgina como tablas,
grficos y elementos activos.