Desarrollo Web en Entorno Cliente

Prctica n 1
UT1

ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIN

Autor(es): Pablo Gil Ramos

Fecha: 27/12/2014

Pgina:
1/15

1. Qu es el W3C? Y el WHATWG?

Sobre la W3C:
i. Acudiendo a Wikipedia.org tendramos la siguiente definicin de W3C: El World
Wide Web Consortium, abreviado W3C, es un consorcio internacional que produce
recomendaciones para la World Wide Web. Fue creado en octubre de 1994 y est
dirigida por Tim Berners-Lee, el creador original de URL (Uniform Resource Locator,
Localizador Uniforme de Recursos), HTTP (HyperText Transfer Protocol, Protocolo
de Transferencia de HiperTexto) y HTML (Hyper Text Markup Language,Lenguaje de
Marcado de HiperTexto) que son las principales tecnologas sobre las que se basa la
Web.
ii. Por otro lado en la propia pgina de W3C (w3c.es) tenemos la siguiente definicin:
El Consorcio World Wide Web (W3C) es una comunidad internacional donde las
organizaciones Miembro, personal a tiempo completo y el pblico en general
trabajan conjuntamente para desarrollar estndares Web. Liderado por el inventor
de la Web Tim Berners-Lee y el Director Ejecutivo (CEO) Jeffrey Jaffe, la misin del
W3C es guiar la Web hacia su mximo potencial.
iii. De la misma pgina (w3c.es) podramos los siguientes principios que guan el
trabajo del W3C as como su visin:
1. Web Para todo el mundo: El valor social que aporta la Web, es que sta
hace posible la comunicacin humana, el comercio y las oportunidades
para compartir conocimiento. Uno de los objetivos principales del W3C es
hacer que estos beneficios estn disponibles para todo el mundo,
independientemente del hardware, software, infraestructura de red,
idioma, cultura, localizacin geogrfica, o habilidad fsica o mental.
2. Web desde cualquier dispositivo: La cantidad de dispositivos diferentes
para acceder a la Web ha crecido exponencialmente. Actualmente, los
telfonos mviles, telfonos inteligentes, PDAs, sistemas de televisin
interactiva, sistemas de respuesta de voz, puntos de informacin e incluso
algunos pequeos electrodomsticos pueden acceder a la Web.
3. Web de los autores y consumidores: La Web fue creada como una
herramienta de comunicacin para permitir el intercambio de informacin
entre todo el mundo y desde cualquier lugar. Durante muchos aos, para
muchas personas la Web fue una herramienta de "solo lectura". Los blogs y
wikis trajeron ms autores a la Web y las redes sociales emergieron del
prspero mercado para crear contenido y personalizar las experiencias en
la Web. Los estndares del W3C han apoyado esta evolucin gracias a la
robusta arquitectura y a los principios de diseo.
4. Web de los datos y servicios: Algunas personas ven la Web como un
repositorio gigante de datos enlazados mientras otros como un conjunto
enorme de servicios que intercambian mensajes. Ambas vistas son
complementarias y los requisitos de cada aplicacin pueden ser los
mejores determinantes para decidir que aproximacin elegir para

Desarrollo Web en Entorno Cliente

Prctica n 1
UT1

ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIN

Autor(es): Pablo Gil Ramos

Fecha: 27/12/2014

Pgina:
2/15

solucionar progresivamente los problemas complejos mediante tecnologa

Web.
5. Web de confianza: La Web ha cambiado la forma en la que nos
comunicamos. Al ocurrir esto, la naturaleza de nuestras relaciones sociales
ha cambiado tambin. En la actualidad, las personas se "conocen en
Internet", y llevan a cabo relaciones personales y comerciales sin haberse
visto en persona anteriormente. El W3C reconoce que la confianza es un
fenmeno social, pero el diseo de las tecnologas puede fomentar la
confianza y la responsabilidad. A medida que cualquier actividad se hace a
travs de la Web, cada vez es ms importante apoyar las interacciones
complejas entre distintas partes alrededor del mundo.
Sobre WHATWG:
i. Acudiendo a Wikipedia.org tendramos la siguiente definicin sobre WHATWG: El
Web Hypertext Application Technology Working Group, o WHATWG, es una
comunidad de personas interesadas en la evolucin de HTML y las tecnologas
conexas. El WHATWG fue fundado por integrantes de Apple, la Fundacin Mozilla y
Opera Software. Desde entonces, el editor de las especificaciones WHATWG, Ian
Hickson, ha pasado a Google. Chris Wilson de Microsoft fue invitado pero no se
uni, citando la falta de una poltica de patentes para asegurar que todas las
especificaciones se pueden aplicar.
La WHATWG tiene un pequeo comit de invitados llamados "miembros" que
tienen el poder de impugnar las especificaciones que propone el editor de estas.
Cualquiera puede participar como colaborador, solo tiene que unirse a la lista de
correo de WHATWG. La lista de correo cuenta con ms de 800 usuarios
registrados.
ii. El trabajo principal en el que se est centrando recientemente WHATWG son los
estndares Web, como:
1. HTML, lo cual incluye tambin Web Workers, Web Storage, the Web
Sockets API, Server-Sent Events, Microdata, and the 2D Canvas.
2. DOM, incluyendo DOM Events, DOM range, and mutation observers.
3. URLs, incluyendo API para URLs.

