UNIVERSIDAD TECNOLGICA DE CIUDAD JUREZ

Ingeniera en tecnologas de la informacin

Desarrollo de aplicaciones web

Ing. Ricardo Trejo R.

ITIW41
Ingeniera web

De la luz Mateos Ramiro 14220113

Martnez Enrquez Omar 14220053
Olvera Hernndez Mara Azucena 14220054
Vargas Castillo Everardo 14220216

8 de junio de 2015

NDICE
INTRODUCCION ............................................................................................... 1
1. TECNOLOGAS WEB .................................................................................... 5
1.1 ASP........................................................................................................... 5
1.2 Java Server Pages (JSP).......................................................................... 8
1.3 PHP .......................................................................................................... 9
2. HERRAMIENTAS ......................................................................................... 14
2.1 XML ........................................................................................................ 14
2.2 Java ........................................................................................................ 18
2.3 jQuery ..................................................................................................... 19
2.4 CSS ........................................................................................................ 20
3. MEDIOS DIGITALES ................................................................................... 31
3.1 Formatos de imagen ............................................................................... 31
3.2 Formatos de video .................................................................................. 33
3.3 Formato de audio .................................................................................... 35
4. MEDIAS DE SEGURIDAD ........................................................................... 38
4.1 MD5 ........................................................................................................ 38
4.2 SHA ........................................................................................................ 45
4.3 Certificados ............................................................................................. 48
CONCLUSIN ................................................................................................. 50

INTRODUCCION
La Web es una idea que se construy sobre la Internet. Las conexiones fsicas
son sobre la Internet, pero introduce una serie de ideas nuevas, heredando las
ya existentes.
Empez a principios de 1990, en Suiza en el centro de investigacin CERN
(centro de Estudios para la Investigacin Nuclear) y la idea fue de Tim BernersLee, que se gest observando una libreta que l usaba para aadir y mantener
referencias de cmo funcionaban los ordenadores en el CERN.
Antes de la Web, la manera de obtener los datos por la Internet era catica: haba
un sinfn de maneras posibles y con ello haba que conocer mltiples programas
y sistemas operativos. La Web introduce un concepto fundamental: la posibilidad
de lectura universal, que consiste en que una vez que la informacin est
disponible, se pueda acceder a ella desde cualquier ordenador, desde cualquier
pas, por cualquier persona autorizada, usando un nico y simple programa.
Para que esto fuese posible, se utilizan una serie de conceptos, el ms conocido
es el hipertexto.
Con Web los usuarios novatos podran tener un tremendo poder para hallar y
tener acceso a la riqueza de informacin localizada en sistemas de cmputos en
todo el mundo.
Este solo hecho llev un avance tremendo de Internet, un mpetu tan grande
que en 1993 World Wide Web creci un sorprendente 341000%, tres aos
despus, en 1996, todava se est duplicando cada 50 das.
Qu es La World Wide Web O La Web?
La World Wide Web consiste en ofrecer una interface simple y consistente para
acceder a la inmensidad de los recursos de Internet. Es la forma ms moderna
de ofrecer informacin. El medio ms potente. La informacin se ofrece en forma
de pginas electrnicas.
El World Wide Web o WWW o W3 o simplemente Web, permite saltar de un
lugar a otro en pos de lo que no interesa. Lo ms interesante es que con unas

pocas ordenes se puede mover por toda la Internet. Para entender lo que es la
Web debemos tener una idea de lo que es el Hipertexto.
Hipertexto
Hipertexto son datos que contienen enlaces (links) a otros datos. En el lenguaje
Web, un documento de hipertexto no es solo algo que contiene datos, sino que
adems contiene enlaces a otros documentos. Un ejemplo simple de hipertexto
es una enciclopedia que al final de un tema tiene referencias de algn tema en
especial o referencias bibliogrficas a otros textos.
En Hipertexto, el ordenador hace que seguir esas referencias sea facilsimo. Esto
implica que el lector se puede saltar la estructura secuencial del texto y seguir lo
que ms le gusta. En Hipertexto se pueden hacer enlaces en cualquier lugar, no
slo al final. Cada enlace tiene una marca que lo destaca, puede estar resaltado,
subrayado o puede estar identificado por un nmero.
El hipertexto no est limitado a datos textuales, podemos encontrar dibujos del
elemento especificado, sonido o vdeo referido al tema. Estos documentos que
tienen gran variedad de datos, como sonido, vdeo, texto, en el mundo del
hipertexto se llama hipermedia.
El hipertexto es una herramienta potente para aprender y explicar. El texto debe
ser diseado para ser explorado libremente y as se consigue una comunicacin
de ideas ms eficientes.
Dominio
Comprender los dominios y los nombres de dominio requiere que tengas un
pequeo conocimiento de cmo funciona Internet. Internet es, esencialmente,
una red de ordenadores que cambian informacin. Cuando tecleas una URL en
tu navegador web, enva un mensaje a otro ordenador de la red, el cual
encuentra el ordenador que contiene los datos que has pedido, y entonces esos
datos son enviados a tu ordenador.
Esto ocurre en cuestin de segundo. Cada ordenador, husped, y servidor en la
red tiene un nmero de Protocolo de Internet (direccin IP). Las direcciones IP
son parte de un sistema global y estandarizado para identificar mquinas
conectadas a Internet.
2

Hablando tcnicamente, los nmeros IP son direcciones de 32 bits que consisten

en 8 octetos, y son expresados como cuatro nmeros entre el 0 o 255, separados
por puntos, por ejemplo: 192.160.0.1. Los nombres de dominio son expresiones
alfanumricas ms fciles de recordar que las combinaciones de nmeros de las
direcciones IP. Hay bsicamente 3 tipos de dominios usados actualmente en
Internet a nivel internacional:
.com Inicialmente entendido como uso "comercial". Est disponible para
cualquiera que lo registre.
.net Inicialmente reservado para los ordenadores que representan la
infraestructura de Internet.
.org Este nombre de dominio est especialmente ideado para las
organizaciones sin nimo de lucro.
Anteriormente existan otros 3 tipos de dominio, hoy da estn en desuso pero
conviene recordarlas.
.edu Diseado para los colegios y universidades
.gob Diseado para las agencias y ramas del gobierno de Estados Unidos
.mil Reservado para entidades militares.
Adems, existen otros tipos de dominio que son particulares de cada pas. Por
ejemplo, los dominios .fr de Francia, .ge de Alemania, .it de Italia, .jp de Japn o
.es de Espaa. No funcionan como los 3 tipos internacionales, suelen tienen
sistemas de facturacin diferentes y slo pueden ser usados por empresas que
tengan el nombre registrado en su pas. Para terminar, conviene decir que existe
un nuevo tipo de dominio internacional, .nu, que se ha hecho famoso por tener
un coste menor que .com, .net u .org. Tan slo cuesta 25$, a diferencia de, como
veremos posteriormente, los 75$, que cuesta cualquiera de los otros 3.
Porque necesitas un dominio?

Lo primero, debes evaluar tus necesidades antes de plantearte el registro de un

dominio. Hazte a ti mismo las siguientes preguntas:
3

Cul es la intencin de este sitio web?

Necesita algn tipo de reconocimiento por razones mercadotcnicas?
La direccin URL ser colocada en anuncios de publicidad?
Si tienes intencin de usar el sitio web para promocionarte a ti mismo o tus
productos, es una buena idea registrar un nombre de dominio fcilmente
recordable. Tambin es buena idea si tu empresa ya tiene un nombre o una
marca reconocida entre la industria o tu mbito comercial. El nombre de dominio
te da identidad en Internet, as que escgelo cuidadosamente. Si tu sitio WEB es
de un pequeo comercio o una pgina personal que no requiere ningn tipo de
reconocimiento, no es necesario registrar un nombre de dominio.

1. TECNOLOGAS WEB

1.1 ASP

Es el lenguaje de scripting del lado del servidor creado por Microsoft.

ASP (Active Server Pages) es la tecnologa desarrollada por Microsoft para la
creacin de pginas dinmicas del servidor. ASP se escribe en la misma pgina
web, utilizando el lenguaje Visual Basic Script o Jscript (Javascript de Microsoft).
Un lenguaje del lado del servidor es aquel que se ejecuta en el servidor web,
justo antes de que se enve la pgina a travs de Internet al cliente. Las pginas
que se ejecutan en el servidor pueden realizar accesos a bases de datos,
conexiones en red, y otras tareas para crear la pgina final que ver el cliente.

El cliente solamente recibe una pgina con el cdigo HTML resultante de la

ejecucin de la pgina ASP. Como la pgina resultante contiene nicamente
cdigo HTML, es compatible con todos los navegadores. Podemos saber algo
ms sobre la programacin del servidor y del cliente en el artculo qu es
DHTML.

El tipo de servidores que emplean este lenguaje son, evidentemente, todos

aquellos que funcionan con sistema Windows NT, aunque tambin se puede
utilizar en un PC con windows 98 si instalamos un servidor denominado Personal
Web Server. Incluso en sistemas Linux podemos utilizar las ASP si intalamos un
componente denominado Chilisoft, aunque parece claro que ser mejor trabajar
sobre el servidor web para el que est pensado: Internet Information Server.
Con las ASP podemos realizar muchos tipos de aplicaciones distintas. Nos
permite acceso a bases de datos, al sistema de archivos del servidor y en general
a todos los recursos que tenga el propio servidor. Tambin tenemos la posibilidad
de comprar componentes ActiveX fabricados por distintas empresas de

