Práctica 10 -> ARTÍCULO 3/4 PANTROPÍA

EDITORA (JUNTO CON LAURA PLIEGO).

pantropia43

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€.

grafica 1

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

cosas mas compradas

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.

problemas en las compras

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 tienen a la hora de llevar a cabo esta acción.

Práctica 10 -> Herramientas de gestión de la información

HERRAMIENTAS:

Many Eyes

http://manyeyes.alphaworks.ibm.com/manyeyes/

Newsmap

http://newsmap.jp

Touchgraph

http://www.touchgraph.com/TGGoogleBrowser.html

—————————————————-

Análisis de los resultados de la búsqueda “comercio electrónico” mostrados en la herramienta de visualización Newsmap.jp

http://newsmap.jp

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

Análisis de los resultados de la búsqueda “comercio electrónico” mostrados en la herramienta de visualización Touchgraph.

http://www.touchgraph.com/TGGoogleBrowser.html

Al introducir “comercio electrónico” en este motor de búsqueda,

- Las páginas de más relevancia/coincidencia de resultados (aparecen en color rojo), son:

http://www.myownbusiness.org/espanol/index.html :

(herramientas básicas para elegir un plan de negocio).
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 en importancia:

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 (normalmente son 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.

——————-

(Many Eyes: “Tag Cloud”).

tags

Práctica 09 > Segundo Artículo Pantropía.

TEMA: Lugares de conexión a Internet más frecuentes: trabajo, hogares, cibercafés.

TAREA ASIGNADA: Análisis de la Conexión a Internet desde el puesto de TRABAJO.

Analizando los datos proporcionados por la XXI Oleada del Panel de Hogares (Correspondiente al tercer trimestre de 2008), nos encontramos con que 8.4 millones de individuos (38% de la población) acceden desde el lugar de trabajo, precedido por el hogar (74.5 % de la población de más de 15 años) y seguido por las casas de familiares/amigos – tendencia que no cambia con respecto al 2007-.

Lo que sí puede observarse es que la tasa de acceso desde el trabajo ha disminuido un 6.8 % comparándolo con el año anterior. (En 2007 , la tasa de acceso desde el puesto laboral creció únicamente un 0.2 % con respecto al segundo semestre del 2006).

Centrándonos en la nacionalidad, del 44.8 % de usuarios que accede desde el puesto de trabajo en 2007, son españoles un 46.35%, y extranjeros un 21.3 %. – Según refleja la Encuesta sobre acceso a las TIC en España realizado por el INE en ese mismo año-.

Una clara y posible explicación a este fenómeno aparece en el Informe de la Fundación Telefónica (Ariel Publicaciones, 2008):

“A medida que los beneficios de la sociedad de la información son percibidos más claramente, son muchos los usuarios que prefieren disponer de acceso desde el hogar y así evitarse las incomodidades y limitaciones del acceso desde otros lugares. Este incremento en el número de internautas provoca una caída de los precios debido a la competencia y a las economías de escala lo que a su vez sirve de revulsivo para que todavía más internautas se unan.”

Práctica 08 > Primer artículo Pantropía – Imagen fija (edición en línea y sharing) y documentos ofimáticos.

Búsqueda de Información para la realización del Artículo en Pantropía, versando sobre Sociedad de la Información – Datos.

Páginas web:

http://e-libros.fundacion.telefonica.com/sie08/aplicacion_sie/partea/datos.html

“Sociedad de la Información en España en 2008”. Colección Fundación Telefónica. Ariel.

Lo realmente importante para el artículo se encuentra en el capítulo primero (Uso de las TIC por los ciudadanos) incluido en la primera parte del informe.

En este artículo podemos encontrar bastantes datos para nuestro artículo. En concreto, en el uso de los servicios TIC por número de usuarios, lugar de acceso… Ahondando un poco más, encontramos en el punto 1.1.5. la información sociodemográfica. (Por Género, Edad y Clase social, entre otras).

http://www.adese.es/web/estudios.asp

Estudios realizados por la Asociación Española de Distribuidores y Editores de Software de Entretenimiento.

Diferentes informes de hábito en el uso de los videojuegos, tanto a nivel geográfico, como referente a edad y sexo:

Hábitos e iniciación a los videojuegos en mayores de 35 años

Usuarios de videojuegos en Europa

**Datos de ventas, demográficos y de uso**

Mujeres y videojuegos

**Estudio de hábitos y usos de los videojuegos**

- Como información complementaria está bien, puede recurrirse a ella para obtener información puntual a cerca de los videojuegos.

http://www.aimc.es/aimc.php

Publicaciones de la Asociación para la Investigación de los Medios de Comunicación.

En ellas podemos encontrar los hábitos de los consumidores de los diferentes medios de difusión. Dichos hábitos se encuentran clasificados según el sexo, la edad y la clase social. Imprescindibles para la elaboración del artículo.

http://observatorio.red.es/hogares-ciudadanos/articles/129

Informes del Ministerio de Industria, Turismo y Comercio – Secretaría de Estado de Telecomunicaciones y para la Sociedad de la Información- relativos a la Sociedad de la Información.

Concretamente, nos interesa:

http://www.red.es/publicaciones/articles/id/3212/xxi-oleada-del-panel-hogares-julio-septiembre-2008.html

XXI Oleada del Panel de Hogares (Julio-Septiembre 2008)

En ella, encontramos útiles para el artículo las páginas:

Referido a la edad del usuario: Págs. 2, 6, 7, 8, 29.

Con respecto a la clase social y el sexo no encontramos nada relevante.

http://observatorio.red.es/informes-anuales/articles/id/2426/informe-anual-2007.html

“Informe anual sobre la Sociedad en Red  2007” elaborado por el Observatorio Nacional de las Telecomunicaciones y la Sociedad de la Información (ONTSI) incorpora una completa batería de indicadores y análisis sobre la situación y la evolución de las TIC en el Mundo, en España y en países del entorno.

El Informe comienza haciendo un análisis del contexto global de las TIC en 2007, pasando después a una revisión de la evolución de la Sociedad de la Información en los países de la Unión Europea. Finalmente se incluye un tercer bloque sobre España, con un análisis pormenorizado de la Sociedad de la Información y las Telecomunicaciones en los Hogares, las empresas y el sector TIC.

(Posibilidad de descargarse – previo registro – las diferentes partes del informe. En concreto, nos interesa la parte relacionada con España; es decir, el tercer bloque).

http://www.red.es/media/2008-10/1224586013979.pdf

“Comercio Electrónico B2C 2008”

Relativo a las compras por Internet.

Referido a la edad: Páginas: 24, 40, 46, 52, 53, 65.

Clase social: 66.

Sexo: mujeres: 28 , 33, 39, 40, 44, 49, 57,58,62,66.

Hombres: 12,18,19, 23,30,38, 40,46,50, 62,65,66.

http://observatorio.red.es/informes/articles/id/2108/contenidos-digitales–nuevos-modelos-distribucion-line-junio-2006.html

“Contenidos Digitales. Nuevos modelos de distribución on line (junio 2006)”

Videojuegos, música y vídeo digital impulsan el ocio en Internet

Un poco relacionado con todos los artículos anteriores. Está bien tenerlo, por si queréis recurrir a ello.

http://observatorio.red.es/indicadores2/indicadores2/europe/indicadores.html

http://observatorio.red.es/indicadores2/indicadores2/areas/ciudadanos/todos_nw.html

Indicadores sobre el uso de Internet en la UE, tabla con los porcentajes, según lugar, finalidad, etc.

Por si lo queréis echar un vistazo. No es muy necesario.

http://www.n-economia.com/fichas_neconomia/pdf/gr2/2_11.pdf

Índice de Sociedad de la Información en diferentes países del mundo. Interesante incluir algo sobre ello en el artículo. (O en otro).

Documentación adicional:

“Libro blanco de los Contenidos Digitales” -> 02. sector videojuegos. (2.3. estudio del mercado de los videojuegos). 03. sector música (3.2. sit. mercado musical), 04. audiovisual – tele y radio (…), 05. sector publicaciones (…) 06. sector publicidad (…) 07. sector cine (…) 08. la sociedad en red (…) .

“La Sociedad de la Información en el siglo XXI: un requisito para el desarrollo”.

Documento .pdf que muestra la situación actual del panorama referente a la SdI en España, por El Ministerio de Ciencia y Tecnología (2002), con la colaboración de ENRED Consultores S.L.

Práctica 6. Diseño centrado en la Experiencia de Usuario

 

ANÁLISIS COMPARATIVO:

ONDA CERO:

web de radio.

http://www.ondacero.es/OndaCero/

EL MUNDO:

web periódico digital.

http://www.elmundo.es/elmundo/


ANTENA 3:

sitio del canal televisivo.

http://www.antena3.com/PortalA3com/

ANÁLISIS GLOBAL DE LA EXPERIENCIA DE USUARIO:

 

En líneas generales los tres sitios web analizados son usables y útiles. En cambio, los tres suspenden en accesibilidad. Creo que esto último es un hándicap que deberían solucionar pronto para mejorar la difusión de la información para todo tipo de personas, aunque hay que ser consciente de las dificultades técnicas y económicas que entrañaría el giro a una mayor accesibilidad por parte de las diferentes tipologías de usuario.

USABILIDAD

 

1. En OndaCero los enlaces cambian de color al visitarlos, al contrario que en ELMUNDO y Antena3.

2. El botón “Atrás” del navegador se encuentra habilitado en las tres páginas web.

3. En OndaCero, si pinchamos en las secciones, éstas se abren en nuevas pestañas (Firefox). En cambio, si hacemos click en los links de la ventana principal que no son secciones, se abren en la misma ventana. La web de Antena 3 abre todos los vínculos de secciones en la propia pestaña, pero los que no son de secciones lo hace en otra pestaña. (Es decir, al contrario que en ondacero). Por el contrario, El Mundo habilita todo en la misma ventana/pestaña.

4. No existen pop ups en ninguna de las tres webs.

5. Con respecto a los elementos publicitarios, en OndaCero, hay elementos publicitarios en el bloque de la derecha de la ventana principal, “pegado” a los links de autopromoción del grupo audiovisual Antena3 (Uniprex) que pueden inducir al usuario a error (a pesar de indicarlo con “PUBLICIDAD”). Ocurre lo mismo con la web televisiva del grupo. En cambio, en la web del periódico no hay ningún elemento que induzca a error, ya que se ve claramente que se trata de un banner dinámico publicitario.

publiantena3publielmundo1publiondacero1

6. A mi juicio, la de OndaCero es una web un tanto desordenada, dificultando la navegación y “cansando” al usuario. No ocurre así con la de El Mundo (claramente diferenciadas las secciones) ni con Antena3. Ello puede deberse a la tipología de medio de comunicación al que representan. Mientras que elmundo.es es un periódico digital (creado por y para informar al lector de la actualidad más relevante), las otras dos webs obedecen al objetivo de ser un canal por el cual el usuario se puede informar de la programación del medio, así como la posibilidad de comunicarse con el mismo, y, además, visionar/escuchar contenidos extras como vídeos y podcast, complementando al medio “en sí” al que representan.

 

7. Destaca la claridad de los textos. Por lo comentado en el punto anterior, es la web del periódico digital la que muestra una mayor transparencia en la redacción.

 

En los tres casos, el diseño de la web es líquido, adaptándose al tamaño de la ventana.

Ondacero y Antena3 facilitan el domicilio social de “Uniprex”, así como el aviso legal, sala de prensa y links a las diferentes webs de las demás empresas del grupo. En El Mundo ocurre lo mismo, pero el grupo al que pertenece es diferente, “Unidad Editorial”.

El empleo de imágenes, videos y textos dinámicos no se emplea web con fines no informativos/publicitarios.

El contenido y los elementos informativos están bien etiquetados.

Además, la información está actualizada.

No existen los enlaces rotos.

 

 

OPCIONES TOOLBAR.

 

ONDACERO:

 

Al desactivar los colores, el cambio en la página no es muy notable, al igual que ocurre si modificamos las opciones Java (la web permanece inalterable).

Lo mismo ocurre al pinchar sobre “Disable Meta Redirects” y “Minum font size”, además de la desactivación de los pop-up’s y “disabled referrers”.

 

Si desactivamos todos los cookies, la navegación por el sitio permanece inalterable. Por el contrario, si clicamos sobre “clear session cookies”, se desactivan 60 cookies; así como, si pinchamos en “delete domain cookies”, se borran 5. En el caso de los “path”, se eliminan 9. (La herramienta permite también, observar toda la información relativa a los cookies de la web, así como añadirlos.

 

En lo referente a los CSS: al desactivar todos los CSS, el formato de la web queda totalmente desconfigurado, las imágenes aparecen en pequeño. Equivaldría a un “Copiar y pegar” sin conservar formato. Sin colores, ni dinamismo. Lo mismo ocurre al desactivar “Linked Style Sheeds” Si seleccionamos la opción de “Disable Styles/Browser Default Styles” el cambio que se observa es el aumento del tamaño de la fuente. Si desactivamos “Embedded styles” el único cambio apreciable es que el formato del anuncio publicitario del final de la página queda eliminado. Al deshabilitar los “Inline Styles” no se observa ningún cambio aparente, así como si pulsamos en “Disable Print Style”. Lo mismo ocurre al pinchar en “Display CSS by media type /Handheld y Print”.

 

También permite visualizar los CSS y la información del estilo. Además brinda la posibilidad de modificar los CSS y guardarlos.

 

Con respecto a “Display Form Details”, en los menus desplegables y en las búsquedas aparece una hilera de etiquetas HTML. Si damos a Mostrar contraseñas, no se muestra ninguna. Además, la herramienta permite ver la información relativa a “Form”. En lo referente a “Convert Form Methods > Get to posts” y en “> post to get” , hay 6 forms cambiadas.

 

Si queremos convertir en inputs textuales, se convierten 4 elementos.

“Auto completion has been enabled for 0 elements”. “0 form fields have been enabled”. En lo que respecta a los botones de radio, se eliminan dos. 1 form field has been made writable. Al seleccionar “populate form fields” no se observa ningún cambio aparente, sin embargo se elimina una fuente con anchura máxima.

 

En relación a las imágenes. Al desactivarlas todas, se ocultan las estáticas y permanecen las dinámicas. También pueden ocultarse únicamente las externas a la propia web. No existen las imágenes animadas. En relación a Display Alt Attributes, aparece una serie de “etiquetas” como “Alt =” que representa la existencia de un link. Por añadido, la toolbar permite visualizar el tamaño de las imágenes, así como el peso de las mismas, además de su ubicación. En relación a las imágenes rotas, no se encuentra ninguna. La herramienta permite visualizar también las imágenes recuadradas, (aunque de fondo no muestra la existencia de ninguna). Permite destacar las imágenes cuyo tamaño ha sido ajustado, las que tienen vínculo, así como las sobredimensionadas, las que no tienen atributos de alternativa, ni de dimensión ni título.

 

Si habilitamos la opción de mostrar la información, aparece lo siguiente (y similares dependiendo de la info. que requiramos).

ondacero12ondacero22ondacero32ondacero42

También brinda la posibilidad de crear informes de Java, Vínculos, Etiquetas meta, página y cabeceras.

ondacero5

MISCELLANEOUS. Clear Private Date: permite borrar los datos privados de la navegación. Podemos elegir entre borrar la información referente al caché, el historial, la autentificación http o varios de estos datos a la vez. Display Line Guides: permite la aparición de guías en la página. Se pueden elegir guías horizontales, verticales, o ambas, además se seleccionar el color en el que estén dibujadas. Si nos posamos encima de cada guía, nos da información sobre la posición numérica de ésta en la página y la proximidad a las guías más cercanas. Display Ruler: con esta acción aparece una barra de opciones. Show Comments: aparece información sobre la definición de ese elemento, las medidas que tiene en la página o el enlace al que te dirigen. Edit HTML: en la parte inferior de la página aparece un editor HTML que permite guardar todo lo escrito. Linearize Page: todos los elementos de la página se trasladan al lado izquierdo (y quedan muchos de ellos sobre otros), y en el derecho solo queda una franja blanca grande. Make Frames Resizable: al probar esta acción aparece una ventana que muestra el mensaje “0 frames have been made resizable”. Small Screen Rendering: reduce todo el contenido de la pantalla a una única columna en la izquierda, y todo queda bien colocado (no superpuesto, como en la opción Linearize Page). El resto de la pantalla se queda en vacía y con fondo de color gris. Con las demás opciones no se producen cambios.

 

Outline. Outline Headlines: recuadra con verde el enlace principal de la página, que en este caso te traslada a la conexión en directo del programa que se está emitiendo en ese momento en la emisora de radio. Recuadra con color rojo el logotipo de la emisora que aparece en la parte superior de la página. Outline Links >External Links: los enlaces quedan recuadrados (las diferentes secciones, los blogs, y los avances de noticias). > Links without title attributes: quedan recuadrados los enlaces a blogs, publicidad, podcasting y programas en directo y a alguna noticia en concreto. Outline Black level elements: recuadra los elementos siguiendo el esquema de la página. Separa diferentes niveles con recuadros de diferentes colores. Outline Positioned Elements >Absolute: recuadra en rojo el enlace a la “escucha en directo” y los enlaces a las noticias. >Float: recuadra en rojo diferenciando líneas y secciones. > Relative: recuadra en azul la cabecera principal y las noticias. Outline Current Elements: al activarlo, cuando nos posamos sobre un elemento de la página una barra nos da información sobre él. Outline Custom Elements: permite elegir que tipo de elementos queremos recuadrar y en que color. Los demás elementos no provocan ningún cambio.

 

RESIZE. Display window size: nos proporciona las medidas sobre la ventana. Display window size in title: nos proporciona las medidas sobre la ventana, pero esta vez se muestran en el título de la ventana y en la pestaña de Mozilla. Resize window: nos proporciona las medidas de la ventana pero expresadas en píxeles. 800×600: adapta la ventana de Mozilla a este tamaño. Edit resize dimensions: acceso al menu de opciones de la barra Web Developer, pero directamente a la pestaña correspondiente a las medidas. Zoom: podemos seleccionar la opción “Zoom In”, con la que se hace la página más grande; o la opción “Zoom out”, con la que la página vuelve a su estado normal

 


TOOLS. Comprueba los errores de CSS, Feed, HTML, Links, Section 508, WAI. Edit Tools: se abre la ventana para seleccionar opciones en la barra Web Developer, y en concreto en el apartado Tools. Consola de errores: se abre una ventana pequeña que muestra todos los errores que se encuentran en la página. Java consola: se abre una ventana que ofrece diferentes opciones. Display Page Validation: aparece una barra donde se realiza la validación HTML y CSS y el número de errores de cada una.

 

 

View source: se abre una ventana que muestra la distribución de la página con códigos (mostrando links, nombres, etc). View frame source: para esta acción podemos elegir entre la página de onda cero u otras dos relacionadas, y para la que elijamos nos muestra una ventana igual que la del menú anterior. View generated source: se abre una ventana con la fuente DOM de la selección. Edit view source with applications: se abre el menú de la barra Web Developer, y en concreto el apartado view source.

 

Options: abre el menú de opciones para la barra Web Developer.

Help: ayuda sobre el uso de esta barra de herramientas

About: información sobre la construcción de la barra.

 

ANTENA 3.

 

No se produce ningún cambio con la pestaña Disable a excepción de

“disable minimum font size”: La página se recarga automáticamente pero no hay ningún cambio aparente. Y “disable page colours”: los colores del fondo se convierten en blanco.


 

Con la pestaña Cookies se producen pocos cambios también. Clear session cookies: nos da la opcion de borrar las cookies de la sesión iniciada. Delete Domain cookies: nos da la opción de borrar las cookies del dominio (en este caso son 12). Delete Path Cookies: nos da la opción de borrar las cookies Path (en este caso 16). No ocurren cambios con ninguna de las demás opciones.


 

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. Inline styles: la cabecera se coloca más abajo. Coloca todo a la misma altura. Lynked style: ocurre lo mismo que en “Disable All Styles” Display CSS by Media Type: en Print & Handheld ocurre lo mismo que en Disable All Styles. View CSS: nos muestra la página 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 página donde os permite editar las CSS. Use Border Box Model: añade un borde a determinados contenidos audiovisuales. Los enmarca.


 

Forms. display forms details: nos señalan las zonas de búsqueda con códigos html. Show passwords: 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. Clear Radio Buttons: en esta página nos muestra que hay 2. Con el resto de opciones no hay alteraciones en la página.


 

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 pequeño 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 dirección de Antena 3. Outline Images: enmarca las mismas con líneas azules y rojas. View Image Information: nos muestra toda la información de las imágenes en una nueva pantalla (Src, altura, anchura, tamaño del archivo). Hide Background Image: elimina las imágenes de fondo. Hide Images: elimina todas las imágenes. 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. Display Access Key: no hay cambios aparentes. Display Anchors: muestra etiquetas HTML de todos los módulos de la página. 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 página. Display object information: muestra información 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 información acerca de los títulos que aparecen en la página. Display topographic information: el fondo se vuelve gris. Display Colour Information: salta a una nueva página 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 página dividido en imágenes, objetos, documentos… View Javascript: abre una nueva pestaña con toda la información 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 información de la pagina (fecha de modificación, tamaño, contenido…)


 

Miscellaneous. Display Line Guides: Aparecen inicialmente dos líneas, una horizontal, por debajo de la publicidad en la parte superior y otra vertical en la parte izquierda que dividen la página. Se pueden cambiar de color, y añadir tantas líneas horizontales o verticales como se quiera. También se pueden mover, a fin de distribuir los contenidos como se quiera. Display Rule : es una especie de regla en unidades de píxeles. Sirve para pasar de una posición inicial (x=0, y=0) a otra final, con los valores que introduzcas. Show Comments: aparecen una serie de marcas amarillas en distintos puntos de la página. La mayoría se encuentran unos debajo de otros en el extremo izquierdo de la página, y otros, están algo más centrados, en los alrededores de la publicidad de la parte superior. Edit HTML: Aparece en la parte inferior de la página un nuevo desplegable con el código HTML que hace posible que se vea como se ve la página. Se pueden cortar e insertar nuevas partes en el texto. Linearize Page: En esta ocasión, lo que ocurre es que desaparecen la mayoría de los contenidos, quedando únicamente delimitados los apartados y secciones mediante módulos de color, y los títulos y fotos más imprescindibles (en Antena 3 Noticias, Destacamos…). Cabe destacar también que lo que no desaparece es la publicidad. Make Frames Resizable: en esta página salta una ventana de aviso con el siguiente mensaje: 0 frames have been made resizable. Small Screen Rendering: El contenido de la web se muestra de manera reducida, a modo de columna en la parte izquierda de la página.

 

Outline. 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 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 qué color cada uno.


 

 

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

 

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.


 

 

Tools. Aparecen de forma detallada los errores encontrados en la sintaxis de las hojas de estilo.


 

View Source. View Sourced: Aparece una nueva página nueva con el código HTML de la página. View Generated Source: Aparece lo mismo que en el caso anterior. Edit View Source With Applications: Sale una ventana con diferentes opciones del Web Developer.


 

 

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

 


EL MUNDO:

Disable. Únicamente se observan cambios en la opción “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.


Cookies. Los cambios notables vienen dados por: borrar la sesión de cookies, se han borrado 23 cookies. La opción ver información de las cookies: aparece otra página con dos links, el primero de ellos el de la propia página. Esta nueva ventana muestra toda la información de las cookies (NAME, VALUE, HOST, PATH, SECURE, EXPIRES) y permite la edición de las cookies.


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. Al 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. 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. Por lo demás, no hay cambios notables.


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. Al marcar la opción 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. 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). No hay más cambios.


Images. Al 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. La opción 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. Con la opción 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). La opción “Images: display all attributes” muestra las referencias de las fotos (título de la foto, agencia a la que pertenece y, en algunos casos, sección).


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 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.