2. Indica cinco caractersticas de un sistema operativo y describe cmo se implementan en un

navegador web.

Interactuacin con objetos: Archivos y enlaces:

i. En un Sistema operativo disponemos de los objetos archivo, que son los que
generalmente guardan la informacin adems de como utilizarla y manejarla por el
SO, adems disponesmos de los Enlaces que son accesos directos o apuntadores
(generalmente a otros objetos del SO).

Desarrollo Web en Entorno Cliente

Prctica n 1
UT1

ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIN

Autor(es): Pablo Gil Ramos

Fecha: 27/12/2014

Pgina:
3/15

ii. Este esquema es muy similar al que se sigue en un navegador mediante el uso de
los favoritos que son enlaces que apuntan a una direccin Uri y los
Bookmarlets que son los que se asemejan a los archivos del SO.
Control de la ejecucin de los programas:
i. Esto se lleva a cabo de una forma similar mediante el motor de bsqueda y el
motor de renderizado de los navegadores.
1. El motor de bsqueda es el interfaz que hace solicitudes y manipula el
motor de renderizado
2. El motor de renderizado es el responsable de procesar el contenido que se
va a mostrar.
Programas de aplicacin:
i. Al igual que un SO un navegador es capaz de ejecutar programas (aplicaciones
Web) externas al propio navegador. Esto se realiza mediante una serie de etiquetas
concretas dentro del HTML (como <script> o <canvas>) que son interpretadas
generalmente por el intrprete de JavaScript.
Gestin de permisos y de usuarios:
i. Al igual que un sistema operativo los navegadores nos permiten controlar y
gestionar tanto los permisos como los usuarios. Permitindonos en algunos casos
acceder o no a ciertas zonas de la Web en funcin de los certificados o credenciales
que esta aporte y en algunos casos crear cuentas de usuarios que sean vlidas para
el navegador con una identidad propia independiente del SO en el que estemos
ejecutando el navegador (en el caso de Firefox por ejemplo esta Firefox Sync).
Administracin de memoria:
i. Al igual que un SO el navegador puede acceder a la Memoria del sistema para
almacenar recursos y que estn disponibles en el momento en el que los necesite,
esto se realiza mediante el subsistema de persistencia de datos.

3. Qu es un URI? y un URL? y un URN? Y un Query String?

URI:
i. Acudiendo a wikipedia tenemos la siguiente definicin sobre URI: Un identificador
de recursos uniforme o URI del ingls Uniform Resource Identifier es una
cadena de caracteres que identifica los recursos de una red de forma unvoca. La
diferencia respecto a un localizador de recursos uniforme (URL) es que estos
ltimos hacen referencia a recursos que, de forma general, pueden variar en el
tiempo. Normalmente estos recursos son accesibles en una red o sistema. Los URI
pueden ser localizador de recursos uniforme (URL), Uniform Resource Name (URN),
o ambos.

Desarrollo Web en Entorno Cliente

Prctica n 1
UT1

ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIN

Autor(es): Pablo Gil Ramos

Fecha: 27/12/2014

Pgina:
4/15

ii. Apoyndonos en aprenderinternet.about.com/od/ConceptosBasico/a/Que-EsUri.htm podemos explicar algo ms sobre su funcionamiento:

1. Dicho identificador tiene un formato estndar y su propsito es permitir
interaccin con recursos disponibles en. El URI no se debe confundir con el
URL, ya que el URI es un concepto que incluye al URL. La diferencia
fundamental es que los URI identifican y los URL localizan, y como las
localizaciones tambin sirven para identificar, se puede decir que todos los
URL son tambin URI, y sin embargo hay URI que no son URL.
2. Formato de URI:
a. Un
URI
tiene
un
formato
estndar,
que
es:
esquema://mquina/directorio/archivo#fragmento
3. Esquema de URI:
a. El esquema en un URI sirve para fines de clasificacin. Se especifica
en un URI antes de los dos puntos. La especificacin de los
elementos que siguen despus de los dos puntos vara en funcin
del esquema.

