Tomando como referencia el año 2007, el comercio electrónico en España ha aumentado de forma imparable. Al menos eso es lo que se desprende de las cifras del 2007. El volumen de negocio creció más de un 70% del 2006 al 2007. Si hablamos en términos monetarios también podemos comprobar este crecimiento: pasamos de 204 millones de euros en 2000 a 4761 millones de euros en 2007. Otro dato importante a la hora de analizar el comercio electrónico es el gasto medio anual por comprador. Según los datos del ONTSI, del 2006 al 2007 este gasto ha aumentado 72€.

La edad del comprador se ha ido concentrando entre 25 y 34 años. Y por el contrario, el nivel de estudios ha dejado de ser una barrera para el acceso a Internet y sus opciones. Los compradores a través de Internet tienen mayor nivel de experiencia en la red, y también vemos diferencias importantes en el porcentaje de personas que se conectan a la red a diario según si tiene hábitos de compra o no: el 66′7% son compradores y el 42′1% no.

En lo que se refiere al correo electrónico o e-mail, esta es otra variable a tener en cuenta a la hora de analizar el comercio en la red ya que el 84,6 % de los internautas afirma haber recibido en algún momento información comercial en su bandeja de entrada, independientemente de si habían comprado antes o no. Este tipo de publicidad sirve cada vez más para que la gente conozca tiendas virtuales, es más, el 76′6% declara que conoció la tienda virtual en la que compró a través de un e-mail

En cuanto a los hábitos de compra, tres de cada cuatro compradores tiene al menos un año de experiencia comprando en Internet. Y por lo general, las compras se realizan desde casa, 84′3%. Los lugares de compra más frecuentes en Internet, son las tiendas virtuales que cuentan con tienda física al mismo tiempo, con un 55′2%, y sin embargo, el fenómeno más llamativo son las subastas, que llegaron al 16% y según la tendencia, no tienen intención de dejar de crecer.

Los productos o servicios más demandados a través de la web son los referentes al sector turístico, sobre todo billetes de avión, tren, etc, con un 48,8 %, seguidos de la compra de entradas de espectáculos y reservas de alojamiento con tasas del 36,5 % y el 35,3 % respectivamente según datos revelados por el ranking de adquisiciones en la Red en 2007. Por el contrario, los productos menos demandados son los electrodomésticos, los juegos de azar o elementos de hogar, y es que en ningún caso la demanda de estos supera el 10%.

En 2007, los compradores online hicieron una media de 4,9 compras (dato mayor al de 2006). Y el perfil de estos usuarios se centra en hombres, universitarios, individuos con un nivel socioeconómico alto y medio- alto y residentes en municipios de más de 100.000 habitantes. El gasto medio de los compradores ha sido de 595 euros, más que en 2006. El 0,8 % de los usuarios ha gastado más de 23.000 euros, y esto se debe a la realización de inversiones en productos financieros.

El 54 % de los compradores online utilizaban los servicios de la banca online. Estos usuarios son fundamentalmente personas de entre 35 y 49 años que viven en las grandes ciudades, y el principal motivo que se destaca de este hecho es la falta de tiempo. Mientras que los menos de 25 años y habitantes de municipios pequeños son los que menos uso hacen de este tipo de servicios. Esto se debe sobre todo a la falta de recursos económicos y a las características propias de la banca en las zonas rurales.
El 44,4 % de usuarios afirma no haber adquirido nunca nada por Internet, dato es menor que en 2006. El perfil de estos no compradores está en torno a mujeres y mayores de 65 años y a menores de 25 años. Las barreras más frecuentes que existen son: la preferencia por as tiendas físicas, 38,3% y el miedo ante el pago por Internet. 22%. Los más jóvenes son los que menos reparo t

Al introducir datos en España únicamente con las palabras “comercio electrónico” no arroja ningún resultado

Al meter “e-commerce” con todos los países seleccionados, muestra los siguientes resultados:
- La información más importante nos redirecciona a la siguiente página acerca de un soporte electrónico para móviles elaborado por Google llamado “Android” que ha sido tachado de incumplir los derechos de autor porque un empresario asegura cque creo otro dispositivo con el mismo nombre. Esta información arroja 47 links relacionados
http://www.bloomberg.com/apps/news?pid=20601103&sid=aahtYZfE7bak&refer=us

- La segunda información más relevante trata acerca del mismo tema, comentado en el punto anterior. Por lo tanto esta información ocupa el peso más importante en los resultados de newsmap.jp. En este caso nos recomienda la visita de 37 links relacionados.

- El tercer artículo más relevante nos manda a un link de Le Tribune, de la versión on-line del periódico galo. Trata del comercio en línea y, más concretamente, de la bajada de 12 puntos porcentuales del año 2008  con respecto al 2009. Nos ofrece 34 links relacionados.
http://www.latribune.fr/entreprises/communication/telecom-internet/20090428trib000371339/commerce-en-ligne-8-de-croissance-attendue-en-2009-contre-20-en-2008.html
- El último artículo más relevante está escrito en alemán pero podemos deducir que habla de la compra de e-books en Amazon. En este caso sólo aparecen 17 links relacionados.
http://www.golem.de/0904/66763.html

Hemos hecho la búsqueda con la palabra clave “comercio electrónico”.
Las páginas de más relevancia, según Touchgraph, que son las que aparecen en color rojo, son:

http://www.myownbusiness.org/espanol/index.html : herramientas básicas para elegir un plan de negocios.
http://www.monografias.com/ : El centro de tesis, documentos, publicaciones y recursos educativos más amplio de la Red.