desarrollo de software que sirven para realizar mltiples usos, como el envi de
correo, generar grficas dinmicamente, y un largo etc.
Actualmente se ha presentado ya la segunda versin de ASP, el ASP.NET, que
comprende algunas mejoras en cuanto a posibilidades del lenguaje y rapidez con
la que funciona. ASP.NET tiene algunas diferencias en cuanto a sintaxis con el
ASP, de modo que se ha de tratar de distinta manera uno de otro.
Para enterarnos bien de lo que es ASP y aprender a programar en el lenguaje
disponemos de una seccin en DesarrolloWeb dedicada por entero a tratar ASP
a fondo.

Al navegar ms de alguna vez nos hemos topado con alguna pgina que tiene
archivos con extensin .asp y nos hemos preguntado qu significa ste tipo de
archivos. Microsoft introdujo esta tecnologa llamada Active Server Pages en
diciembre de 1996, por lo que no es nada nueva. Es parte del Internet Information
Server (IIS) desde la versin 3.0 y es una tecnologa de pginas activas que
permite el uso de diferentes scripts y componentes en conjunto con el tradicional
HTML para mostrar pginas generadas dinmicamente, traduciendo la definicin
de Microsoft: Las Active Server Pages son un ambiente de aplicacin abierto y
gratuito en el que se puede combinar cdigo HTML, scripts y componentes
ActiveX del servidor para crear soluciones dinmicas y poderosas para el web.
El principio de la tecnologa ASP es el VBScript, pero existe otra diversidad de
lenguajes de programacin que pueden ser utilizados como lo es Perl, JScript,
etc.
El ASP es una tecnologa dinmica funcionando del lado del servidor, lo que
significa que cuando el usuario solicita un documento ASP, las instrucciones de
programacin dentro del script son ejecutadas para enviar al navegador
nicamente el cdigo HTML resultante. La ventaja principal de las tecnologas
dependientes del servidor radica en la seguridad que tiene el programador sobre
su cdigo, ya que ste se encuentra nicamente en los archivos del servidor que
al ser solicitado a travs del web, es ejecutado, por lo que los usuario no tienen
acceso ms que a la pgina resultante en su navegador.
6

Para insertar instrucciones ASP dentro del cdigo HTML se incluye encerrado
entre <% %>. Estos comandos son los que procesa el servidor antes de enviar
la pgina al navegador. A continuacin tenemos un ejemplo del cdigo ASP en
el servidor y los resultados HTML que sern vistos en el navegador:
Cdigo ASP

Cdigo HTML

Resultado

en

Navegador
<P>

<P>

Maestros del Web!

<% For I = 1 To 5 Step 1 %> <FONT

<FONT

SIZE=<%=

%>>Maestros
Web!</FONT><BR>
<% Next %>

I
del

SIZE=1>Maestros

Maestros del Web!

del

Maestros del Web!

Web!</FONT><BR>
Maestros del Web!
<FONT
SIZE=2>Maestros

del Maestros del Web!

Web!</FONT><BR>
</P>
<FONT
SIZE=3>Maestros

del

Web!</FONT><BR>
<FONT
SIZE=4>Maestros

del

Web!</FONT><BR>
<FONT
SIZE=5>Maestros

del

Web!</FONT><BR>
</P>

El ejemplo anterior crea un ciclo que se repite 5 veces y aumenta el tamao del
tipo de letra en una frase establecida.
El desarrollo que se ha venido dando a lo que es ASP ha sido bastante amplio.
Entre sus funciones principales estn el acceso a base de datos, envi de correo
electrnico, creacin dinmica de grficos y otros. Bsicamente, muchas cosas
7

el

que podemos realizar por medio de CGI pueden ser realizadas con esta
tecnologa. Esto debido a que el ASP es tan eficiente con escribir cdigo
directamente a la interface de aplicacin del servidor, con la ventaja de que es
ms eficiente que el CGI que depende de un compilador ya que el ASP corre
como un servicio en el servidor, tomando ventaja de la arquitectura de
multitareas.
Para empezar con el desarrollo de las Active Server Pages es necesario un
servidor con Windows NT 4.x o mayor y el Internet Information Server. El IIS es
una aplicacin gratuita que puede conseguirse en el Option Pack del NT.
Tambin es posible utilizar
ASP en Windows 9x por medio del Personal Web Server junto al Option Pack
mencionado anteriormente.
En caso del uso de un servidor Linux, Chilisoft ha desarrollado el Chilisoft ASP
que tambin permite el uso de esta tecnologa. Otra opcin es InstantAsp
tambin para correr ASP en servidores que no sean el IIS.
La mayora de proveedores de Hosting pagado con plataformas NT tienen
acceso a esta tecnologa en sus servidores. El cdigo puede ser trabajado en
cualquier editor HTML o de texto. Existen en el mercado dos herramientas para
trabajar profesionalmente el ASP en modo visual como lo son el Drumbeat 2000
y el Visual Interdev de Microsoft.

1.2 Java Server Pages (JSP)

Es una tecnologa similar a los Servlets que ofrece una conveniente forma de
agregar contenido dinmico a un archivo HTML por utilizar cdigo escrito en Java
dentro del archivo utilizando tags especiales que son procesados por el servidor
Web antes de enviarlos al cliente. La posibilidad de usar APIs de Java hacen de
JSP una poderosa herramienta de desarrollo ya que se obtiene la ventaja de la
programacin orientada al objeto, como creacin de clases especiales llamadas
componentes o Java Beans, independencia de la plataforma propia de la
programacin en Java, etc.

La diferencia entre Servlets y JSP es que los Servlets son clases que deben
implementar

la

clase

abstracta

HttpServlet,

en

especial

el

mtodo doGet() o doPost() y deben ser previamente compilados, mientras que

los archivos JSP contienen cdigo Java entre cdigo HTML utilizando los
smbolos <% y %>. Por esto un archivo JSP debe ser interpretado por el servidor
al momento de la peticin por parte del usuario.
Un servidor Web para Servlets y JSP como Jakarta Tomcat es una aplicacin
escrita en Java que mantiene una Java Virtual Machine en ejecucin para
compilar los archivos JSP y ejecutar Servlets. El tiempo que demora en la
compilacin inicial de un JSP es contrarrestado por su rpido tiempo de
respuesta posterior ya que para procesar un requerimiento slo tiene que
levantar un proceso liviano o thread dentro de la misma JVM para ejecutar un
archivo .class y no crear un proceso pesado como un intrprete de Perl para
programas CGI.
Como se puede deducir de esto, en realidad la tecnologa JSP en s no es nueva,
sino que slo es una forma distinta y ms fcil para crear Servlets. Si quieres ver
el servlet creado para un JSP ve en el directorio Work del servidor web.

1.3 PHP
PHP tal y como se conoce hoy en da es en realidad el sucesor de un producto
llamado PHP/FI. Creado en 1994 por Rasmus Lerdorf, la primera encarnacin
de PHP era un conjunto simple de ficheros binarios Common Gateway Interface
(CGI) escritos en el lenguaje de programacin C. Originalmente utilizado para
rastrear visitas de su currculum online, llam al conjunto de scripts "Personal
Home Page Tools", ms frecuentemente referenciado como "PHP Tools". Con el
paso del tiempo se quiso ms funcionalidad, y Rasmus reescribi PHP Tools,
produciendo una implementacin ms grande y rica. Este nuevo modelo fue
capaz de interaccionar con bases de datos, y mucho ms, proporcionando un
entorno de trabajo sobre cuyos usuarios podan desarrollar aplicaciones web
dinmicas sencillas tales como libros de visitas. En junio de 1995, Rasmus
public el cdigo fuente de PHP Tools, lo que permiti a los desarrolladores
usarlo como considerasen apropiado. Esto tambin permiti -y anim- a los
9

usuarios a proporcionar soluciones a los errores del cdigo, y generalmente a

mejorarlo.

En septiembre de ese mismo ao, Rasmus ampli PHP y -por un corto periodo
de tiempo- abandon el nombre de PHP. Ahora, refirindose a las herramientas
como FI (abreviatura de "Forms Interpreter"), la nueva implementacin inclua
algunas de las funciones bsicas de PHP tal y como la conocemos hoy. Tena
variables como las de Perl, interpretacin automtica de variables de formulario
y sintaxis incrustada HTML. La sintaxis por s misma era similar a la de Perl,
aunque mucho ms limitada, simple y algo inconsistente. De hecho, para
embeber el cdigo en un fichero HTML, los desarrolladores tenan que usar
comentarios de HTML. Aunque este mtodo no era completamente bien recibido,
FI continu gozando de expansin y aceptacin como una herramienta CGI --pero todava no completamente como lenguaje. Sin embargo, esto comenz a
cambiar al mes siguiente; en octubre de 1995 Rasmus public una versin nueva
del cdigo. Recordando el nombre PHP, ahora era llamado (resumidamente)
"Personal Home Page Construccin Kit," y fue la primera versin que presuma
de ser, en aquel momento, considerada como una interfaz de scripts avanzada.
El lenguaje fue deliberadamente diseado para asemejarse a C en estructura,
hacindolo una adopcin sencilla para desarrolladores familiarizados con C,
Perl, y lenguajes similares. Habiendo sido as bastante limitado a sistemas UNIX
y compatibles con POSIX, el potencial para una implementacin de Windows NT
estaba siendo explorada.

El cdigo fue completamente rehecho de nuevo, y en abril de 1996, combinando

los nombres de versiones anteriores, Rasmus introdujo PHP/FI. Esta
implementacin de segunda generacin comenz realmente a desarrollar PHP
desde un conjunto de herramientas dentro de un lenguaje de programacin de
derecho propio. Inclua soporte interno para DBM, mSQL, y bases de datos
Postgres95, cookies, soporte para funciones definidas por el usuario, y mucho
ms. Ese mes de junio, PHP/FI brind una versin 2.0. Sin embargo, un
interesante hecho sobre esto, es que slo haba una nica versin completa de
10