URL:
i. Acudiendo a Wikipedia tenemos la siguiente definicin sobre URL: Un localizador
de recursos uniforme o URL siglas en ingls de uniform resource locator es un
identificador de recursos uniforme (URI) cuyos recursos referidos pueden cambiar,
esto es, la direccin puede apuntar a recursos variables en el tiempo. Estn
formados por una secuencia de caracteres, de acuerdo a un formato modlico y
estndar, que designa recursos en una red, como Internet.
ii. Los localizadores uniformes de recursos fueron una innovacin en la historia de la
Internet. Fueron usadas por primera vez por Tim Berners-Lee en 1991, para
permitir a los autores de documentos establecer hiperenlaces en la World Wide
Web. Desde 1994, en los estndares de la Internet, el concepto de URL ha sido
incorporado dentro del ms general, URI, pero el trmino URL an se utiliza
ampliamente.
iii. El URL es una cadena de caracteres con la cual se asigna una direccin nica a cada
uno de los recursos de informacin disponibles en la Internet. Existe un URL nico
para cada pgina de cada uno de los documentos de la World Wide Web, para
todos los elementos de Gopher y todos los grupos de debate USENET, y as
sucesivamente.
iv. El URL de un recurso de informacin es su direccin en Internet, la cual permite
que el navegador la encuentre y la muestre de forma adecuada. Por ello el URL
combina el nombre del ordenador que proporciona la informacin, el directorio
donde se encuentra, el nombre del archivo, y el protocolo a usar para recuperar los
datos para que no se pierda ninguna informacin sobre dicho factor que se emplea
para el trabajo.

Desarrollo Web en Entorno Cliente

Prctica n 1
UT1

ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIN

Autor(es): Pablo Gil Ramos

Fecha: 27/12/2014

Pgina:
5/15

v. Formatos: Segn podemos observar en Wikipedia el formato general de una URL es

el siguiente:
1. esquema://mquina.directorio.archivo
vi. Pero tambin pueden aadirse otros datos como usuarios, contraseas, puerto
elegido, la especificacin detallada se encuentra en la RFC 1738, titulada Uniform
Resource Locators.
vii. Esquema: Segn Wikipedia Un URL se clasifica por su esquema, que
generalmente indica el protocolo de red que se usa para recuperar, a travs de la
red, la informacin del recurso identificado. Un URL comienza con el nombre de su
esquema, seguido por dos puntos, seguido por una parte especfica del esquema.
viii. Algunos ejemplos de esquemas URL:
1. http - recursos HTTP
2. https - HTTP sobre SSL
3. ftp - File Transfer Protocol
4. mailto - direcciones de correo electrnico
5. ldap - bsquedas LDAP Lightweight Directory Access Protocol
6. file - recusos disponibles en el sistema local, o en una red local
7. news - grupos de noticias Usenet (newsgroup)
8. gopher - el protocolo Gopher (ya en desuso)
9. telnet - el protocolo telnet
10. data - el esquema para insertar pequeos trozos de contenido en los
documentos Data: URL
URN:
i. Acudiendo a http://wikitel.info/wiki/URN tenemos la siguiente definicin:
Uniform Resource Name (URN), que se puede traducir como nombre unificado
de recurso , es un concepto informtico propio de Internet.
ii. Se define en la norma [RFC 2141 URN Syntax] publicaga por IETF en 1997. Su
sintaxis consiste en una cadena de caracteres que sirve para identificar
globalmente un recurso (documento, imagen, grabacin sonora, etc.), con
independencia de su ubicacin o de su accesibilidad. Los Uniform Resource Names
son Uniform Resource Identifier o URI.

iii. Generalmente la sigla URN se emplea para designar tal cadena de caracteres. Por
ejemplo urn:ietf:rfc:2141 es un URN que identifica el RFC 2141.

Desarrollo Web en Entorno Cliente

Prctica n 1
UT1

ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIN

Autor(es): Pablo Gil Ramos

Fecha: 27/12/2014

Pgina:
6/15

4. Qu es MIME? Para qu se utiliza en un navegador web?

Acudiendo a Wikipedia tenemos la siguiente definicin sobre MIME:

i. Multipurpose Internet Mail Extensions o MIME (en espaol "extensiones
multipropsito de correo de internet") son una serie de convenciones o
especificaciones dirigidas al intercambio a travs de Internet de todo tipo de
archivos (texto, audio, vdeo, etc.) de forma transparente para el usuario. Una
parte importante del MIME est dedicada a mejorar las posibilidades de
transferencia de texto en distintos idiomas y alfabetos. En sentido general las
extensiones de MIME van encaminadas a soportar:
1. Texto en conjuntos de caracteres distintos de US-ASCII.
2. Archivos adjuntos que no son de tipo texto.
3. Cuerpos de mensajes con mltiples partes (multi-part).
4. Informacin de encabezados con conjuntos de caracteres distintos de
ASCII.
ii. Prcticamente todos los mensajes de correo electrnico escritos por personas en
Internet y una proporcin considerable de estos mensajes generados
automticamente son transmitidos en formato MIME a travs de SMTP. Los
mensajes de correo electrnico en Internet estn tan cercanamente asociados con
el SMTP y MIME que usualmente se les llama mensaje SMTP/MIME. Este es uno de
los principales usos dentro del navegador web.
iii. En 1991 la IETF (Grupo de Trabajo en Ingeniera de Internet, Internet Engineering
Task Force en ingls) comenz a desarrollar esta norma y desde 1994 todas las
extensiones MIME estn especificadas de forma detallada en diversos documentos
oficiales disponibles en Internet.
iv. MIME est especificado en seis Request for Comments o RFC (en espaol "solicitud
de comentarios): RFC 2045, RFC 2046, RFC 2047, RFC 4288, RFC 4289 y RFC 2077.
v. Los tipos de contenido definidos por el estndar MIME tienen gran importancia
tambin fuera del contexto de los mensajes electrnicos. Ejemplo de esto son
algunos protocolos de red tales como HTTP de la Web. HTTP requiere que los datos
sean transmitidos en un contexto de mensajes tipo e-mail aunque los datos pueden
no ser un e-mail propiamente dicho, especialmente importante para los
navegadores web.
vi. En la actualidad ningn programa de correo electrnico o navegador de Internet
puede considerarse completo si no acepta MIME en sus diferentes facetas (texto y
formatos de archivo).
Utilizando
como
fuente
http://es.kioskea.net/contents/118-mime-extensionesmultiproposito-de-correo-internet tendramos mas informacin sobre su funcionamiento:
i. Tipos de MIME primarios:
1. Los tipos de MIME, usados en el encabezado Tipo de contenido, se usan
para clasificar los documentos adjuntos de un correo electrnico. Un tipo
de MIME est compuesto de la siguiente manera:
a. Tipo de contenido: tipo_mime_principal/subtipo_mime

Desarrollo Web en Entorno Cliente

Prctica n 1
UT1

ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIN

Autor(es): Pablo Gil Ramos

Fecha: 27/12/2014

Pgina:
7/15

b. Por ejemplo, una imagen GIF tiene el siguiente tipo de MIME:

c. Tipo de contenido: image/gif
2. Los tipos de datos primarios, a veces denominados "tipos de datos
discretos", son:
a. Texto: texto de datos legible text/rfc822 [RFC822]; text/plain
[RFC2646]; text/html[RFC2854].
b. Imagen: datos binarios que representan imgenes digitales:
image/jpeg, image/gif, image/png.
c. audio: datos de sonido digital: audio/basic, audio/wav
d. video: datos de vdeo: video/mpeg
e. aplicacin: Otros datos binarios: application/octet-stream,
application/pdf
3. Los tipos de MIME tambin se usan en la web para clasificar documentos
transferidos usando el protocolo HTTP. As, durante una transaccin entre
un servidor web y un explorador, lo primero que hace el servidor web es
enviar el tipo de MIME del archivo al explorador, para que ste sepa cmo
mostrar el documento.
ii. Formatos de codificacin:
1. Para transferir datos binarios, MIME ofrece cinco formatos de codificacin
que se pueden usar en el encabezado codificacin de transferencia:
a. 7 bits: formato de texto de 7 bits (para mensajes sin caracteres
acentuados).
b. 8 bits: formato de texto de 8 bits.
c. QP: formato QP, recomendado para mensajes que usan un
alfabeto de 7 bits (como cuando hay acentos).
d. base 64: Base 64, recomendado para enviar archivos binarios como
adjuntos;
e. binario: formato binario; no recomendado.
2. Dado que MIME es muy abierto, puede usar formatos de codificacin de
terceros como:
a. BinHex (un formato exclusivo que pertenece a Apple).
b. Uuencode.
c. Xxencode.
iii. Codificacin del encabezado:
1. El encabezado codificacin de transferencia se usa para especificar un
formato de codificacin para el cuerpo del mensaje, pero no soluciona el
problema de codificacin de los encabezados en s (como el tema del
mensaje).
2. Para codificar encabezados con conjuntos de caracteres que usan ms de 7
bits, como los que incluyen letras acentuadas en el asunto del correo
electrnico, el estndar MIME ofrece el siguiente formato:
a. =?juego de caracteres?codificacin?resultado?=
b. juego de caracteres representa el carcter usado.

Desarrollo Web en Entorno Cliente

Prctica n 1
UT1

ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIN

Autor(es): Pablo Gil Ramos

Fecha: 27/12/2014

Pgina:
8/15

c. codificacin define el cdigo deseado con dos valores posibles:

i. Q para quoted-printable
ii. B para base 64
d. resultado: texto codificado con el mtodo especificado.
iv. Mensajes compuestos:
1. Con el tipo de MIME "de varias partes", el estndar MIME permite
mensajes compuestos, es decir mensajes que incluyen adjuntos mltiples,
que incluso se pueden jerarquizar.
2. Para hacerlo, MIME permite un estndar llamado frontera. Es una cadena
arbitraria definida como un atributo en el encabezado Tipo de contenido:
a. Tipo de contenido: multipart/mixed;
b. boundary="------------020005090303070203010601"
3. Cada separador delimita una porcin de contenido que comienza con los
encabezados Tipo de contenido y Codificacin de contenido. Es
esencial que el valor de este separador no se encuentre dentro del
contenido del mensaje.
4. Existen varios tipos de separadores:
a. multipart/mixed define una serie de elementos mltiples
b. multipart/alternative define alternativas para la misma
informacin, como un mensaje en formato de texto o HTML. Si el
cliente de correo electrnico puede mostrar mensajes con una
disposicin y est configurado para hacerlo, mostrar la versin
HTML; de lo contrario, mostrar la versin de texto.
c. multipart/parallel define datos presentes al mismo tiempo (como
sonido e imagen).
d. multipart/signed define una firma digital para los datos del
mensaje
e. multipart/related define los datos relacionados.

Desarrollo Web en Entorno Cliente

Prctica n 1
UT1

ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIN

Autor(es): Pablo Gil Ramos

Fecha: 27/12/2014

Pgina:
9/15

5. Realiza una tabla en la que se muestren los cinco navegadores ms utilizados actualmente y el
motor de renderizado que utilizan.

Uso en % para Agosto de 2014 accediendo al sitio web norfipc.com (Info. de la tabla
norfipc.com y Wikipedia.org)

NAVEGADOR

MOTOR DE RENDERIZADO

USO (25% otros)

LOGOTIPO

VERSION ACTUAL

GOOGLE CHROME

BLINK

40,00%

36

MOZILLA FIREFOX

WebKIT

10%

32

I. EXPLORER

TRIDENT

9%

11

SAFARI

WebKIT

10%

5,1

OPERA

PRESTO(antiguo)/BLINK

6%

21

6. Qu propsito tiene el uso de cach en un navegador web?. Describe brevemente su

funcionamiento.

Tomando como fuente Wikipedia, el principal propsito que tiene el uso de la cach por
parte del navegador web seria el siguiente:
i. El almacenamiento de documentos web (es decir, pginas, imgenes, etctera)
para reducir el ancho de banda consumido, la carga de los servidores y el retardo
en la descarga. Un cach web almacena copias de los documentos que pasan por
l, de forma que subsiguientes peticiones pueden ser respondidas por el propio
cach, si se cumplen ciertas condiciones.
Funcionamiento:
i. Se realiza principalmente mediante el protocolo HTTP que define tres
mecanismos bsicos para controlar la memoria cache:

Desarrollo Web en Entorno Cliente

Prctica n 1
UT1

ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIN

Autor(es): Pablo Gil Ramos

Fecha: 27/12/2014

Pgina:
10/15

1. Frescura, que permite que una respuesta sea usada sin comprobar de
nuevo el servidor origen, y puede ser controlada tanto por el servidor
como el cliente. Por ejemplo, la cabecera de respuesta Expires facilita
una fecha en la que el documento caduca, y la directiva CacheControl: max-age informa al cach del nmero de segundos durante
los que la respuesta ser vlida.
2. Validacin, que puede usarse para comprobar si una respuesta cacheada
sigue siendo buena tras caducar. Por ejemplo, si la respuesta tiene una
cabecera Last-Modified, un cach puede hacer una peticin
condicional usando la cabecera If-Modified-Since para saber si la
pgina cambi.
3. Invalidacin, que normalmente es un efecto secundario de otra peticin
que pasa por la cach. Por ejemplo, si la URL asociada con una respuesta
cacheada es solicitada posteriormente mediante una POST, PUT o
DELETE, la respuesta cacheada quedar invalidada.
7. Qu es un plugin?. Da cinco ejemplos de plugins para un navegador web.

Basandonos en la definicin de Wikipedia inglesa:

i. En informtica, un plug-in (o plugin, extensiones o add-on / addon) es un
componente de software que aade una caracterstica especfica a una aplicacin
de software existente. Cuando una aplicacin es compatible con los plug-ins, esto
permite cierta personalizacin. Los ejemplos ms comunes son los plug-ins
utilizados en los navegadores web para aadir nuevas caractersticas tales como
motores de bsqueda, los escneres de virus, o la capacidad de utilizar un nuevo
tipo de archivo, como un nuevo formato de vdeo.
ii. Add-on (o complemento) es el trmino general que se utiliza para dar una mayor
funcionalidad a una aplicacin. Comprende complemento, plug-in, tema y piel. Un
complemento o add-on potencia las caractersticas fundamentales de una
aplicacin mediante la adicin de un mdulo opcional, mientras que un plug-in
suele adaptar las capas externas de una aplicacin para personalizar la
funcionalidad.
iii. Un tema o skin es un paquete preestablecido que contiene los detalles de
apariencia grficos adicionales o modificados, esto se lleva a cabo mediante el uso
de una interfaz grfica de usuario (GUI) pudindose aplicar al software y sitios web
especficos para satisfacer a los usuarios personalizando la apariencia.
Ejemplos:
i. VLC Web Plugin
ii. Java Deployment Toolkit 7.0.670.1
iii. Adobe Acrobat
iv. Shockwave Flash
v. Microsoft Office 2010

Desarrollo Web en Entorno Cliente

Prctica n 1
UT1

ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIN

Autor(es): Pablo Gil Ramos

Fecha: 27/12/2014

Pgina:
11/15

8. Qu es un applet? Y un control Active X? Y una aplicacin Flash?. Qu desventajas tiene el

desarrollo con este tipo de tecnologas?

Applet:
i. Tomando como fuente Wikipedia:
1. Un applet es un componente de una aplicacin que se ejecuta en el
contexto de otro programa, por ejemplo en un navegador web. El applet
debe ejecutarse en un contenedor, que le proporciona un programa
anfitrin, mediante un plugin, o en aplicaciones como telfonos mviles
que soportan el modelo de programacin por "applets".
2. A diferencia de un programa, un applet no puede ejecutarse de manera
independiente, ofrece informacin grfica y a veces interacta con el
usuario, tpicamente carece de sesin y tiene privilegios de seguridad
restringidos. Un applet normalmente lleva a cabo una funcin muy
especfica que carece de uso independiente. El trmino fue introducido en
AppleScript en 1993.
3. Ejemplos comunes de applets son las Java applets y las animaciones Flash.
Otro ejemplo es el Windows Media Player utilizado para desplegar archivos
de video incrustados en los navegadores como el Internet Explorer. Otros
plugins permiten mostrar modelos 3D que funcionan con una applet.
ii. Posibles
desventajas
(segn
http://tecencliente.osmosislatina.com/curso/applets.htm):
1. Complejidad y Lentitud :
a. Aunque un Applet permite generar contenido dinmico en tiempo
real y de una manera ms sencilla que JavaScript, posee 2
limitaciones muy evidentes:
i. Para los usuarios que poseen una conexin lenta (Modem),
este tipo de programas pueden ser muy lentos en realizar
la descarga necesaria para su correcto funcionamiento.
ii. No todos los Navegadores pueden ejecutar Applets e
inclusive en aquellos que pueden ejecutarlos, en ocasiones
no es posible ya que muchos usuarios deshabilitan este
mecanismo.
b. Otra consecuencia al utilizar Applets es que el Sistema Operativo
donde reside el Navegador web debe tener instalado un ambiente
Java JRE ("Java Runtime Environment"), que corresponde al "Plugin" utilizado por el navegador para desplegar aplicaciones Java.

Active X:
i. Tomando como fuente Wikipedia:
1. ActiveX es un entorno para definir componentes de software reusables de
forma independiente del lenguaje de programacin. Las aplicaciones de

Desarrollo Web en Entorno Cliente

Prctica n 1
UT1

ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIN

Autor(es): Pablo Gil Ramos

Fecha: 27/12/2014

Pgina:
12/15

software pueden ser diseadas por uno o ms de esos componentes para

as proveer su correspondiente funcionalidad.
2. ActiveX fue presentado en 1996 por Microsoft como una evolucin de sus
tecnologas Component Object Model (COM) y Object Linking and
Embedding (OLE) y se usa generalmente en su sistema operativo Windows,
aunque la tecnologa como tal no est atada al mismo.
ii. Segn Microsoft (http://www.microsoft.com/es-es/security/resources/activexwhatis.aspx):
1. Los controles ActiveX son pequeos programas, denominados en
ocasiones complementos, que se usan en Internet. Pueden mejorar la
experiencia de navegacin al permitir animaciones o pueden ayudar con
tareas, tales como la instalacin de actualizaciones de seguridad en
Microsoft Update.
2. Algunos sitios web exigen la instalacin de controles ActiveX para ver el
sitio o realizar determinadas tareas en el mismo. Cuando visita uno de
estos sitios, Windows Internet Explorer le pregunta si desea instalar el
control ActiveX.
iii. Posibles desventajas ( segn http://www.taringa.net/posts/info/1184720/TutorialActiveX-Te-interesa-entra.html):
1. Cuando los controles se descargan de manera automtica, se revisa que su
manipulacin sea segura. Si el navegador determina que el control de
ActiveX puede haber sido manipulado, alertara al usuario o evitara que se
descargue por completo el control.
2. Solo internet Explorer de Microsoft, por lo general, soporta directamente
los controles de activex.
3. Los usuarios que empleen diferentes navegadores web en plataformas
diferentes de Windows, se pueden sentir excluidos si un sitio utiliza
controles de ActiveX que no pueden ver.
4. Un objeto Activex est aplicado como cdigo binario, por consiguiente,
puede estar escrito en cualquier lenguaje fuente.

Aplicacin Flash:
i. Tomando como fuente Wikipedia:
1. Adobe Flash (anteriormente llamado Macromedia Flash y Shockwave Flash)
es una plataforma multimedia as como un software utilizado para crear
grficos vectoriales, animaciones, juegos y aplicaciones Web que se
pueden ver, reproducir y ejecutar en Adobe Flash Player. Flash se utiliza
con frecuencia para aadir streaming de vdeo o reproductores de audio,
publicidad y contenido multimedia interactivo para pginas web, aunque el
uso de Flash en sitios web est disminuyendo.
2. Flash realiza manipulaciones vectoriales y de mapa de bits para
proporcionar animacin de texto, de dibujos y de fotografas. Se permite la
transmisin bidireccional de audio y video, y puede capturar la entrada del

Desarrollo Web en Entorno Cliente

Prctica n 1
UT1

ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIN

Autor(es): Pablo Gil Ramos

Fecha: 27/12/2014

Pgina:
13/15

usuario a travs del ratn, teclado, micrfono y cmara. Aplicaciones Flash

y animaciones se pueden programar utilizando el lenguaje orientado a
objetos denominado ActionScript. Adobe Flash Professional es la
herramienta ms popular para crear contenido Flash.
ii. Posibles desventajas:
1. Es un software 100% propietario, es decir, cerrado a los aportes de
terceros.
2. Hay formatos ms modernos, como el H.264/MPEG-4 AVC.
3. Tiene un antiguo historial de problemas de seguridad no resueltos.
4. Requiere decodificacin por hardware, lo que puede aumentar hasta en un
100% el uso de la batera de dispositivos mviles.

9. Ana y Juan quieren utilizar el mismo navegador web utilizando la misma cuenta del sistema
operativo. Naturalmente cada uno desea mantener su propia informacin en el navegador.
Cmo pueden hacerlo?

Esto se puede llevar a cabo utilizando una serie de utilidades que nos ofrecen algunos
navegadores, en este caso se tratara de tener cuentas de sincronizacin, para que
dependiendo de qu persona est utilizando el navegador se pueda cambiar de una cuenta
a otra y cada cuenta pueda tener unas preferencias diferentes dependiendo del usuario.
En el caso de Mozilla Firefox existe Firefox Sync que permite a los usuarios sincronizar sus
marcadores, historial de navegacin, preferencias, contraseas, las ltimas 25 pestaas
abiertas y datos de formularios a travs de mltiples computadoras.
En el caso de Google Chrome esto sucede de forma similar utilizando una sesin de Gmail
determinada cuando usas el Navegador web Chrome. Como podemos ver en la pgina de
google(https://support.google.com/chrome/answer/165139?hl=es):
i. Gracias a la funcin de inicio de sesin de Chrome, ya no tienes que preocuparte
de que los marcadores o las aplicaciones solo se puedan utilizar en un ordenador
en concreto. Cuando inicias sesin en el navegador Chrome o en un Chromebook,
tus marcadores, tus pestaas, tu historial y otras preferencias del navegador se
guardan y se sincronizan con tu cuenta de Google. De este modo, si posteriormente
utilizas Chrome en otros ordenadores y dispositivos, podrs cargar esta
configuracin sin problemas.

10. Qu es un CMS? Qu ventajas y desventajas tiene su uso?. Cita al menos cinco que sean de uso
mayoritario y las tecnologas que se han empleado en su desarrollo.

Tomando como fuente Wikipedia:

i. Definicion:

Desarrollo Web en Entorno Cliente

Prctica n 1
UT1

ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIN

Autor(es): Pablo Gil Ramos

Fecha: 27/12/2014

Pgina:
14/15

1. El gestor de contenido es una aplicacin informtica usada para crear,

editar, gestionar y publicar contenido digital multimedia en diversos
formatos. El gestor de contenidos genera pginas web dinmicas
interactuando con el servidor web para generar la pgina web bajo
peticin del usuario, con el formato predefinido y el contenido extrado de
la base de datos del servidor.
2. Esto permite gestionar, bajo un formato estandarizado, la informacin del
servidor, reduciendo el tamao de las pginas para descarga y reduciendo
el coste de gestin del portal con respecto a un sitio web esttico, en el
que cada cambio de diseo debe ser realizado en todas las pginas web, de
la misma forma que cada vez que se agrega contenido tiene que
maquetarse una nueva pgina HTML y subirla al servidor web.
ii. Ventajas y desventajas (acudiendo a http://blog.xodarcom.com/ventajas-ydesventajas-de-los-gestores-de-contenido-cms/):
1. Ventajas del uso de un CMS:
a. Hay una gran comunidad de desarrolladores, la cual es una gran
ventaja porque podemos encontrar una gran documentacin para
resolver nuestras dudas.
b. Actualizacin del contenido y el mantenimiento: la actualizacin de
nuestros datos o productos lo podemos realizar nosotros mismos,
dado su sencillez.
c. Estn estructuradas en mdulos y extensiones: desde la mejora del
SEO (Search Engine Optimization, posicionamiento en buscadores u
optimizacin en motores de bsqueda), el control del spam,
newsletter, encuestas o aadir un nuevo mtodo de pago para
nuestra tienda.
d. Cada cierto tiempo los desarrolladores van mejorando la
plataforma, con lo cual, se irn creando nuevas actualizaciones y
funcionalidades.
2. Inconvenientes del uso de un CMS:
a. Tenemos que preocuparnos de realizar el mantenimiento,
actualizaciones, funcionalidades, etc. y sobre todo de los
problemas de seguridad ya que los CMS son ms propensos a sufrir
estos ataques sino estn actualizados.
b. Menor Flexibilidad: con el software libre no podemos hacer todo lo
que deseemos aunque este sea muy elstico, ya que estamos
siempre encasillados a la estructura propia del CMS, todo lo
contrario si hacemos un desarrollo a medida en lo que si podemos
realizar cualquier cosa que ideemos, pero conllevando su
correspondiente tiempo de desarrollo as como inversin de
recursos.

Desarrollo Web en Entorno Cliente

Prctica n 1
UT1

ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIN

Autor(es): Pablo Gil Ramos

Fecha: 27/12/2014

Pgina:
15/15

c. Otro punto es el cdigo fuente que se genera (cdigo sucio), esto

quiere decir que es ms pesado y menos optimizado,
posicionamiento web, etc que un desarrollo a medida.
Ejemplos de uso mayoritario:
i. WordPress tecnologa Desarrollado en PHP para entornos que ejecuten
MySQL y Apache.
ii. Joomla tecnologa Es un software de cdigo abierto, desarrollado en PHP.
iii. Drupal tecnologa Es un programa libre, con licencia GNU/GPL, escrito en
PHP, combinable con MySQL.
iv. Plone tecnologa Plone es un desarrollo basado en cdigo abierto publicado
bajo la GNU General Public License (GPL), basado en Zope y programado en
Python.
v. Magnolia CMS tecnologa Desarrollado en Java, basado en estndares
abiertos.