Las siguientes páginas por orden de importancia aparecen en color verde. Una de ellas es:
http://www.vendedigital.com/index.php : diseño y programación de tiendas virtuales.

Tras el verde, aparecen en azul las siguientes de más relevancia:
http://www.xing.com : buscador de contactos, empresas y compañeros de trabajo.
http://www.linkedin.com : página para intercambiar información, ideas y oportunidades.

Después, suceden otros colores que siguen ordenando los resultados: púrpura, naranja, turquesa, rojo, verde oscuro, añil y fucsia.

Por lo tanto, los últimos resultados son los de menos relevancia y por ello los de menor número de visitas:
http://www.linkedin.com : Soluciones Software y Servicios  en Tecnologías de la Información.
http://www.iec.csic.es/CRIPTonOMICon/default2.html : seguridad informática para empresas. 

Aún así, cada uno de los diez colores marca una especie de punto de referencia en la búsqueda de la información deseada.

En la actualidad existen multitud de lugares desde donde los usuarios pueden acceder a Internet. Los accesos desde el hogar, el trabajo o la casa de algún amigo o familiar encabezan el ranking, mientras que en la última posición encontramos los lugares de acceso público y gratis, precedido de los lugares públicos y de pago.

 

En esta ocasión, el análisis girará entorno a este último punto de acceso. Según los datos ofrecidos por la XXI Oleada del Panel de Hogares, entorno a 1.102.000 personas, que se traduce en un 6,1% del total,  se han conectado a la red desde un cibercafé o similar en el tercer trimestre de 2008. La cifra contrasta con la del mismo trimestre del año 2006, cuando casi 2 millones de usuarios se conectaron

 

Si comparamos estas cifras con las del acceso a la red desde el hogar, quizá encontremos la razón, o al menos una de las razones más importantes de este cambio. Y es que al tiempo que han ido aumentando las conexiones desde casa, han ido disminuyendo las de los cibercafés.

 

En 2006 la tasa porcentual de usuarios de la red a través de sitios de pagó fue del 10,7%, y ha ido descendiendo de forma gradual hasta establecerse en alrededor de un 6%. En lo referente a la conexión desde casa, la evolución ha sido totalmente diferente. En 2006 un 57% de los usuarios accedían a la red desde el hogar, y en cuestión de dos años, la el porcentaje ha ascendido al 74,5%.

 

Parece lógico pensar que si cada vez son más los hogares que disponen de conexión, gracias a las miles de fórmulas que ofrece el mercado en la actualidad, cada vez serán menos las personas que tengan que recurrir a sitios públicos de pago para navegar por Internet.

 

No obstante, esta no es la única razón por la que el consumo de Internet desde los cibercafés se ha reducido. Lo que ocurre es que a día de hoy existe una amplia oferta de lugares de acceso, y según los datos observados en el Panel ya mencionado, los usuarios prefieren conectarse desde el trabajo, la casa de familiares o amigos, el centro de estudio o la biblioteca.

 

 

Para realizar este análisis me he basado principalmente en varios estudios del EGM, al tiempo que he comparado los datos con otros análisis como el del informe B2C. Antes de comenzar con el estudio específico del uso de las tecnologías multimedia según sexos, creo que es oportuno hacer una breve introducción con algunos de los datos más importantes para situar al lector.

 

 

Según los informes del EGM, el medio de comunicación más demandado es la televisión, con una tasa de penetración entorno al 88%. En contraposición, el cine cuenta con tan solo un 4,2% de penetración, y a caballo entre ambos medios están, en orden descendente, las revistas, la radio, los diarios e Internet. Éste último cuenta con una tasa de penetración entorno al 30%. Con penetración nos referimos al número de lectores, espectadores, usuarios… que utilizan cada uno de los medios anteriormente mencionados cada día.

 

Centrándonos en Internet, cabe destacar que su tasa de penetración desde 1997 hasta noviembre del 2008 ha dibujado prácticamente una línea recta ascendente, pasando de un 0,9% de usuarios al día en 1997 hasta alcanzar datos casi del 30%.

 

Dicho esto, a partir de ahora vamos a enfocar el estudio en las diferencias entre hombres y mujeres. Del total de la población recogida por el EGM, un 51,1% se corresponde con mujeres, y el resto, el 48,9% con hombres.

 

No obstante, en lo que se refiere a la utilización de Internet a diario, el número de hombres supera al de las mujeres, con datos del 56,6% y del 43,4% respectivamente. Esta es la tónica general del uso de los demás medios de comunicación, excepto de las revistas y suplementos, donde ls mujeres participan más que los hombres.

 

Según este mismo informe del EGM, los sitios que encabezan la lista de visitas hasta la fecha de noviembre de 2008 son principalmente Marca, EL País, Páginas Amarillas y Terra. En el otro extremo se encuentran las webs de Nuevaespana.es, Plus.es y Expansión.

 

Por otro lado, es interesante también hablar del comercio electrónico ya que generó en 2007 un volumen de negocio que superó los 4.700 millones de euros, lo que significó un incremento del 71,4% respecto al año anterior. Si echamos la vista aun más atrás, el contraste es aun mayor, y es que según los datos ofrecidos por el Informe de Comercio Electrónico B2C de 2008, en 2000 el volumen de negoció fue de alrededor de 240 millones.

 