PHP 2.0. Cuando finalmente pas de la versin beta en noviembre de 1997, el

motor de anlisis subyacente ya estaba siendo reescrito por completo.

Aunque vivi una corta vida de desarrollo, continu gozando de un crecimiento

de popularidad en el an joven mundo del desarrollo. En 1997 y 1998, PHP/FI
tena un culto de varios miles de usuarios en todo el mundo. Una encuesta de
Netcraft en mayo de 1998 indic que cerca de 60,000 dominios reportaron que
tenan cabeceras que contenan "PHP", indicando en efecto que el servidor host
lo tena instalado. Este nmero se corresponda con aproximadamente el 1% de
todos los dominios de Internet del momento. A pesar de estas impresionantes
cifras, la maduracin de PHP/FI estaba condenada por limitaciones; mientras
haba varios contribuidores menores, an era desarrollado principalmente por un
individuo.

Ejemplo #1 Ejemplo de Cdigo PHP/FI

<!--include /text/header.html-->

<!--getenv HTTP_USER_AGENT-->
<!--ifsubstr $exec_result Mozilla-->
Hey, est usando Netscape!<p>
<!--endif-->

<!--sql database select * from table where user='$username'-->

<!--ifless $numentries 1-->
Lo siento, esta entrada no existe<p>
<!--endif exit-->

11

Bienvenido <!--$user-->!<p>
Le quedan <!--$index:0--> crditos en su cuenta.<p>

<!--include /text/footer.html-->

PHP 3

PHP 3.0 fue la primera versin que ms se pareca al PHP que existe hoy.
Encontrando todava PHP/FI 2.0 ineficiente y falto de las caractersticas que
necesitaban para impulsar una aplicacin de comercio electrnico que estaban
desarrollando para un proyecto de universidad, Andi Gutmans y Zeev Suraski,
de Tel Aviv, Israel, comenzaron otra nueva versin del analizador subyacente en
1997. Proponiendo Rasmus online, discutieron varios aspectos de la
implementacin actual y su redesarrollo de PHP. En un esfuerzo para mejorar el
motor y comenzar a construir sobre la base de usuario de PHP/FI existente, Andi,
Rasmus y Zeev decidieron colaborar en el desarrollo de un nuevo e
independiente lenguaje de programacin. Este lenguaje completamente nuevo
fue publicado bajo un nuevo nombre, que elimin la implicacin del uso limitado
personal que el nombre PHP/FI tena. Fue renombrado simplemente como 'PHP',
con el significado de un acrnimo recursivo - PHP: Hypertext Preprocessor.

Una de las mejores caractersticas de PHP 3.0 era su gran extensibilidad.

Adems de proveer a los usuarios finales de una interfaz madura para mltiples
bases de datos, protocolos, y APIs, la sencillez de ampliar el lenguaje mismo
atrajo a docenas de desarrolladores que presentaron variedad de mdulos.
Podra decirse que esta fue la clave para el tremendo xito de PHP 3.0. Otras
caractersticas clave introducidas en PHP 3.0 incluan el soporte para
programacin orientada a objetos y una sintaxis de lenguaje mucho ms potente
y consistente.

12

En junio de 1998, con muchos nuevos desarrolladores de todo el mundo unidos

al esfuerzo, PHP 3.0 fue anunciado por el nuevo Equipo de Desarrollo de PHP
como el sucesor oficial de PHP/FI 2.0. El desarrollo activo de PHP/FI 2.0, que
estaba casi parado desde noviembre del ao anterior, fue oficialmente finalizado.
Despus de aproximadamente nueve meses de pruebas pblicas, cuando el
anuncio de la versin oficial de PHP 3.0 vino, ya estaba instalado en ms de
70,000 dominios de todo el mundo, y ya no estaba limitado a sistemas operativos
compatibles con POSIX. Una relativamente pequea parte de de los dominios
que tenan instalado PHP estaban albergados en servidores que ejecutaban
Windows 95, 98, y NT, y Macintosh. En este punto, PHP 3.0 estaba instalado en
aproximadamente el 10% de los servidores web de Internet.

PHP 4

En el invierno de 1998, poco despus del lanzamiento oficial de PHP 3.0, Andi
Gutmans y Zeev Suraski comenzaron a trabajar en una nueva versin del ncleo
de PHP. Los objetivos de diseo fueron mejorar la ejecucin de aplicaciones
complejas y mejorar la modularidad del cdigo base de PHP. Estas aplicaciones
se hicieron posibles por las nuevas caractersticas de PHP 3.0 y el apoyo de una
gran variedad de bases de datos y APIs de terceros, pero PHP 3.0 no estaba
diseado para un mantenimiento tan complejo de aplicaciones eficientemente.

El nuevo motor, apodado 'Motor Zend' (proviene de sus nombres de pila, Zeev y
Andi), alcanz estos objetivos de diseo satisfactoriamente, y se introdujo por
primera vez a mediados de 1999. PHP 4.0, basado en este motor, y asociado
con un gran rango de nuevas caractersticas adicionales, fue oficialmente
publicado en Mayo del 2000, casi dos aos despus que su predecesor. Adems
de la mejora de rendimiento de esta versin, PHP 4.0 inclua otras caractersticas
clave como el soporte para la mayora de los servidores Web, sesiones HTTP,
buffers de salida, formas ms seguras de controlar las entradas de usuario y
muchas nuevas construcciones de lenguaje.
13

PHP 5

PHP 5 fue lanzado en Julio del 2004 despus de un largo desarrollo y varios prereleases. Est bsicamente impulsado por su ncleo, Zend Engine 2.0 que
contiene un nuevo modelo de objetos y docenas de nuevas opciones.

El equipo de desarrollo de PHP incluye docenas de desarrolladores, as como

docenas de otras personas trabajando en proyectos relacionados y de soporte
para PHP, como PEAR, PECL, y documentacin, y una infraestructura en red
subyacente de ms de cien servidores web individuales en seis de los siete
continentes del mundo. Aunque es solo una estimacin basada en estadsticas
de aos anteriores, es seguro suponer que PHP ahora est instalado en diez o
quiz cien millones de dominios en todo el mundo.

2. HERRAMIENTAS
2.1 XML