Miscellaneneous. Linearize Page: pulsando esta opción toda la información de la página se desplaza hacia la izquierda. Edit html: aparece una barra en la parte inferior de la pantalla. El resto de opciones no provoca ningún cambio en la página.


 

Outline. Esta herramienta permite resaltar en color rojo, a través de un recuadro, diferentes elementos según las opciones que posee dicha herramienta. Heading: se selecciona la cabecera. Outline link (external links), selecciona los diferentes link de la página. Tables. Table cell: se selecciona la publicidad de la parte superior de la página. Outline Block Level Elements: se selecciona toda la página. Con el resto de elementos no hay cambios aparentes.


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


 

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


Resize Windows: aparece una ventana denominada Custom Size:

 

 

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 de especial gravedad. Validate WAI: no pasa el chequeo.

 

View Surce. Aparece una página nueva donde encontramos el código fuente.


 

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

Help: aparece una página nueva de ayuda.

About: información acerca del sitio.


ACCESIBILIDAD:

 

En concreto, el TEST DE ACCESIBILIDAD WEB

(http://www.tawdis.net/taw3/cms/es) muestra lo siguiente:

 

EL MUNDO:

[WAI] Problemas de accesibilidad de tipo 1. Un desarrollador de contenidos de páginas Web tiene que satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán imposible acceder a la información del documento. Satisfaciendo este punto de verificación es un requerimiento básico para que algunos grupos puedan usar estos documentos Web. Se han encontrado 22 problemas de tipo automático y 378 problemas de tipo manual.

Problemas de accesibilidad de tipo 2.(…) Se han encontrado 115 problemas de tipo automático y 490 problemas de tipo manual.

Problemas de accesibilidad de tipo 3. (…)Se han encontrado 13 problemas de tipo automático y 42 problemas de tipo manual.

 

ONDA CERO:

 

[WAI] Problemas de accesibilidad de tipo 1. (…) ha encontrado 1 problema de tipo automático y 163 problemas de tipo manual.

 

Problemas de accesibilidad de tipo 2. (…) Se han encontrado 28 problemas de tipo automático y 172 problemas de tipo manual.

 

Problemas de accesibilidad de tipo 3. (…) Se han encontrado 13 problemas de tipo automático y 35 problemas de tipo manual.

 

ANTENA 3:

 

Problemas de accesibilidad de tipo 1. (…) Se han encontrado 6 problemas de tipo automático y 150 problemas de tipo manual.

 

Problemas de accesibilidad de tipo 2. (…) Se han encontrado 7 problemas de tipo automático y 231 problemas de tipo manual.

 

Problemas de accesibilidad de tipo 3. (…) Se ha encontrado 1 problema de tipo automático y 24 problemas de tipo manual.

 

 

 

 


COMPOSICIÓN Y VALIDACIÓN DE ESTÁNDARES. ESPECIFICACIONES BÁSICAS:

 

En lo referente a los errores de HTML, el test de validación del W3C determina que la web de OndaCero tiene 141 errores, de los cuales 5 son graves o requieren atención especial. Los resultados del VALIDADOR CSS (versión 2.1) DEL W3C para OndaCero, indican que la web tiene 11 fallos, de los cuales 2 hacen referencia a errores en el análisis sintáctico, y el resto versan sobre diferentes propiedades. Para la web de Elmundo, determina 199 Errores, 12 de los cuales, requieren atención. En lo referente a la web de Antena3, 163 Errores, 53 de especial atención.

 

(También se analizó en el punto anterior).

 

 

 


 


Práctica 04. Modelos de licenciamiento para contenidos digitales.

Los modelos de licenciamiento vigentes se pueden acotar a los siguientes conceptos:

  1. Copyright o Derecho de autor*.


La Real Academia de la Lengua Española define el derecho de autor como:

El que la ley reconoce al autor de una obra intelectual o artística para autorizar su reproducción y participar en los beneficios que esta genere.”

Ley de Propiedad Intelectual (Aprobada por el Real Decreto Legislativo 1/1996, de 12 de abril – modificada por la LEY 23/2006, de 7 de julio- ).

“Artículo 1. Hecho generador.

La propiedad intelectual de una obra literaria, artística o científica corresponde al autor por el solo hecho de su creación.

Artículo 2. Contenido.

La propiedad intelectual está integrada por derechos de carácter personal y patrimonial, que atribuyen al autor la plena disposición y el  derecho exclusivo a la explotación de la obra, sin más limitaciones que las establecidas en la Ley.

(…)

Artículo 5. Autores y otros beneficiarios.

1. Se considera autor a la persona natural que crea alguna obra literaria,

artística o científica.

(…)

Artículo 6. Presunción de autoría, obras anónimas o seudónimas.

1. Se presumirá autor, salvo prueba en contrario, a quien aparezca como tal en la obra, mediante su nombre, firma o signo que lo identifique.”

Las ventajas que entraña la LPI son, a mi juicio, que el autor es propietario exclusivo de su obra, impidiendo sin consentimiento expreso del autor, su reproducción o apropiación por parte de cualquier persona que no sea el autor de la obra. Los inconvenientes, que limita el acceso de determinadas personas a contenidos por los que no pueden pagar, restringiendo o discriminando al individuo por su situación económica.

*Fuentes:

http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&LEMA=copyright

http://www.usal.es/~agencia/patentes/Ley_Propiedad_Intelectual.pdf


  1. Copyleft**

La Fundación Copyleft (http://fundacioncopyleft.org/) define estas licencias como “Grupo de licencias cuyo objetivo es garantizar que cada persona que recibe una copia de una obra pueda a su vez usar, modificar y redistribuir el propio trabajo y las versiones derivadas del mismo. Unas veces se permite el uso comercial de dichos trabajos y en otras ocasiones no, dependiendo que derechos quiera ceder el autor.”

Copyleft es el término que se utiliza en el ámbito informático (y se aplica de manera análoga a la creación literaria y artística) para designar el tipo de protección jurídica que confieren determinadas licencias que garantizan el derecho de cualquier usuario a utilizar, modificar y redistribuir un programa o sus derivados, siempre que se mantengan estas mismas condiciones de utilización y difusión.

Esta palabra comenzó a utilizarse en los años setenta por oposición a copyright para señalar la libertad de difusión de determinados programas informáticos que les otorgaban sus creadores. Unos años más tarde se convirtió en un concepto clave del denominado software libre, que Richard Stallman plasmó en 1984 en la General Public License (GPL, «licencia pública general») de su proyecto GNU («ñu»; estas siglas corresponden a Gnu is Not Unix). El objetivo principal de esta licencia es impedir que el material que se acoge a ella pueda quedar jurídicamente sujeto a derechos de autor (copyright). El término nació como deformación humorística de copyright, jugando con el significado de right (‘derecho[s]‘) en este compuesto y con su acepción política (right = ‘derecha’). El copyleft sería de este modo la reivindicación de la libertad, frente a los derechos de autor que la coartan. Al mismo tiempo, el componente -left también se asocia con el significado que posee como participio de to leave: toda creación que se difunda con esta filosofía «se deja» a disposición de usuarios posteriores, para que se pueda utilizar libremente de manera indefinida.

En mi opinión, respecto al copyright, el copyleft es mucho más flexible y permisivo, acercando más el conocimiento y no discriminando en contra de aquellos que no pueden acceder a determinados contenidos.

**Fuentes:

http://fundacioncopyleft.org/es/9/que-es-copyleft

Fundación Copyleft

Fundación Copyleft


  1. Licencias promovidas por “Creative Commons”***

Reconocimiento: El material creado por un artista puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos.

Reconocimiento – Sin obra derivada: El material creado por un artista puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. No se pueden realizar obras derivadas.

Reconocimiento – Sin obra derivada – No comercial: El material creado por un artista puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. No se puede obtener ningún beneficio comercial. No se pueden realizar obras derivadas.

Reconocimiento – No comercial: El material creado por un artista puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. No se puede obtener ningún beneficio comercial.

Reconocimiento – No comercial – Compartir igual: El material creado por un artista puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. No se puede obtener ningún beneficio comercial y las obras derivadas tienen que estar bajo los mismos términos de licencia que el trabajo original.

Reconocimiento – Compartir igual: El material creado por un artista puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. Las obras derivadas tienen que estar bajo los mismos términos de licencia que el trabajo original.

Desde el punto de vista del creador, la primera de las seis licencias podría considerarse muy básica a la hora de proteger una obra, ya que permite la realización de obras derivadas y la obtención de beneficios comerciales. Para obtener una mayor “protección”, habría que recurrir a los sucesivos tipos de licencia aquí expuestos, dependiendo del grado de custodia que quiera hacer el creador de la obra.

*** Fuentes:

http://es.creativecommons.org/licencia/

http://www.geac.es/tmu/public/tmu_t03_naturaleza_d.pdf

Creative Common España

Creative Common España

Conclusiones:

En mi opinión, existe una relación inversa entre protección de la obra y libre acceso cultural; ya que, conforme la protección de la obra
( por ende, del autor) es más férrea, se coarta o limita más el libre acceso a la cultura por parte del individuo.

Práctica 3: Análisis de medios de comunicación online

Práctica 3: Análisis de medios de comunicación online

ONDA CERO

dibujo1

web de radio.

http://www.ondacero.es/OndaCero/

El diseño global de la página, a mi juicio, se trata de una web algo desorganizada, no se establece una delimitación de secciones clara, como pudiera ser la propia web de Antena 3, que se puede observar cada bloque con bastante claridad.

En lo referente a los contenidos, la interactividad y el feedback “usuario-medio” es bastante bueno, ofreciéndo al usuario diversas opciones de participación dependiendo del programa radiofónico que esté en antena en ese momento.

Llama la atención lo inadvertidos que pasan los contenidos publicitarios.

 

LA ACTUALIDAD EN ONDA CERO.

Programas, noticias más relevantes, Deportes, Audios, “Los Goles de tu equipo en 3D”, Boletines informativos, Lo más oido, Lo más leido, Lo más actual, La Bolsa, Especiales.

Ø Programas: listado de programas con un breve resumen de los contenidos tratados en cada uno.

Ø Actualidad: noticias más relevantes. Actualización instantánea con los sucesos más relevantes a tiempo real.

Ø Deportes: actualidad deportiva.

Ø Audios: links a las locuciones radiofónicas más destacables y/o significativas.

Ø “Los Goles de tu equipo en 3D” – Vínculo a la pág. de vidos de A3 tv.

Ø Boletines informativos.

Ø Lo más oido. Resumen de lo más escuchado.

Ø Lo más leido.

Ø Lo más actual.

Ø La Bolsa.

Ø Especiales.

SERVICIOS ADICIONALES ONDA CERO.

Buscador, Blogs, Podcasts, Frecuencias, Escúchanos en directo, Canal de viajes “Onda Cero”, Canal de juegos (Grupo A3), Compromiso social DGT, “Contacta con nosotros”, Notas de prensa Grupo A3.

DISTRIBUCIÓN DE PUBLICIDAD EN ONDA CERO

  • CABECERA DE LA WEB: Banner dinámico + banner estático.

  • COLUMNA DERECHA:

Video que publicita el canal de televisión online “TuCanal.tv”.

2 módulos estáticos, cuyo peso relativo es reducido.  Autopromoción del Grupo A3;

vínculos a A3, Europa FM y OndaCero Internacional.

  • PARTE INFERIOR: 3 Vínculos de Anuncios Yahoo! muy discretos.

POSIBILIDADES DE PARTICIPACIÓN:

Servicios: link a los servicios (foros, tu clip, tu tienda…)

“Comparte esta noticia” (Agregar a marcadores, reenviar por mail…).

La interactividad y el feedback “usuario-medio” es bastante bueno, ofreciéndo al usuario diversas opciones de participación dependiendo del programa radiofónico que esté en antena.

¿Les felicito o les doy el pésame?

TECNOLOGÍAS MULTIMEDIABienvenidos a un blog que no promete ser nada especial, aunque a lo mejor me sorprende hasta a mí…

La motivación que me trae por aquí no es sino la de cumplir con las obligaciones académicas.

Prometo cuidarlo, mimarlo e intentar escribir coherencias, al menos subjetivas.

Aunque mmm… pensándomelo dos veces, prometo no volver a prometer nada, al menos en un blog.

“La vida es una obra de teatro que no permite ensayos…Por eso, canta, ríe, baila, llora y vive intensamente cada momento de tu vida… antes que el telón baje y la obra termine sin aplausos. “ by Charles Chaplin.