En la actualidad, esta fórmula continúa dando sus frutos, aunque también es cierto que cada vez son más los usuarios que reniegan de ella, debido en gran parte al exceso de los llamados spams y los envios masivos de publicidad vía e-mail

 

No obstante, este incremento en el volumen de negocio viene motivado más que por el aumento en las cantidades de cada compra, por el aumento del número de compradores, que en tan sólo un año, pasó del 2,7,3% de los internautas al 38,9%.

 

La mayoría de los compradores por Internet son hombres, con un 59,5% frente al 40,5% en 2007. Esta brecha entre hombres y mujeres se ha mantenido pracicamente igual en los 3 años anteriores.

 

Además, es curioso, como en los últimos años, el  hogar se ha convertido en el principal lugar de acceso y tramitación de estas compras, con una tasa porcentual del 84,3% del total.

 

La comodidad y el precio continúan siendo el motivo principal que impulsa estas compras tanto para hombres como para mujeres con  datos del, 59,7% y el 45,5% respectivamente.

 

Al hilo de esto, también hemos analizado cifras que se refieren a la utilización del correo electrónico, ya sea con fines de compra o no. En cuanto a género, el dato a destacar es que las mujeres son las que menos lo utilizan, y especialmente las mayores de 35 años con estudios primarios o secundarios.

 

Según datos de este mismo informe, el nivel de experiencia en el uso de Internet declarado por los usuarios es muy alto, y es que ya en 2007, prácticamente 8 de cada 10 internautas se conectaron por primera vez hace más de tres años.

 

Además, según datos sociodemográficos, los que acumulan mayor porcentaje de internautas con una experiencia superior a los tres años son hombres, menores de 34 años y residentes en ciudades grandes.

El contenido de esta entrada trata sobre el análisis formal de varias webs de diferentes medios de comunicación. Todo esto ha sido posible gracias a la he utilizado la herramienta Web Developer Toolbar de Mozilla, que a través de sus doce pestañas, nos permite acceder a información imposible de observar a simple  vista.

 

Los medios analizados han sido los siguientes:

Nombre: El Mundo
Tipo de medio: Prensa digital
URL:
http://www.elmundo.es
Nombre: Onda Cero
Tipo de medio: Web de radio
URL:
http://www.ondacero.es
Nombre: Antena 3 Televisión
Tipo de medio: Web de televisión
URL:
http://www.antena3.com

 

ANÁLISIS GLOBAL DE EXPERIENCIA DE USUARIO

 

www.elmundo.es

 

La experiencia global de usuario en esta web es bastante satisfactoria. Se puede decir diremos que es utilizable, útil, deseable, accesible y encontrable. Y que por tanto, cumple con los requisitos mínimos necesarios para una web de este nivel.

 

La estructura de la página es bastante buena, y el usuario tiene la opción acceder y no acceder a según que tipo de información de forma sencilla, gracias a que los contenidos están muy bien seleccionados y titulados.

 

Además, exceptuando ciertos vídeos que pueden tardar un poco en cargarse,  la página no suele dar errores durante la navegación.

 

www.antena3.com

 

En este caso nos encontramos con la web de una de las cadenas de televisión más importantes de nuestro país, por lo que a priori esperamos que la calidad de la página sea buena. La web de Antena 3 es también muy completa y resulta creíble y útil a la vez que fácil de utilizar.

 

Lo único malo, es que los vídeos se cargan automáticamente al abrir la página, por lo que, por un lado, el sonido aparece sólo o interfiere en la música o audios que se estén reproduciendo, y por otro, ralentiza la carga completa de la página y de los procesos que se están llevando a cabo en ese momento.

 

 

www.ondacero.es

 

Por último, y después de haber analizado las webs de Atena 3 y El Mundo, podemos decir que en el caso de Onda Cero, su web es de menor calidad que las anteriores.

 

A pesar de que está igualmente bien estructurada, con claridad y credibilidad, el acceso a ciertos contenidos suele presentar problemas. Me refiero con esto a que por ejemplo, ciertos archivos de audio no se reproducen automáticamente al pincar sobre ellos, sino que necesitan de un soporte extra, llámese Active X, o como sea, para poder escucharlos.

 

Comparativa del análisis de accesibilidad de las páginas web de Onda Cero, El Mundo y Antena 3.

Se trata de tres medios importantes y por lo tanto la navegación a través de sus webs es más o menos buena. Sin embargo el problema con el audio de Onda Cero hace que la media de los tres bajes considerablemente. El Mundo es un medio de información escrita y contiene mucha información escrita. Antena3 es una web de una cadena de televisión y en su web encontramos muchos vídeos de las series de esta cadena. Pero en la web de Onda Cero, pese a estar bien estructurada, da un error al escuchar los audios. Un gran fallo.

 

 

ANÁLISIS DE USABILIDAD

 

www.elmundo.es

 

Pestaña Disable.

Desactivar cache: la página no se ve afectada.

            Java: la página no sufre cambios.

            JavaScript: la página no se ve afectada.

            Tamaño mínimo del texto: la página no parece sufrir cambios.

            Colores de página: la información se puede ver sin cambios. Sin embargo, la cabecera de la página no se ve y los hipervínculos se ven de color azul.

            Bloqueador de Popups: la página no tiene ningún cambio.

 

Pestaña CSS