XML, siglas en ingls de eXtensible Markup Language ('lenguaje de marcas

extensible'), es un lenguaje de marcas desarrollado por el World Wide Web
Consortium (W3C) utilizado para almacenar datos en forma legible. Deriva del
lenguaje SGML y permite definir la gramtica de lenguajes especficos (de la
misma manera que HTML es a su vez un lenguaje definido por SGML) para
estructurar documentos grandes. A diferencia de otros lenguajes, XML da
soporte a bases de datos, siendo til cuando varias aplicaciones deben
comunicarse entre s o integrar informacin.1

14

XML no ha nacido slo para su aplicacin para Internet, sino que se propone
como un estndar para el intercambio de informacin estructurada entre
diferentes plataformas. Se puede usar en bases de datos, editores de texto,
hojas de clculo y casi cualquier cosa imaginable.

XML es una tecnologa sencilla que tiene a su alrededor otras que la

complementan y la hacen mucho ms grande y con unas posibilidades mucho
mayores. Tiene un papel muy importante en la actualidad ya que permite la
compatibilidad entre sistemas para compartir la informacin de una manera
segura, fiable y fcil.

HISTORIA

XML proviene de un lenguaje inventado por IBM en los aos setenta, llamado
GML (Generalized Markup Language), que surgi por la necesidad que tena la
empresa de almacenar grandes cantidades de informacin y compartirla en otros
SO y plataformas. Este lenguaje gust a la ISO, por lo que en 1986 trabajaron
para normalizarlo, creando SGML (Standard Generalized Markup Language),
capaz de adaptarse a un gran abanico de problemas. A partir de l se han creado
otros sistemas para almacenar informacin.

En el ao 1989 Tim Berners Lee cre la web, y junto con ella el lenguaje HTML.
Este lenguaje se defini en el marco de SGML y fue de lejos la aplicacin ms
conocida de este estndar. Los navegadores web sin embargo siempre han
puesto pocas exigencias al cdigo HTML que interpretan y as las pginas web
son caticas y no cumplen con la sintaxis. Estas pginas web dependen
fuertemente de una forma especfica de lidiar con los errores y las

15

ambigedades, lo que hace a las pginas ms frgiles y a los navegadores ms

complejos.

Otra limitacin del HTML es que cada documento pertenece a un vocabulario

fijo, establecido por el DTD. No se pueden combinar elementos de diferentes
vocabularios. Asimismo es imposible para un intrprete (por ejemplo un
navegador) analizar el documento sin tener conocimiento de su gramtica (del
DTD). Por ejemplo, el navegador sabe que antes de una etiqueta <div> debe
haberse cerrado cualquier <p> previamente abierto. Los navegadores
resolvieron esto incluyendo lgica ad hoc para el HTML, en vez de incluir un
analizador genrico. Ambas opciones, de todos modos, son muy complejas para
los navegadores.

Se busc entonces definir un subconjunto del SGML que permita:

Mezclar elementos de diferentes lenguajes. Es decir que los lenguajes sean

extensibles.
La creacin de analizadores simples, sin ninguna lgica especial para cada
lenguaje.
Empezar de cero y hacer hincapi en que no se acepte nunca un documento con
errores de sintaxis.
Para hacer esto XML deja de lado muchas caractersticas de SGML que estaban
pensadas para facilitar la escritura manual de documentos. XML en cambio est
orientado a hacer las cosas ms sencillas para los programas automticos que
necesiten interpretar el documento.

Crticas

16

XML y sus extensiones han sido regularmente criticadas por su nivel de detalle
y complejidad.3 El mapeo del modelo de rbol bsico de XML hacia los sistema
de tipos de lenguajes de programacin o bases de datos puede ser difcil,
especialmente cuando se utiliza XML para el intercambio de datos altamente
estructurados entre aplicaciones, lo que no era su objetivo primario de diseo.
Otras crticas intentan refutar la afirmacin de que XML es un lenguaje
autodescriptivo4 (aunque la especificacin XML no hace ninguna afirmacin de
este tipo). Se propone a JSON y YAML frecuentemente como alternativas,
centrndose ambas en la representacin de datos estructurados, en lugar de
documentos narrativos.

Ventajas del XML

Es extensible: Despus de diseado y puesto en produccin, es posible extender
XML con la adicin de nuevas etiquetas, de modo que se pueda continuar
utilizando sin complicacin alguna.
El analizador es un componente estndar, no es necesario crear un analizador
especfico para cada versin de lenguaje XML. Esto posibilita el empleo de
cualquiera de los analizadores disponibles. De esta manera se evitan bugs y se
acelera el desarrollo de aplicaciones.
Si un tercero decide usar un documento creado en XML, es sencillo entender su
estructura y procesarla. Mejora la compatibilidad entre aplicaciones. Podemos
comunicar aplicaciones de distintas plataformas, sin que importe el origen de los
datos, es decir, podramos tener una aplicacin en Linux con una base de datos
Postgres y comunicarla con otra aplicacin en Windows y Base de Datos MSSQL Server.
Transformamos datos en informacin, pues se le aade un significado concreto
y los asociamos a un contexto, con lo cual tenemos flexibilidad para estructurar
documentos.

17

2.2 Java
Java es un lenguaje de programacin con el que podemos realizar cualquier tipo
de programa. En la actualidad es un lenguaje muy extendido y cada vez cobra
ms importancia tanto en el mbito de Internet como en la informtica en general.
Est desarrollado por la compaa Sun Microsystems con gran dedicacin y
siempre enfocado a cubrir las necesidades tecnolgicas ms punteras.
Una de las principales caractersticas por las que Java se ha hecho muy famoso
es que es un lenguaje independiente de la plataforma. Eso quiere decir que si
hacemos un programa en Java podr funcionar en cualquier ordenador del
mercado. Es una ventaja significativa para los desarrolladores de software, pues
antes tenan que hacer un programa para cada sistema operativo, por ejemplo
Windows, Linux, Apple, etc. Esto lo consigue porque se ha creado una Mquina
de Java para cada sistema que hace de puente entre el sistema operativo y el
programa de Java y posibilita que este ltimo se entienda perfectamente.
La independencia de plataforma es una de las razones por las que Java es
interesante para Internet, ya que muchas personas deben tener acceso con
ordenadores distintos. Pero no se queda ah, Java est desarrollndose incluso
para distintos tipos de dispositivos adems del ordenador como mviles,
agendas y en general para cualquier cosa que se le ocurra a la industria.
Pasado y presente
Java fue pensado originalmente para utilizarse en cualquier tipo de
electrodomstico pero la idea fracas. Uno de los fundadores de Sun rescat la
idea para utilizarla en el mbito de Internet y convirtieron a Java en un lenguaje
potente, seguro y universal gracias a que lo puede utilizar todo el mundo y es
gratuito. Una de los primeros triunfos de Java fue que se integr en el navegador
Netscape y permita ejecutar programas dentro de una pgina web, hasta
entonces impensable con el HTML.
Actualmente Java se utiliza en un amplio abanico de posibilidades y casi
cualquier cosa que se puede hacer en cualquier lenguaje se puede hacer
tambin en Java y muchas veces con grandes ventajas. Para lo que nos interesa
18

a nosotros, con Java podemos programar pginas web dinmicas, con accesos
a bases de datos, utilizando XML, con cualquier tipo de conexin de red entre
cualquier sistema. En general, cualquier aplicacin que deseemos hacer con
acceso a travs web se puede hacer utilizando Java.

2.3 jQuery
jQuery es uno de los complementos ms esenciales para el desarrollo web,
usado en millones de sitios en toda la web, ya que nos facilita mucho el desarrollo
de aplicaciones enriquecidas del lado del cliente, en Javascript, compatibles con
todos los navegadores.
Para los que se inician, conviene aclarar que jQuery no es un lenguaje, sino una
serie de funciones y mtodos de Javascript. Por tanto, Javascript es el lenguaje
y jQuery es una librera que podemos usar opcionalmente si queremos facilitar
nuestra vida cuando programamos en Javascript. A veces nos podemos referir
a jQuery como framework o incluso como un API de funciones, tiles en la
mayora de proyectos web.
Antes de llegar jQuery los desarrolladores estbamos obligados a discriminar
entre los diversos navegadores, para ejecutar aquel cdigo Javascript que
funcionaba en cada browser. Con la llegada de jQuery la principal ventaja es que
ya no necesitamos preocuparnos sobre si el navegador del usuario es Explorer,
Chrome, Firefox, etc. sino que la propia librera har el trabajo "sucio" por
nosotros y ejecutar el cdigo que sea compatible con el software del cliente que
est accediendo a nuestra web. Para ello usaremos las funciones que jQuery
nos proporciona, dentro de un grandsimo abanico de funcionalidades que
adems se extiende por medio de miles de plugins que ofrece la comunidad para
implementar cualquier tipo de comportamiento.
Para aprender jQuery necesitas saber Javascript. No requiere ser un gran
maestro en el lenguaje, pero al menos s trabajar con l con cierta soltura. Date
cuenta que cuando programas con jQuery en realidad ests programando con
Javascript, por ello es importante que no intentes empezar la casa por el tejado
y primero aprendas el lenguaje "padre".

19

En el presente manual te acercamos todas, o la mayora de, las funcionalidades

que estn presentes en el "core" de jQuery. Aprenders cosas tan variadas como
modificar dinmicamente los estilos de la pgina, manipular el DOM, realizar
efectos vistosos, trabajar con Ajax, crear tus propios plugins y un largo etc.
Tenemos adems otros manuales que te explican asuntos ms concretos como
las jQueryUI.

2.4 CSS
Qu es CSS? Para qu se utiliza? Veremos ejemplos sencillos y prcticos de
este lenguaje para entender su utilidad dentro de internet en el diseo y
programacin de pginas web.
DEFINICIN O CONCEPTO DE LENGUAJE CSS
CSS es un lenguaje utilizado en la presentacin de documentos HTML. Un
documento HTML viene siendo coloquialmente una pgina web. Entonces
podemos decir que el lenguaje CSS sirve para organizar la presentacin y
aspecto de una pgina web. Este lenguaje es principalmente utilizado por parte
de los navegadores web de internet y por los programadores web informticos
para elegir multitud de opciones de presentacin como colores, tipos y tamaos
de letra, etc.

La filosofa de CSS se basa en intentar separar lo que es la estructura del

documento HTML de su presentacin. Por decirlo de alguna manera: la pgina
web sera lo que hay debajo (el contenido) y CSS sera un cristal de color que
hace que el contenido se vea de una forma u otra. Usando esta filosofa, resulta
muy fcil cambiarle el aspecto a una pgina web: basta con cambiar el cristal
20

que tiene delante. Piensa por ejemplo qu ocurre si tienes un libro de papel y lo
miras a travs de un cristal de color azul: que ves el libro azul. En cambio, si lo
miras a travs de un cristal amarillo, vers el libro amarillo. El libro (el contenido)
es el mismo, pero lo puedes ver de distintas maneras.
Algunas opciones bsicas del lenguaje CSS por ejemplo pueden ser el poder
cambiar el color de algunas tpicas etiquetas HTML como <H1> (h1 es una
etiqueta en el lenguaje HTML destinada a mostrar un texto como encabezado,
en tamao grande). Pero tambin hay funciones algo ms complejas, como
introducir espaciado entre elementos <DIV> (div es una etiqueta HTML para
identificar una determinada regin o divisin de contenido dentro de una pgina
web) o establecer imgenes de fondo.
CSS es muy intuitivo y sencillo una vez se llega a aprender, ya que para su
definicin siempre se hace uso de un identificador de etiqueta HTML (como por
ejemplo <H1>), y luego indicamos con qu aspecto queremos que se muestren
todas las etiquetas <H1> que aparezcan en un documento. Al igual que con
<H1> podemos definir cmo queremos que se muestren las distintas partes del
documento HTML, pudiendo en cada caso definir sus propiedades (color, tipo de
fuente, tamao, espacio, imagen) con algn determinado valor deseado.
Vamos a partir de un ejemplo muy sencillo, que tratar de una pgina web o
archivo HTML donde tan solo tendremos una prrafo de texto y sobre cuya
etiqueta <p> iremos realizando cambios e iremos aplicando los conocimientos
que vamos a ir adquiriendo y posteriormente veremos los resultados que
obtenemos.
Nuestro documento html contendr el siguiente texto de partida (en este caso se
ha llamado ejemplo.html):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ejemplo aplicacin CSS - aprenderaprogramar.com </title>
</head>
<body>
21

<p>Texto de ejemplo para visualizar resultados </p>

</body>
</html>
Una vez creado el documento ejemplo.html en nuestro ordenador, lo abriremos
con un navegador web, cuyo resultado ser similar a ste dependiendo del
navegador que utilicemos:

Una vez hemos visualizado este ejemplo tenemos una pgina web que tan solo
tiene un prrafo (Texto de ejemplo para visualizar resultados). Este aparece en
color negro por defecto y nosotros, para ver la utilidad de CSS deseamos mostrar
el texto en rojo. En realidad con CSS podemos hacer cosas mucho ms
complejas, pero solo queremos poner un ejemplo para mostrar la utilidad de
CSS.
Para ello vamos a crear nuestro archivo de hojas de estilo CSS que llamaremos
estilos.css, que crearemos en el mismo directorio donde tengamos el archivo
ejemplo.html y que contendr lo siguiente:
/*

Comentario

en

nuestro

primer

archivo

css

estilos.css

www.aprenderaprogramar.com*/
p {color:red;}

Para crear el archivo basta abrir un editor de texto como el bloc de notas como
Notepad++ o el simple bloc de notas de Windows, escribir el texto y guardar el
archivo con el nombre adecuado.

22

En la primera lnea hemos insertado un comentario CSS. Para insertar un

comentario usamos la cadena de caracteres /* seguido del comentario que
queremos y cerramos la cadena con */.
La segunda lnea es propiamente donde definimos el estilo que queremos
mostrar. En este caso, p{color:red;} que indica que queremos un estilo para la
etiqueta <p> cuya propiedad color sea igual a red (rojo en ingls).
El patrn ser el siguiente: nombre etiqueta HTML (en este caso p para la
etiqueta <p> de HTML) seguido de {, seguido de una lista de propiedadesvalores separadas por ; y finalizamos con }. A su vez la lista de propiedadesvalores ser un conjunto de palabras que indicar la propiedad que queremos
cambiar, en nuestro caso color, seguido de : y el valor que queremos asignar
para esa propiedad, en este caso red ya que queremos mostrar el texto en rojo.
Adems de color podramos establecer tipo de fuente, tamao de fuente, y
distintas propiedades.
Pues bien una vez tenemos nuestro archivo de estilos, estilos.css, debemos de
importarlo para su uso a nuestra pgina web o documento html, ejemplo.html.
Para ello ponemos lo siguiente entre las etiquetas <head> y </head> de nuestro
ejemplo.html.
<link rel="stylesheet" type="text/css" href="estilos.css">

Este cdigo lo que hace es indicar que existe un archivo con una definicin de
estilos u hoja de estilos (stylesheet) que contiene cdigo css (text/css) y que se
encuentra en la ruta estilos.css. Si el fichero se encontrara en otro directorio
habra que especificar la ruta, por ejemplo : templates/estilos.css.
As tendremos nuestro archivo ejemplo.html con el siguiente texto:

23

<!DOCTYPE

HTML

Transitional//EN"

PUBLIC

"-//W3C//DTD

HTML

4.01

"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Ejemplo aplicacin CSS - aprenderaprogramar.com</title>
<link rel="stylesheet" type="text/css" href="estilos.css">
</head>
<body>
<p>Texto de ejemplo para visualizar resultados </p>
</body>
</html>

Y una vez que guardamos el archivo html con este nuevo cdigo, recargamos la
pgina web en el navegador obteniendo el texto de la etiqueta <p> en rojo:

Aqu podemos ver la facilidad de CSS para cambiar la presentacin ya que si

ahora quisiramos cambiar el color, fuente, tamao, etc, de la etiqueta <p> para
nuestra pgina web, tan solo deberamos de cambiar las propiedades en el
fichero estilos.css sin alterar nada en la pgina web siendo ms fcil, rpido y
legible que tener que estar modificando todas y cada una de las etiquetas <p>
que aparecieran en nuestra pgina web.

24

Ahora bien, imaginemos que tenemos una pgina web con 3 etiquetas <p> pero
no deseamos que todas tengan la misma presentacin. Pues para estas
situaciones CSS incorpora los llamados selectores. Estos selectores, nos indican
para qu elementos debemos de adoptar los estilos definidos en ellos.
Principalmente hay 2 tipos de selectores, el punto ( . ) y la almohadilla ( # ).
El selector . afecta a todas las etiquetas HMTL que tengan un atributo en HTML
del tipo class. Por ejemplo para <p class=azul>podramos definir un estilo CSS
del tipo .azul{color:blue;}. Escribiendo esto en el archivo css lo que hacemos es
definir que cada vez que se indique que una etiqueta es de clase azul la
propiedad de estilo color ser establecida a blue (blue es azul en ingls). As si
escribiramos <p class = azul>Texto de ejemplo para visualizar resultados</p>,
el navegador busca en el css cmo se ha definido que deben ser todos los
elementos en los que se indique que usen la clase azul. Esta clase adems de
un color podra establecer tamao de texto, interlineado, tipo de fuente y
mltiples atributos.
El otro selector ms utilizado es #. Este afecta a todas las etiquetas HTML que
tengan un atributo en HTML del tipo id. Por ejemplo <p id=verde> Este texto
est identificado </p> significa que esta etiqueta de HTML lleva un identificador
o nombre nico en esa pgina web, en este caso verde. Podramos definir un
estilo CSS del tipo#verde{color:green;}. Con este cdigo hemos definido un estilo
para la etiqueta con id verde, de modo que la propiedad color tomar el
valor green (green es verde en ingls). Es decir, el elemento de la pgina web
que lleve el identificador indicado tomar las propiedades de estilo que se hayan
especificado. El id es nico dentro de una pgina web: no puede haber dos
etiquetas cuyo id sea el mismo.
Normalmente el selector # se utiliza para un solo elemento (por ejemplo, el
encabezado o el pie) en toda la pgina web identificado por su atributo id,
mientras que el selector . tambin llamado selector de clase es utilizado para
un grupo ms amplio de elementos en concreto todos los que tengan sus
atributos class iguales que los definidos por el selector ..

25

Vamos ahora a realizar algunos cambios en nuestros documentos, tanto

ejemplo.html como sobre estilos.css y veremos ms claro lo anteriormente
explicado.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ejemplo aplicacin CSS - aprenderaprogramar.com</title>
<link

rel="stylesheet"

type="text/css"

href="estilos.css">
</head>

<body>
<p class="azul">Texto de ejemplo para visualizar resultados de la class
azul </p>
<p class="azul">Este texto tambin utiliza la clase azul </p>
<p class="roja">Texto de ejemplo para visualizar resultados de la class
roja </p>
<p id="postdata">Texto de ejemplo para visualizar resultados de la id
postdata </p>
</body>
</html>

Tambin deberemos de cambiar nuestro fichero estilos.css para definir las

propiedades de las etiquetas correspondientes, quedando as:

26

/*

Comentario

en

nuestro

primer

archivo

css

estilos.css

www.aprenderaprogramar.com*/
.azul{color:blue;}
.roja{color:red;}
#postdata{color:green;font-size:10px;}

Y al refrescar nuestro navegador obtendramos el siguiente resultado:

Como podemos observar hemos modificado nuestro documento html para que
tuviera 4 parrafos. Los 2 primeros pertenecen a la misma clase azul ya que su
atributo class se corresponde con el estilo azul que se ha definido en la hoja de
estilos (en el archivo estilos.css).
El tercero pertenece a la clase roja, mientras que el cuarto es un prrafo con id
postdata y por tanto pertenece al estilo del selector nico postdata.
27

AMBITO DE DEFINICION PARA CSS

La forma de definicin de estilos css que hemos explicado en este artculo es la
que ms separa la presentacin de la informacin en una pgina web. Es muy
til porque tenemos los estilos por un lado y los contenidos por otro. Si en un
momento dado queremos cambiar la forma en que se ve la pgina pero no sus
contenidos, nicamente tendramos que modificar los archivos css. Pero tambin
existen estas otras 2 formas de aplicar estilos.
1- Definicin en lnea: En este mtodo se define las propiedades de la etiqueta
HTML con el atributo style dentro del mismo archivo HTML y se le asigna una
determinada

cadena

que

definira

el

comportamiento.

Ejemplo:

<p

style="color:red;">
En este ejemplo asignamos en lnea a la etiqueta p el style (style es estilo en
ingls) definido, en el que la propiedad color toma el valorred de modo que el
texto se mostrar en rojo. Esta opcin de definicin, es rpida y para pequeas
cosas o reparaciones de mantenimiento web puede ser til, pero si se abusa de
esta tcnica tendremos una pgina web muy poco legible ya que tendremos en
un mismo archivo el contenido de la pgina web junto con su presentacin. Hacer
cambios en la presentacin se hace entonces ms complicado, al tener que ir
revisando todas las etiquetas que queramos cambiar una por una.
2- Definicin hoja de estilos interna:En este mtodo se definen las propiedades
de estilo de la misma manera que hacamos en el archivo css independiente,
pero en este caso se hace en la misma pgina entre las etiquetas <head> y
</head>, como vemos en el siguiente ejemplo.

28

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ejemplo aplicacin CSS - aprenderaprogramar.com</title>
<style type="text/css">
p{color:red;}
</style>
</head>
<body>
<p>Texto ejemplo </p>
</body>
</html>

Como podemos observar definimos el estilo dentro de las etiquetas <head> y

</head>. Para delimitar lo que es definicin de estilos se usa la etiqueta <style>
y </style> a modo de apertura y cierre de la definicin de estilos. El cdigo se
escribe igual que en el archivo css y aunque no es igual de independiente, esta
forma de definicin al menos es algo ms separada y legible que la anterior
opcin ya que la definicin de la presentacin al menos no se mezcla con el
contenido de la pgina web.

ESTANDARIZACIN
Tras la aparicin del lenguaje CSS surgi la necesidad de estandarizar su uso
para todos los navegadores y los desarrolladores de software, ya que existan
muchas formas de escribir cdigo CSS. Adems, los navegadores interpretaban
29

algunas definiciones de estilo de distintas maneras y esto haca ms complicado

el desarrollo de pginas web. De hecho, las personas que trabajan en desarrollos
web muchas veces se enfrentan a que un navegador muestra una pgina web
de distinta manera aunque el cdigo sea el mismo, simplemente por la forma en
que el navegador interpreta el cdigo. El organismo encargado de la
estandarizacin al respecto es el llamado W3C que defini la primera versin
CSS1 en 1996. Posteriormente se han desarrollado las revisiones 2, 2.1 y 3 que
es la ms actual. El lenguaje CSS seguir evolucionando, pero hoy da puede
decirse que ha sido un xito al simplificar el mantenimiento de pginas web.
Antes, los contenidos y los estilos de presentacin estaban mezclados. Con
CSS, quedan separados y se hace ms fcil el diseo y mantenimiento de
pginas web.

30

3. MEDIOS DIGITALES
3.1 Formatos de Video

GIF (Graphic Image File Format).

El formato GIF es el formato de archivo que se utiliza habitualmente para mostrar
grficos e imgenes de color indexado en documentos HTML en Internet y otros
servicios en lnea. GIF es un formato comprimido con LZW diseado para
minimizar el tamao del archivo y el tiempo de transferencia electrnica. El
formato GIF preserva la transparencia en imgenes de color indexado.
Es el formato ms adecuado para aquellas imgenes sencillas, de formas
simples y en las que no existe un elevado nmero de colores.
Sus caractersticas son:

Nmero de colores: de 2 a 256 de una paleta de 24 bits.

Formato de compresin sin prdida basado en el algoritmo LZW.

Carga progresiva en el navegador.

Mscara de trasparencia de 1 bit.

Permite la animacin simple.

JPEG (Joint Photographic Experts Group).

Fue diseado para la compresin de imgenes fotogrficas, basndose en el

hecho de que el ojo humano no es perfecto y no es capaz de captar toda la
informacin

que

se puede

almacenar el una

imagen de

24

bits.

El formato JPEG intenta eliminar la informacin que el ojo humano no es capaz

de distinguir, por eso se dice que posee un formato de compresin con prdida,
porque elimina informacin.
El formato JPEG se utiliza habitualmente para mostrar fotografas y otras
imgenes de tono continuo en documentos HTML en Internet y otros servicios
31

en lnea. El formato JPEG admite los modos de color CMYK, RGB y Escala de
grises pero no admite canales alfa (No preserva la transparencia). A diferencia
del formato GIF, JPEG retiene toda la informacin de color de una imagen RGB
pero comprime el tamao del archivo descartando datos selectivamente.

Las caractersticas de este formato son:

Nmero de colores: 24 bits color o 8 bits B/N

Elevado grado de posibilidad de compresin.

Formato de compresin con prdida.

No permite trasparencia, ni canal alfa.

No permite la animacin.

Por regla general, es el ms indicado para aquellas imgenes que son

fotografas.

PNG (Portable Network Graphics).

Proporciona un formato compresin de imgenes sin prdida.
El formato PNG es uno de los formatos ms interesantes. Aunque su uso no est
tan extendido en este momento, cada vez ms rpidamente est siendo bien
acogido por los desarrolladores de pginas web. Desarrollado como una
alternativa sin patente al formato GIF, el formato de grficos de red porttiles
(PNG) se utiliza para una compresin sin prdidas y para la visualizacin de
imgenes en Internet. A diferencia del formato GIF, PNG admite imgenes de 24
bits y produce transparencia de fondo sin bordes irregulares. Esto es algo que
consigue por medio del "canal alpha", que permite definir el grado de
transparencia u opacidad de un color. Sin embargo, algunos navegadores Web
no admiten imgenes PNG, o no las soportan del todo bien, es el caso de Internet
Explorer 6, que tiene diversos problemas sobre todo con los archivos
semitransparentes. El formato PNG admite tambin imgenes RGB, en 8 bit, de
32

color indexado, opcionalmente en escala de grises y de mapa de bits sin canales

alfa. PNG conserva la transparencia en imgenes en escala de grises y RGB, lo
que resulta extremadamente til para utilizarse en Flash, donde PNG es
totalmente compatible.

Las caractersticas de este formato son:

Color indexado hasta 256 colores y TrueColor hasta 48 bits por pixel.

Mayor compresin que el formato GIF (+10%)

Compresin sin prdida.

Canal alfa. (Transparencia variable)

No permite animacin.

3.2 Formatos de video

A continuacin se hablara sobre los formatos de video ms utilizados y

aceptados por diferentes aplicaciones Web, y diferentes redes sociales
1. Mpeg. Es uno de los estndares de compresin de audio/video ms
utilizados.

Tiene

grandes

ventajas

respecto

acompatibilidad,

compresin y calidad de la imagen. Lo soportan sitios como youtube,

vimeo, entre otros y se divide en los siguientes tipos:

MPEG-1: Calidad de video CD-ROM. Lentos, velocidad de transferencia

limitada (1.5 Mbits) , resolucin de 352240.

MPEG-2: Mayor calidad, mayor ancho de banda (3 a 10). En esa banda,

proporciona 720486 pixels de resolucin, es decir, calidad TV. Ofrece
compatibilidad con MPEG-1.

MPEG-4: Tiene caractersticas de MPEG-1 y MPEG-2, expande MPEG1 para soportar objetos audio/vdeo, contenido 3D, codificacin de baja
velocidad binaria y soporte para gestin de derechos digitales (proteccin

33

de copyright) actualmente se emplea como codec HDTV en detrimento de

MPEG-2.
1. FLV. Desarrollado por Adobe permite ser incrustado en archivos flash
(.swf) para presentaciones y aplicaciones multimedia. Es uno de los ms
soportados por sitios como:

YouTube

Antiguo Google Video

Reuters.com

Yahoo! Video

MySpace.

1. DivX. Utilizado para la compresin y visualizacin de pelculas gracias

a que permite disminuir el espacio en disco de un vdeo sin prdida
significativa de calidad
2. Mov. Formato especial de los sistemas Mac. Requieren Quick time player
para visualizarles
3. Avi. El formato avi permite almacenar simultneamente un flujo de datos
de video y varios flujos de audio.
Los anteriores son algunos de los formatos ms populares. Ellos varan de
un cdec a otro en calidad, capacidad, sonido etc. Lo realmente importante es
buscar la solucin que ms se ajuste a tus necesidades y a las capacidades de
la aplicacin que vayas a utilizar (sitios web, redes sociales, envi de correos,
multimedia).

34

3.3 Formato de audio

WMA
Windows Media Audio (WMA) es una tecnologa de compresin de
audio desarrollada por Microsoft. El nombre puede usarse para referirse
al formato de archivo de audio o al cdec de audio. Es software propietario que
forma parte de la suite Windows Media.
WMA consiste de cuatro cdecs distintos. El cdec WMA original, conocido
simplemente como WMA, fue concebido como competidor al MP3 y
al RealAudio. WMA Pro, un cdec ms moderno y avanzado, soporta
audio surround y de alta resolucin. Tambin existe un formato de compresin
sin prdida, WMA Lossless, el cual comprime audio sin perder definicin (el WMA
regular tiene compresin con prdida). Existe otra variacin llamada WMA Voice,
enfocada en contenido hablado, aplica compresin y est diseado para tasas
de bits muy bajas.
MP3

El formato MP3 (MPEG 1 Layer 3) fue creado por el Instituto Fraunhofer

y por su extraordinario grado de compresin y alta calidad est
prcticamente monopolizando el mundo del audio digital.

Es ideal para publicar audios en la web. Se puede escuchar desde la

mayora de reproductores.

La transformacin de WAV a MP3 o la publicacin directa de una

grabacin en formato MP3 es un proceso fcil y al alcance de los
principales editores de audio.

Tiene un enorme nivel de compresin respecto al WAV. En igualdad del

resto de condiciones reducira el tamao del archivo de un fragmento
musical con un factor entre 1/10 y 1/12.

Presentan una mnima prdida de calidad.

35

Formato MIDI

El formato MIDI (Musical Instrument Digital Interface = Interface Digital

para Instrumentos Digitales) en realidad no resulta de un proceso de
digitalizacin de un sonido analgico. Un archivo de extensin *.mid
almacena secuencias de dispositivos MIDI (sintetizadores) donde se
recoge qu instrumento interviene, en qu forma lo hace y cundo.

Este formato es interpretado por los principales reproductores del

mercado: Windows Media Player, QuickTime, etc.

Los archivos MIDI se pueden editar y manipular mediante programas

especiales y distintos de los empleados para editar formatos WAV, MP3,
etc. El manejo de estos programas suele conllevar ciertos conocimientos
musicales.

Los archivos MIDI permiten audios de cierta duracin con un reducido

peso. Esto es debido a que no guardan el sonido sino la informacin o
partitura necesaria para que el ordenador la componga y reproduzca a
travs de la tarjeta de sonido.

Se suelen utilizar en sonidos de fondo de pginas HTML o para escuchar

composiciones musicales de carcter instrumental.

El formato MIDI no permite la riqueza de matices sonoros que otros

formatos ni la grabacin a partir de eventos sonoros analgicos.

Formato WAV

El formato WAV (WaveForm Audio File) es un archivo que desarroll

originalmente Microsoft para guardar audio. Los archivos tienen extensin
*.wav

Es ideal para guardar audios originales a partir de los cuales se puede

comprimir y guardar en distintos tamaos de muestreo para publicar en la
web.
36

Es un formato de excelente calidad de audio.

Sin embargo produce archivos de un peso enorme. Una cancin extrada

de un CD (16 bytes, 44100 Hz y estreo) puede ocupar entre 20 y 30 Mb.

Compresin: Los archivos WAV se pueden guardar con distintos tipos de

compresin. Las ms utilizadas son la compresin PCM y la compresin
ADPCM. No obstante incluso definiendo un sistema de compresin, con
un audio de cierta duracin se genera un archivo excesivamente pesado.

El formato WAV se suele utilizar para fragmentos muy cortos (no

superiores a 3-4 segundos), normalmente en calidad mono y con una
compresin Microsoft ADPCM 4 bits.

MP4
Otro formato bastante importante y que ha tenido un boom en los ltimos aos
es el MP4. En realidad la calidad de este formato es muy parecida a la del MP3,
pero con un tamao mucho ms reducido. Tambin podemos encontrar este tipo
de compresin en los famosos FLV de Youtube y muchas otras pginas de
Internet. El MP4 es el rey de los formatos de audio en Internet, y generalmente
es el que encontraremos a la hora de reproducir audio en la Web y sobre todo
en smartphones y cualquier otro pequeo dispositivo. Dada su versatilidad y su
extraordinaria compresin es el formato ideal para mover archivos por la Red.

37

4. MEDIAS DE SEGURIDAD
4.1 MD5
Continuamente descargamos nuevo software para nuestros ordenadores y
dispositivos y, a menudo, lo hacemos desde pginas web que no son las
oficiales. Esto, aunque no pueda parecer peligroso para nuestros sistemas, s lo
es, ya que esa aplicacin que hemos descargado podra haber sido modificada,
incluyendo en ella un virus o troyano. Como ms vale prevenir que curar, hoy
hablaremos sobre el algoritmo MD5, y cmo puede ayudarnos a comprobar que
nuestras descargas no hayan sido modificadas con respecto a cmo fueron
publicadas por sus desarrolladores, adems de ver otras aplicaciones de ste.

Si te preocupa la seguridad de tu sistema operativo, seguramente seas

cuidadoso con lo que descargas e instalas en l. Pero a veces, instalamos
software que ha sido descargado de una web que no es la oficial de dicho
programa, o utilizamos un instalador antiguo del que no sabemos con seguridad
de dnde procede. En estos casos, no est de ms asegurarse que el software
que va a instalarse es de confianza, y que no ha sido alterado por algn
malintencionado usuario que haya podido aadir un virus o troyano al instalador.
Para realizar esta comprobacin, la opcin ms usada es el algoritmo MD5, que,
adems de tener otras aplicaciones, nos dir con certeza si el software que
acabamos de descargar es el oficial o ha sufrido algn cambio con respecto a
ste y puede resultar peligroso para nuestro sistema.
MD5, qu es y cmo funciona?
38

En vez de dar una definicin tcnica, vamos a tratar de explicar de una forma
ms bsica qu es y cmo funciona el MD5. Es un algoritmo que proporciona un
cdigo asociado a un archivo o un texto concretos. De esta forma, a la hora de
descargar un determinado archivo, como puede ser un instalador, el cdigo
generado por el algoritmo, tambin llamado hash, viene unido al archivo.
Para que nosotros podamos ver este cdigo MD5, existe software que analiza el
archivo descargado y obtiene dicho cdigo de l. Con el hash de nuestra
descarga, podemos acudir a la web del desarrollador del programa del que
tenemos el instalador y buscar el cdigo MD5 de su instalador original. Una vez
tengamos disponibles los dos cdigos MD5, el de nuestro archivo descargado y
el

del

instalador

software

de

la

web

oficial

del

desarrollador,

podremos comparar ambos y ver si coinciden y nuestro archivo es fiable o no.

Qu usos tiene?
Aparte de asegurarnos si un instalador es fiable que es su uso ms extenso el
algoritmo MD5 tiene otros usos tambin muy interesantes. El primero de ellos,
es que, mediante un programa, tambin podemos crear el cdigo MD5 de un
archivo propio, para que quien haga uso de l pueda comprobar su integridad.
Otra aplicacin verdaderamente interesante est en las instalaciones
de firmware, en las que adems de proporcionarnos la informacin referente a la
seguridad del archivo, puede servir tambin para comprobar que la descarga de
ste se ha realizado correctamente, y dispongamos del archivo completo y
correcto. Esto, como decimos, es de gran utilidad a la hora de instalar un
nuevo firmware o sistema operativo en nuestros dispositivos, como puede ser un
router,

en

el

momento

de

flashear

una

ROM

cocinada

en

un smartphone Android, ya que realizar una instalacin de estas caractersticas

con un archivo daado o incompleto, puede dejarnos en ocasiones con un
dispositivo inutilizable, o hacernos perder una buena parte de nuestro tiempo.
Por ltimo, pero no menos interesante, otra utilidad que podemos darle al
algoritmo MD5 es la de poder comprobar que un texto no haya sido modificado,
y haya podido llegar de forma distinta a como era de forma original. Existe
software, e incluso pginas web, en las que podemos escribir un texto y que
stas nos devuelven su hash; as, ofrecindole este dato a nuestro destinatario,
39

ste podr comprobar si el texto que le hemos enviado no ha sido alterado antes
de llegar hasta l.

En Linux
El algoritmo MD5 es una funcin hash muy utilizada en Linux (aunque est
siendo progresivamente sustituido por SHA), que tiene dos aplicaciones
principales:

login en Linux: en Linux se utiliza el algoritmo MD5 para encriptar las

claves de los usuarios y es el valor hash el que se almacena. En el login
se aplica MD5 al password y si el valor hash obtenido coincide con el
almacenado el usuario es autentificado.

descargas de archivos de Internet: el algoritmo MD5 se utiliza

ampliamente en las descargas de archivos de Internet para asegurarse
de que el archivo no se ha alterado, ya sea de manera intencionada (virus
o troyanos introducidos en el software por un usuario malicioso) o por una
descarga incompleta o corrupta.

Cmo se usa MD5 en Linux

En Linux disponemos del comando md5sum (paquete coreutils), el cual aplicado
a un documento devuelve la suma MD5.
Comprobar la suma MD5 de un archivo: por ejemplo, supongamos que hemos
bajado un archivo, el IDE de Netbeans, descargamos el mencionado archivo en
nuestro home, entonces tendramos ya descargado el mencionado archivo como
sabemos que este se ha descargado correctamente? para saber esto utilizamos
el MD5, como hacemos esto?.. Sencillo abrimos la consola o terminal y
escribimos:
linux01:/home/aperedo# md5sum netbeans-6.5.1-ml-linux.sh
210a674e5bf65bffb8f141c3d98923fe netbeans-6.5.1-ml-linux.sh
Como vemos nos muestra un cdigo 210a674e5bf65bffb8f141c3d98923fe y
luego el archivo entonces lo nico que debemos hacer es comparar este cdigo
40

con el que nos da el proveedor del paquete o programa en este caso SUN, tal
como vemos en la siguiente imagen:

Ejemplo MD5
Otro ejemplo supongamos que hemos descargado las imgenes ISO de 3 DVDs
de

Debian

Lenny

5.0,

adems

un

archivo

con

el

checksum, debian5.0lenny_dvds.md5, cuyo contenido es:

cda56ed1c9e9ace3de44eba1c36069a7

Debian5.0lenny-dvd1.iso

6ede8c75fec92e10636b6c0bf5ee9860

Debian5.0lenny-dvd2.iso

0b4921ddb67425687a5e053ff288dcba

Debian5.0lenny-dvd3.iso

Verificaremos que la descarga ha sido correcta ejecutando:

linux01:/home/aperedo# md5sum -c debian5.0lenny_dvds.md5
Si las imgenes ISO son correctas, obtendremos:
Debian5.0lenny-dvd1.iso: La suma coincide
Debian5.0lenny-dvd2.iso: La suma coincide
Debian5.0lenny-dvd3.iso: La suma coincide
Si alguna de las imgenes est corrupta, aparecer un mensaje que nos advierte
de que la suma no coincide:
Debian5.0lenny-dvd1.iso: La suma coincide
41

Debian5.0lenny-dvd2.iso: La suma coincide

Debian5.0lenny-dvd3.iso: La suma no coincide
ATENCIN: 1 de las 3 sumas de comprobacin calculada NO coincidieron
Crear la suma MD5 correspondiente a un archivo: si aplicamos el
comando md5sum a un archivo obtendremos su cheksum:

linux01:/home/aperedo# md5sum /boot/vmlinuz-2.6.26-1-686

ca894dd6579df021d73cf1e473d03a54

/boot/vmlinuz-2.6.26-1-686

Para guardar el checksum redirigiremos la salida a un archivo:

md5sum /boot/vmlinuz > Miejemplo.md5

En Windows
En Windows lo tenemos ms sencillo y con muchas aplicaciones que hacen el
trabajo

por

nosotros,

me

permito

recomendarles

la

siguiente

opcin, Md5Checker ocupa apenas 300KB de espacio y no necesita instalarse,

para los que deseen ac les dejo un enlace para que vean laspantallas
(screenshot) del programa.

42

43

44

4.2 SHA
SHA (Secure Hash Algorithm, Algoritmo de Hash Seguro) es una familia de
funciones hash de cifrado publicadas por el Instituto Nacional de Estndares y
Tecnologa (NIST). La primera versin del algoritmo fue creada en 1993 con el
nombre de SHA, aunque en la actualidad se la conoce como SHA-0 para evitar
confusiones con las versiones posteriores. La segunda versin del sistema,
publicada con el nombre de SHA-1, fue publicada dos aos ms tarde.
Posteriormente se han publicado SHA-2 en 2001 (formada por diversas
45

funciones: SHA-224, SHA-256, SHA-384, y SHA-512) y la ms reciente, SHA-3,

que fue seleccionada en una competicin de funciones hash celebrada por el
NIST en 2012. Esta ltima versin se caracteriza por ser la que ms difiere de
sus predecesoras.
A lo largo de su historia, se conocen algunos ataques a esta familia de
algoritmos:
En 1998 se encontr una vulnerabilidad para SHA-0, aunque esta no se poda
extender a SHA-1. En cualquier caso, la NSA aument en ese momento la
seguridad del SHA-1.
En 2004 se encontr una debilidad matemtica en SHA-1, que permitira
encontrar colisiones de hash ms rpido. Sin embargo, este hallazgo resulta
poco relevante, pues la complejidad de bsqueda de colisiones pasara de 280
a 269, algo que an es computacionalmente inviable, requiriendo incluso ms
trabajo que MD5 (264).
SHA-1
SHA-1 ha sido examinado muy de cerca por la comunidad criptogrfica pblica,
y no se ha encontrado ningn ataque efectivo. No obstante, en el ao 2004, un
nmero

de

ataques

significativos

fueron

divulgados

sobre

funciones

criptogrficas de hash con una estructura similar a SHA-1; lo que ha planteado

dudas sobre la seguridad a largo plazo de SHA-1.

SHA-0 y SHA-1 producen una salida resumen de 160 bits (20 bytes) de un
mensaje que puede tener un tamao mximo de 264 bits, y se basa en principios
similares a los usados por el profesor Ronald L. Rivest del MIT en el diseo de
los algoritmos de resumen de mensaje MD4 y MD5.

La codificacin hash vaca para SHA-1 corresponde a:\

SHA1 ("") = da39a3ee5e6b4b0d3255bfef95601890afd80709
46

Ataques contra SHA-1

La resistencia del algoritmo SHA-1 se ha visto comprometida a lo largo del ao
2005. Despus de que MD5, entre otros, quedara seriamente comprometido en
el 2004 por parte de un equipo de investigadores chinos, el tiempo de vida de
SHA-1 qued visto para sentencia.

El mismo equipo de investigadores chinos, compuesto por Xiaoyun Wang, Yiqun

Lisa Yin y Hongbo Yu (principalmente de la Shandong University en China), ha
demostrado que son capaces de romper el SHA-1 en al menos 269 operaciones,
unas 2000 veces ms rpido que un ataque de fuerza bruta (que requerira 280
operaciones). Los ltimos ataques contra SHA-1 han logrado debilitarlo hasta
263.

Segn el NIST:

Este ataque es de particular importancia para las aplicaciones que usan firmas
digitales tales como marcas de tiempo y notaras. Sin embargo, muchas
aplicaciones que usan firmas digitales incluyen informacin sobre el contexto que
hacen este ataque difcil de llevar a cabo en la prctica.
A pesar de que 263 suponen an un nmero alto de operaciones, se encuentra
dentro de los lmites de las capacidades actuales de clculos, y es previsible que
con el paso del tiempo romper esta funcin sea trivial, al aumentar las
capacidades de clculo y al ser ms serios los ataques contra SHA-1.

La importancia de la rotura de una funcin hash se debe interpretar en el

siguiente sentido: Un hash permite crear una huella digital, tericamente nica,
de un archivo. Una colisin entre hashes supondra la posibilidad de la existencia
de dos documentos con la misma huella. La inicial similitud propuesta con la
equivalencia a que hubiese personas que compartiesen las mismas huellas
digitales, o peor an, el mismo ADN no es adecuada pues, aunque fuera trivial
47

encontrar dos ficheros con el mismo resumen criptogrfico ello no implicara que
los ficheros fueran congruentes en el contexto adecuado. Siguiendo con la
hiptesis de la similitud biomtrica de dos personas, sera el equivalente a
necesitar modificar el nmero de brazos en una persona para que su impresin
dactilar fuera igual a la de otra.

A pesar de que el NIST contempla funciones de SHA de mayor tamao (por

ejemplo, el SHA-512, de 512 bits de longitud), expertos de la talla de Bruce
Schneier abogan por, sin llamar a alarmismos, buscar una nueva funcin hash
estandarizada que permita sustituir a SHA-1. Los nombres que se mencionan al
respecto son Tiger, de los creadores de Serpent, y WHIRLPOOL, de los
creadores de AES.

4.3 Certificados
Qu es un certificado SSL?
SSL es un protocolo para cuyo uso es necesario contar con un certificado SSL.
Un certificado SSL es un pequeo archivo de datos que vincula digitalmente una
clave de encriptacin con los datos de su empresa. Generalmente estos datos
son:

Su nombre de dominio, nombre de servidor y nombre de host

El nombre y la ubicacin de su empresa

En determinados casos, la informacin de contacto de su empresa

Existen diferentes tipos de certificados web que evalan la seguridad, la

accesibilidad, el cumplimiento de estndares de programacin o la adecuacin
a buscadores de los sitios web.
Tipos de certificado web
Entre los diferentes tipos de certificado existentes, pueden citarse:
48

SeguridadVersiSign: VeriSign es la autoridad lder en certificacin SSL (Secure

Sockets Layer) que permite realizar comunicaciones, comercio electrnico e
interacciones de forma segura en sitios Web, intranets y extranets. Seleccione la
marca de mayor confianza en Internet y active el mejor cifrado SSL disponible
para todos los visitantes de su sitio Web.
Qweb: Acrnimo de Quality Web Enterprise Bureau, QWEB.es certifica a los
visitantes de un sitio web que ste cumple con todos los requerimientos de
calidad de los principales buscadores, algo fundamental para lograr un buen
posicionamiento.
W3C validation service: El servicio de validacin de CSS del W3C. Es
un software libre creado por el W3C para ayudar a los diseadores y
desarrolladores web a validar hojas de estilo en cascada y documentos (X)HTML
Confianza Online: Confianza Online es una asociacin con el fin de aumentar
la confianza de los usuarios en el uso de Internet y los medios digitales.
Certificadas.cl: Directorio web Certificadas, dedicado a la indexacin de
empresas con un correcto nivel de seo y que cumplen los mejores protocolos de
navegacin y accesibilidad
ptima: Optima Web es un sello de calidad enfocado a los portales web de las
empresas. Est enmarcado dentro de los distintivos pblicos de confianza en
lnea regulados por la Direccin General de Consumo, a travs del INC. Est
basado en un cdigo de conducta al que se suscriben las empresas que obtienen
el sello.
Security Guardian: Security Guardian es un servicio online que identifica,
registra, audita y certifica la seguridad, privacidad y la confianza de las pginas
Web con el objetivo de fomentar la confianza online gracias al uso de los sellos
de seguridad de Security Guardian.

49

CONCLUSIN
De la luz Mateos Ramiro
Para concluir el tema pienso que hoy la actualidad nos damos cuenta de que
hablar de tecnologas web engloba muchos campos y que sus reas son
diversas y complejas, desde solo consultar informacin con un navegador ya sea
Firefox, safari, opera, Chrome, buscar una imagen, consultar sitos de empresas,
hacer compras electrnicas, jugar, conocer lugares en 3D, as como consultar
datos estadsticos, bases de datos, sitios de gobierno, etc., etc Las tecnologas
juegan un papel muy importante en la web, debido a estas herramientas
podemos acceder al internet, que no es solo sentarte frente a un ordenador y
abrir el internet sino que hay un gran trabajo detrs para hacer posible este tipo
de tecnologa, donde miles de personas trabajan actualizando datos, creando los
mtodo para mantener todos los enlaces y las comunicaciones.
Martnez Enrquez Omar
Dentro de este trabajo de investigacin, vimos temas muy interesantes acerca
de todo lo relacionado con el desarrollo de aplicaciones web. Vimos los lenguajes
de programacin como PHP, como lo utilizamos y en que momento usarlo.
Tambin vimos las herramientas, la que me llamo la atencin es java, ya que se
usa todos los das en todos los navegadores, pero en realidad no saba cmo
funcionaba y que era lo que haca.
Otro tema que me llamo la atencin son las medias de seguridad que podemos
utilizar, tal como md5 que nos sirve para encriptar informacin como las
contraseas al momento de registrarlas en las bases de datos.

Olvera Hernndez Mara Azucena

En conclusin sabes que es muy beneficioso todo los lenguajes de programacin
y sus herramientas ya que con la ayuda de todos esos recursos podemos fabricar
nuestros sitios web, por lo tanto saber a cules son las caractersticas de los
medios digitales es de mucha ayuda ya que al momento de incorporarlos a
nuestra pgina, le podremos dar un efecto nico, de igual manera con las
medidas de seguridad tomando en cuenta que hay personas que se dedican a
50

hacer dao a cualquier sistema web incluso corres el riesgo si manejas datos
sensibles, es una forma de tener en cuenta que en la programacin hay que
poner seguridad y no dejarlo a la suerte. Por ltimo son sumamente importante
estas tecnologas ya que nos facilita unir bases de datos entre otros.

Vargas Castillo Everardo

Actualmente existen diferentes lenguajes de programacin para desarrollar en la
web, estos han ido surgiendo debido a las tendencias y necesidades de las
plataformas.
Desde los inicios de Internet, fueron surgiendo diferentes demandas por los
usuarios y se dieron soluciones mediante lenguajes estticos. A medida que
paso el tiempo, las tecnologas fueron desarrollndose y surgieron nuevos
problemas a dar solucin. Esto dio lugar a desarrollar lenguajes de programacin
para la web dinmicos, que permitieran interactuar con los usuarios y
utilizaran sistemas de Bases de Datos, sin embargo, el lenguaje de HTML abri
una puerta al mundo permitindole a las personas expresar sus ideas por medio
de pginas.

51