Desactivar todos los estilos de la página: toda la información de la página se desplaza a la izquierda. Es decir, se ve toda la información  pero de manera descolocada, lo que además la convierte en una página más larga.

            Dessactivar los Embedded styles: la página parece no sufrir cambios.

            Desactivar Inline styles: la página parece no sufrir cambios.

            Desactivar linked styles: la página se ve afectada de una forma igual o muy parecida al cambio que se produce cuando se desactivan todos los estilos de la página.

            Desactivar los print styles: la página no parece tener modificaciones.

Además de estas opciones, con la pestaña CSS también se pueden desactivar determinadas partes de la página (como la cabecera), el estilo de los diferentes tipos de información, imágenes y vídeos y hasta te permite ver la hoja de estilo de la página.

 

 

 

Pestaña Forms

            Display forms details: afecta al buscador, a los diccionarios, al portal inmobiliario, a la guía “metrópoli” y a la búsqueda de ofertas de empleo.

Mostrar password: no encuentra ninguna contraseña.

            Ver información de formularios: podemos ver (si aparece expuesto) el ID, nombre, método, elemento, tipo, acción… es decir, cómo funcionan los formularios en esta Web.

            Auto Completion: no se desactiva o no tiene desactivado ningún elemento.

            Desactivar form fields: no se desactiva o no tiene desactivado ningún elemento.

Con esta pestaña, también podemos ver cuántos botones de radio hay (en esta página hay cuatro), así como convertir “GETs to POSTs” o “POSTs to GETs” (cinco formas).

 

Pestaña Images

            Desactivar todas las imágenes: las únicas que se ven son la foto principal de la sección, el archivo de imagen de la publicidad, los iconos de las secciones de información y el icono de la tienda.

            Mostrar todos los atributos: aparece la explicación y la información de las imágenes. También aparece el texto al que están acompañando.

            Dimensiones de imágenes: aparecen las dimensiones de todas las imágenes.

            Tamaño de las imágenes: aparece el tamaño (en bytes) de los archivos de imagen.

            Buscar imágenes rotas: en una página aparte salen tres link. Uno de ellos, el de la propia página, tiene diez imágenes rotas.

            Imágenes outline: aparecen las imágenes y sus pies de página “enmarcados” entre líneas azules.

            Ver información de las imágenes: aparece otra página con tres links. En uno de ellos, el de la propia página, pone que hay 137 imágenes, donde se resumen atributos de todas y cada una de las 137 imágenes: “src” “width” “height” “file” “size”, “alt”… además, en el tercer link que aparece, existe una imagen (publicidad openbank).

             “Images: display all attributes”: aparecen las referencias de las fotos (título de la foto, agencia a la que pertenece y, en algunos casos, sección).

 

Pestaña  “Miscellaneus”:

Dentro de esta herramienta podemos encontrar entre otras opciones:

 

Linearize Page: pulsando esta opción encontramos como particularidad que toda la información de la página se desplaza hacia la parte izquierda.

Small screen rendeing: no pasa absolutamente nada.

Edit html: aparece una barra en la parte inferior de la pantalla.

El resto de opciones desplegables dentro de esta herramienta no se produce ningún cambio en la página Web.

 

Pestaña  “Resize”:

Dissplay Windows size: te permite obtener el tamaño de la ventana

Window width: 1296px

Window height: 786px

Viewport width: 1280px

Viewport height: 591px

 

Dissplay Windows Size Title: sale igual pero en la barra de navegación.

Resize Windows: aparece una ventana denominada Custom Size:

 

www.antena3.com

 

Pestaña Disable

Disable cache: no ocurre nada

Disable Java: no ocurre nada

Disable JavaScript: no ocurre nada

Disable Meta Redirect: no ocurre nada

Disable minimum font size: La página se recarga automaticamente pero no hay ningún cambio aparente.

Disable page colours: los colores del fondo se convierten en blanco.

Disable popup blocker: no ocurre nada

Disable Referrers: no ocurre nada

 

Pestaña CSS

Disable Styles

Disable All Styles: desparece el fondo, se desplazan todos los contenidos a la

izquierda y se colocan en columna. Todo el formato desaparece.

Browser Default Styles: no ocurre nada.

Embedded Styles: no ocurre nada

Inline styles: la cabecera se coloca más abajo. Coloca todo a la misma altura. Digamos que no sobresale ninguna sección por arriba ni por abajo.

Lynked style: ocurre lo mismo que en “Disable All Styles”

Print Styles: nada

Display CSS by Media Type: en ambas opciones ofrecidad (Print & Handheld) ocurre lo mismo que en Disable All Styles

View CSS: nos muestra la pagina de CSS y todos sus códigos HTML.

View Style Information: aparece una nueva barra bajo la que hemos instalando donde nos muestra los codigos HTML de cada elemento de la pagina tan solo colocando el cursor sobre el elemento.

Edit CSS: aparece una nueva barra en la parte baja de la pagina donde os permite

editar las CSS

Use Border Box Model: añade un borde a determinados contenidos audiovisuales. los enmarca.

 

Pestaña Forms

Display forms details: nos señalan las zonas de búsqueda con códigos html.

Show passwords: aparece una ventana de diáologo que nos muestra que no hay

contraseñas.

View Form Information: salta a una nueva pestaña que nos muestra los formularios de la página

Convert Form Methods Gets to Posts: no convierte nada

Convert Form Methods Posts to Gets: convierte 1 elemento a Get

Convert Select Elements to Text Inputs: no convierte nada

Enable Auto COmpletion: no ocurre nada

Enable Form Fields: no ocurre nada

Clear Radio Buttons: en esta página nos muestra que hay 2.

Make Form Fields Writable: no hace nada

Remove Maximum Lengths: en este caso no elimina nada.

 

Pestaña Images

Disable All images: desaparecen todas las imágenes

Display All Atributes: aparecen los codigos html de las características que acompañan a las imágenes.

Display Image Dimensions: aparece un peqeuñp recuadro sobre la imagen con sus dimensiones

Display Image Filesizes: aparece un pequeño recuadro sobre la imagen con su tamaño

Display Image Paths: aparece un pequeño recuadro sobre la imagen con la ruta de acceso a la misma

Find Broken images: aparece una nueva pestaña con la direccion de Antena 3

Outline Images: enmarca las mismas con lineas azules y rojas

View Image Information: nos muestra toda la informacion de las imagenes en una nueva pantalla (Src, altura, anchura, tamaño del archivo)

Hide Background Image: elimina las imagenes de fondo

Hide Images: elimina todas las imagenes

 

Make Images full size: no ocurre nada

Make Images Invisible: desparecen las imágenes de la página Pestaña Information display abbreviations: no hay cambios aparentes

 

 

9. Resize

            Display Window Size: Aparece un mensaje emergente con la siguiente información:   Window width: 1032px

Window height: 742px

 

Viewport width: 1024px

Viewport height: 544px

 

Display Window Size In Title:

Resize Window: Salta una ventana emergente en la que puedes redimensionar la ventana al tamaño que quieras.

800×600: cambia inmediatamente la resolución de la página al tamaño de 88×600.

Edit Resized Dimensions: Aparece un menú en el que puedes añadir otro tamaño para que se quede guardado.

            Zoom: Pinchando se amplía el contenido de la página.

 

 

 

 

www.ondacero.es

 

Pestaña Disable

Al marcar la opción disable cache: La página no sufre variación

Al marcar la opción Java: La página no sufre variación

Al marcar la opción JavaScript: La página no sufre variación

Al marcar la opción tamaño mínimo del texto: La página no sufre variación

Al marcar la opción colores de página: El color de fondo desaparece pero se ve con claridad cuales son los hipervínculos y se lee bien la información.

Al marcar la opción bloqueador de popups: La página no sufre variación

 

Pestaña CSS

Al marcar la opción de desactivar todos los estilos de la página… se desplaza todo a la izquierda. Se ve mal, y se alarga mucho la página, pero dentro de lo que cabe la información sigue ahí. Es más incómoda la navegación porque se descoloca casi todo.

Al marcar la opción de desactivar los Embedded stylesno ocurre nada.

Al marcar la opción de desactivar Inline stylesno ocurre nada.

Al marcar la opción de desactivar linked stylesla página sufre casi la misma modificación que al desactivar todos los estilos de la página.

Al marcar la opción de desactivar los print stylesno sucede nada.

Podemos también desactivar la parte inferior, la cabecera de la web y el sector principal del sitio web, con lo que puedes desactivar partes de la página.

Con esta pestaña también podemos ver la información del estilo de los diferentes tipos de información, imágenes, videos…

Se puede ver la hoja de estilo de la página web e incluso editarla

 

Pestaña Forms

Al marcar la opción display forms detailsnos señalan las zonas de búsqueda.

Al pulsar en mostrar password… en esta página no hay ninguno.

Al pulsar en ver información de formulariospodemos ver como funcionan los formularios en esta web.

Al desactivar el “Auto Completion”: No se desactiva ningún elemento.

Al desactivar “Form fields”: No se desactiva ningún elemento.

También podemos ver por ejemplo cuántos botones de radio hay. En la web de Onda Cero hay dos.

 

Pestaña Images

Al marcar desactivar todas las imágenes… desaparecen las fotos salvo la de publicidad y la animación de los programas que hay.

Al marcar mostrar todos los atributosaparece la explicación e información que tienen las imágenes así como el texto al que acompañan.

Al marcar dimensiones de imágenes… sale la talla de las imágenes.

Al marcar tamaño de las imágenes… sale el peso de las mismas.

Al marcar buscar imágenes rotas… En la web de Onda Cero no hay ninguna.

Al pulsar en “imágenes outline”… aparece el marco de las fotos y los gráficos.

Al marcar ver información de las imágenes aparecen los siguientes atributos de imagen “src” “width” “height” “file” “size” y “alt”.

Hay otras funciones mediante las cuales puedes ocultar imágenes.

 

 

Pestaña Miscellaneous

Al pulsar sobre Miscellaneus: Linearize Page

Toda la información se desplaza a la izquierda y gran parte de ella se pierde. Los cuadros, textos y fotos se superponen formando un auténtico lío en la web.

Al pulsar sobre Miscellaneus: Small screen rendering

Se desplaza todo el texto a la izquierda pero esta vez en un marco aparte. No se pierde información pero se descoloca. El resto de la pantalla, en otro marco, sale en gris. 

 

Pestaña resize

-Miramos el tamaño de ventana

Window width: 1288px

Window height: 778px

Viewport width: 1280px

Viewport height: 611px

-Tamaño de la ventana en el título: Es el mismo que en la ventana pero sale en la barra de navegación

-Además podemos elegir el tamaño de la ventana que queramos (nos dan un tamaño estándar, en este caso de 800×600), editar dimensiones y utilizar el zoom tanto para alejar como para acercar.

 

* Comparativa del análisis de usabilidad de las páginas web de Onda Cero, El Mundo y Antena 3.

 

Después de este análisis llegamos a la conclusión de que son muy similares. Cuando activamos y desactivamos las diferentes opciones que la barra Web Developer Toolbar nos ofrece suceden cosas muy parecidas. Parece que las webs están hechas por la misma empresa, con lo cual no extraña que sean tan parecidas.

 

 

ANÁLISIS DE ACCESIBILIDAD

 

www.elmundo.es

 

Pestaña Information

            Information  display abbreviations: muestra las abreviaturas que se pueden ver de esta página, como H para las horas, TV para la televisión, C para referirse a comunidad…

            Information Tab Index: no encontramos nada relacionado con los índices de tabulación al marcar esta casilla.

            Information  document outline: aparece otra página donde hay siete links. Los mas amplios son el primer link (el de la propia página) y el quinto (se expanden hasta h6) mientras que los 3 siguientes se expanden hasta h2. El sexto y séptimo son solamente dos links.

En este sentido la Web del diario El Mundo tiene una buena accesibilidad ya que nos permite ver las abreviaciones, las referencias de las imágenes y tiene una buena organización de los documentos outline.

 

La hoja de estilos de El Mundo es la que más errores tiene (23). En cuanto a la validez del HTML encontramos demasiados errores y sorprende que la de El Mundo, que muy visitada, tenga tantos

 

Pestaña “Tools”

Validate Css: aparece una página nueva donde nos informa de que se han encontrado 25 errores.

            Validate HTML: encontramos  186 errores y 12 warnings.

Validate WAI:

1.1   no pasa el chequeo.

 

Imagen Maps: ningún elemento se encuentra en la Web.(Other N/A)

 

Tables: ningún elemento se encuentra en la Web. (Other N/A)

 

Frames, Scripts & Multimedia: ningún elemento se encuentra en la Web. (Other N/A)

 

Failsafe: los siguientes tres elementos no son seleccionados.

 

11.4 / (k) Option A – Check for the string ‘Text Version’ within the document.  =   N/V

11.4 / (k) Option B – Check for a Global Text Version Link within the document.   =  N/V

11.4 / (k) Option C – Check for an Accessibility Policy Link within the document.   =  N/V

 

Non 508: no aparecen chequeos.

 

www.antena3.com

 

Pestaña  Information

Display Access Key: no hay cambios aparentes

Display Anchors: muestra etiquetas html de todos los modulos de la pagina

Display Block Size: enmarca todos los bloques y muestra etiquetas con los tamaños de los mismos.

Display Link details: muestra detalles de los links de la pagina

Display object information: muestra informacion acerca del anuncio de la parte

superior de la pagina (publicidad)

Display Tab Index: no ocurre nada

Display Table Depth: no ocurre nada

Display Table Information: no ocurre nada

Display Titles Atributes: muestra informacion acerca de los títulos que aparecen en la página.

Display topographic information: el fondo se vuelve gris

Display COlour Information: slata a una nueva pagina donde nos muestra la paleta de colores utilizada

View Document Outline: aparece una nueva pestaña que nos muestra la organización de la información en títulos (headings). En este caso muestra h1, h2 y h3

View Document Size: abre una nueva pestaña con el peso de la pagina dividido en imágenes, objetos, documentos…

View Javascript: abre una nueva pestaña con toda la informacion sobre Java

View Link information: abre una nueva pestaña con todos los links que tiene la página

View Page Information: abre un cuadro de dialogo con toda la info de la pagina (fecha de modificacion, tamaño, contenido…)

 

Pestaña Tools

Validate CSS: Aparecen de forma detallada los errores encontrados en la sintaxis de las hojas de estilo. En el caso de esta página, algunos de esos errores son:

URI : http://www.antena3.com/PortalA3com/css/presentation.css

75

#publicity #ads1

La propiedad visiblity no existe : hidden

338

.modimportantcontent

La propiedad _height no existe : auto

368

.modtype1submodule

La propiedad _margin no existe : 15px 0 20px 110px

607

* html .selProgram li

La propiedad _height no existe : 25px

850

* html .selProgram1 li

La propiedad _height no existe : 25px

859

* html .programasMain ul.selProgram1 li.programOn

La propiedad _height no existe : 25px

984

ul#tabnav2

 

 

Validate Feed: En el caso de dar con un feed.

 

Validate HTML: Aparecen descritos los errores de escritura en el código XHTML. Algunos de estos errores son:

 

Errors found while checking this document as XHTML 1.0 Transitional!

Result:

179 Errors, 51 warning(s)

Address:

 

Modified:

(undefined)

Server:

Oracle-Application-Server-10g/10.1.3.1.0 Oracle-HTTP-Server OracleAS-Web-Cache-10g/10.1.2.2.0 (H;max-age=120+0;age=75;ecid=144115244859663970,0)

Size:

14659

Content-Type:

text/html

Encoding:

iso-8859-1

 

Doctype:

XHTML 1.0 Transitional

 

Root Element:

html

Root Namespace:

http://www.w3.org/1999/xhtml

 

Validate Links: Sirve para chequear la validez de los enlaces.

 

Validate Section 508:

Edit Tools:

DOM Inspector:

Error Console:

Java Console:

Display Play Validation:

Validate Local CSS:

Validate Local HTML:

 

www.ondacero.es

 

 Information: display abbreviations”…

Nos encontramos que muestra la abreviatura del nombre de una empresa pero no señala otras como TV (televisión) o H (horas).

 “Information: Tab Index”…

No sucede nada relacionado con la tabulación.

 “Information: document outline”…

Nos encontramos dos links de expansión. Uno es un link como tal y el otro se expande desde h1 hasta h4 con una división bastante compleja.

 “Images: display alt attributes”…

Muestra la referencia de las fotos y además explica un poco más la utilidad de los iconos y a dónde nos llevará la foto o el icono en cuestión.

La web de Onda Cero podemos decir que tiene una buena referencia en cuanto a las fotos se refiere pero que flojea al no explicar abreviaturas.

 

-Al marcar la opción “Tools: Validate WAI”

Ajustes básicos: El 1.1 no pasa el chequeo.

Mapas de imagen: Ninguno de estos elementos se encuentran en la web.

Tablas: No se encuentran los elementos en la web.

Marcos, scripts y multimedia: No existen en la web y por tanto no se chequean.

Failsafe: No se chequean al no existir en la web.

Non 508: No aparecen chequeados.

 

* Comparativa del análisis de accesibilidad de las páginas web de Onda Cero, El Mundo y Antena 3.

 

La accesibilidad de las tres páginas analizadas es muy similar. En el aspecto que más se distinguen es a la hora de explicar las abreviaciones. Por lo demás tienen una estructura parecida y cuando chequeamos la web encontramos gran similitud entre los elementos que no pasan el chequeo y los que no se chequean porque no existen en la web. Sin duda el hecho de que pertenezcan al mismo grupo de comunicación es un factor clave para que las tres webs tengan un cierto estilo común.

 

 

 

ANÁLISIS DE COMPOSICIÓN Y VALIDACIÓN DE ESTÁNDARES

 

www.elmundo.es

 

Pestaña “Outline”:

Esta herramienta permite resaltar en color rojo, a través de un recuadro, diferentes elementos según las opciones que posee dicha herramienta, las cuales son:

Outline: no pasa nada.

Heading: se selecciona la cabecera de la página, en este caso “el mundo”

Outline link (external links), selecciona los diferentes link de la página, por ejemplo “ocholeguas, y vino”.

Tables: -  “table caption” no pasa nada.

-  “table cell” se selecciona la publicidad de la parte superior de la    página.

 - “table tables” se selecciona con un cuadro rojo como en las otras opciones, toda la publicidad de toda la página.

Outline Block Level Elements: se selecciona toda la página.

Deprecated Elements: no pasa nada.

11. Pestaña “View Surce”

Aparece una página nueva donde encontramos el código fuente de la página a estudiar, elmundo.es

 

12. Pestaña “Option”:

            Persist features: no pasa nada.

            Option: aparece la siguiente ventana, con las opciones que podemos modificar.

 

 

            Help: aparece una página nueva de ayuda.

About: aparece la siguiente ventana con la información de la barra de herramientas:

 

 

 

 

www.antena3.es

 

Pestaña Outline

Outline Frames:

Outline Headings: Aparecen recuadrados todos los títulos y encabezamientos de las secciones ( Antena3.com, No te pierdas…).

Outline Links: Dentro de esta pestaña, aparecen otras tres, y el resultado de pinchar en cada una de ellas es el mismo. La diferencia, es que según la opción que selecciones, se recuadran o bien los links que te llevan  a informaciones de otras páginas, o bien a enlaces dentro de la propia página.

Outline Tables: Sirve para delimitar las tablas insertas en la página.

Outline Block Elements: La herramienta delimita todos los elementos bloqueados de la página. Secciones, títulos, fotos…

Outline Deprecated Elements:

Outline Positioned Elements: Delimita igualmente elementos, según sean flotantes, relativos, absolutos…

Outline Current Elements: Aparece una barra para escribir, fuera de lo que es el contenido de la página, Web Developer

Outline Custom Elements: Aparece un menú en el que puedes escribir que tipo de elementos quieres ver, y en que color cada uno.

Show Elements Names When Outlining:

 

Pestaña View Source

View Sourced: Aparece una nueva página nueva con el código en HTML de la página.

View Generated Source: Aparece una ventana otra vez con código.

Edit View Source With Applications: Salta una ventana con diferentes opciones del Web Developer.

 

Pestaña Options

Persist Features: Aparentemente no ocurre nada en la página.

Options: En esta ocasión se vuelve a abrir la misma ventana de opciones del Web Developer.

Help: Se abre una página nueva con información de ayuda para la utilización del programa.

About: aparece la siguiente ventana con la información de la barra de herramientas

 

www.ondacero.es

La herramienta Outline permite destacar con un trazo de color diferentes elementos, por ejemplo, los bordes y dimensiones de los <div>, encabezados, enlaces, tablas, etc.

 

 Outline frames”…alguna foto se superpone a otra.

 Headings”… observamos que la página tiene varias cabeceras. Primero la cabecera del periódico. Luego las cabeceras de cada una de las informaciones, también llamadas titulares.

enlaces externosvemos el link al blog de Juan Luis Cano, así como otras noticias de la web de Antena 3, otros blogs, y publicidad.

tablasvemos que sólo hay tablas en la parte inferior.

Outline Block Level Elementspodemos ver como está estructurada la web y los niveles que hay dentro de la misma.

Deprecated Elementsnos señala únicamente la sección de servicios de la web.

 

Validamos la Feed con la herramienta Tools: Validate Feed.

Al validar las hojas de estilo de la página con la herramienta Tools: Validate CSS encontramos que hay 11 errores.

Al validar el HTML con la herramienta Tools: Validate HTML nos encontramos con 149 errores y 11 warnings.

 

*Comparativa del análisis de accesibilidad de las páginas web de Onda Cero, El Mundo y Antena 3.

 

La herramienta Outline es bastante parecida en las tres webs, por lo que se ven muy similares. La hoja de estilos de El Mundo es la que más errores tiene (23). Las otras dos tienen menos, en el caso de Onda Cero la mitad de errores. En cuanto a la validez del HTML encontramos demasiados errores y sorprende que la de El Mundo, que muy visitada, tenga tantos.

 

¿Qué es el Copyright?

   Con la palabra importada del inglés, copyright nos referimos a los derechos de autor. Es una forma de proporcionar protección a través de leyes que lo respaldan hacia las obras de arte en cualquiera de sus modalidades; música, literatura, pintura, intelectuales,dramáticas…

   Estas leyes fueron diseñadas para asegurar el reconocimiento y la recompensa al artista creador de las obras. El propietario del copyright es la única persona autorizada a reproducir, cambiar, vender, publicar, distribuir o presentar el material de copyright legalmente.

   Por último, mencionar que los copyrights pueden durar entre 67 y 95 años, dependiendo de la fecha de creación de la cosa, y cuando salió el copyright.

¿Qué es el Copyleft?

   Con el paso de los años, la situació y las necesidades han ido cambiando, y en ocasiones, el copyright se ha quedado un tanto escueto a la hora de conciliar el derecho legítimo de explotación mercantil con el derecho de libre acceso a la cultura. De esta forma, surge una nueva forma de expresión jurídica; el copyleft.

   Es una fórmula de copyright nacida en el ámbito del software libre (free software) mediante la cual el autor de un programa lo declara como de dominio público, incluido el código fuente (source code) del mismo, de forma que quien quiera pueda usarlo y modificarlo.

   A diferencia de lo que ocurría en el copyright, esta nueva modalidad de licenciamiento proporciona unas licencias abiertas y flexibles, abriendo la posibilidad de que cualquier usuario pueda acceder al contenido y modificarlo. No obstante, las modificaciones o recirculaciones deben respetar las condiciones de la licencia original.

   Además, El término copyleft juega con el significado político de las palabras derecha e izquierda, right y left respectivamente en inglés, dado el origen libertario del movimiento del software libre.

   Alternativas de licenciamiento de productos digitales

   En la dimensión que más nos interesa se encuentra el sistema de licencias Creative Commons, lo que en español se traduciría como bienes creativos comunes.

   Es una organización sin ánimo de lucro que ofrece un sistema flexible de derechos de autor para el trabajo colectivo. Sus licencias van desde el sistema de derechos de autor clásico hasta la licencia de libre distribución de contenidos.

   Esta idea surge como un reformulamiento del concepto de propiedad intelectual tradicional, adaptándose a las necesidades digitales de la actualidad. Existen seis modelos básicos de licencias que surgen de la combinación de cuatro criterios básicos: reconocimiento, no comercialización, no elaboración de obras derivadas y compartir igual.

Copyright vs Copyleft

En mi modesta opinión, lo que ocurre es que el copyright ha quedado un tanto obsoleto dados los avances y las nuevas necesidades surgidas a día de hoy. Por tanto, me estoy a favor del Copyleft, lo que por otor lado no significa que esté totalmente en contra del Copyright.

Me refiero a que lo ideal sería una mezcla de ambos, ya que el dados los nuevos formatos, soportes y formas de distribución la aplicación estricta del Copyright es muy dificil. Además, el Copyleft abre una ventana a la creación de nuevas ideas y mejoras de las obras, por tato, si tuviera que elegir entre ambos, optaría por esta última modalidad.

La dirección de acceso a esta web es la siguiente: www.antena3.com 

 

Antena 3 no se queda atrás en la utilización de la red, y al igual que la mayoría de canales televisivos, tiene su propia página web, en la que los contenidos del medio están al alcance de los internautas 24 horas al día.

 

 

Productos informativos:

 

La página tiene una estructura similar a la del resto de cadenas, con un menú horizontal en la parte superior, que se divide en las secciones de: programación, series y programas, A3 noticias, capítulos completos, canales y servicios.

 

Entrando en cada uno de estas secciones, encontramos las divisiones propias de cada apartado, apoyadas siempre por soportes audiovisuales, ya sea en forma de vídeos, imágenes o sonidos.

 

En lo que queda de página, la cadena organiza de forma muy visual los programas o series más destacados del momento, a la vez que recuerda a los espectadores las series del día. En la web también hay espacio para la publicidad como tal, pero a diferencia de otras webs, en esta se encuentra ubicada en la parte inferior derecha, tomando poco protagonismo.

 

Servicios:

 

La web cuenta con una sección específica en la que recoge todo este tipo de aplicaciones. Los distintos apartados aparecen distribuidos en dos columnas, y algunos de estos canales son: teletexto, loterías, canal viajes, zona cntxta, chat….

 

A diferencia de otras páginas homólogas, los servicios se pueden identificar rápidamente ya que se encuentran todos agrupados en un mismo bloque.

 

Publicidad:

 

La publicidad se encuentra ubicada en la parte inferior derecha, ocupando una posición muy modesta dentro del total de la web. Además, sólo consta de cuatro paneles estáticos, que en ningún momento interrumpen la navegación del usuario.

 

Participación:

 

A3 tampoco se queda atrás en lo que se refiere a la participación de los usuarios. La web cuenta con espacios en los que los internautas pueden interactuar con la cadena de algún modo, bien sea a través de foros, chats,  blogs, o sms.

 

Holaaaaa !! ya tengo bloG.

Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!