El Camaleón

Optimizacion de la Estructura

2011-07-25T14:33:00.000-07:00

La optimización estructural se refiere a la mejor forma de enlazar entre si los archivos de tu sitio web para conseguir una estructura de navegación adecuada para los usuarios y que facilite al máximo la labor de los robots de los buscadores.

Objetivos de la optimización estructural

Asegurar que tus páginas pueden ser indexadas
Tener una estructura de enlaces que guíe tanto a los robots de los buscadores (programas que buscan las paginas que componen un sitio) como a los visitantes a los contenidos.

Puntos a considerar para la optimización estructural

Para que un buscador pueda indexar tu contenido, este contenido debe ser texto (no imágenes).
Tus enlaces deben estar programados en XHTML (sin variables de sesión o de otro tipo)
No debe parecer que tus URLs han sido generadas dinámicamente (no importa si son dinámicamente generadas dentro de tu ordenador). Los robots de muchos buscadores ignoran cualquier cosa después de un signo de exclamación en una URL.
Asegurate de que existe un claro camino a seguir desde tu página de inicio a cualquier pagina de tu web que quieres que sea indexada.
Asegurate también de que hay mas enlaces a la pagina de inicio que a paginas menos importantes. Si tienes una arquitectura jerarquizada, la estructura de enlaces debería reflejar esos niveles, y tener mas enlaces a los superiores.
Un mapa web en XHTML garantizara que los robots son capaces de encontrar todas las paginas de tu sitio web.

Optimizacion del Texto

2011-07-14T15:35:00.000-07:00

La optimización del texto (optimizacion lingüística) consiste en el correcto emplazamiento de palabras o frases clave en los títulos, descripciones, cabeceras y textos de las páginas.

En primer lugar debes determinar cuales son las palabras clave para cada una de las páginas de tu sitio web.

Los dos mejores métodos para descubrir la terminología que los usuarios utilizan son tus propios registros (los logs que te proporciona tu servidor web o los de el buscador en tu web, si lo tienes) y las investigaciones con usuarios (user testing).

Sin embargo este último método es caro y conlleva tiempo. Así que para empezar, y si tu presupuesto es reducido, puedes hacer uso de las herramientas de búsqueda de palabras clave.

La forma mas sencilla es utilizar la herramienta de para palabras clave de Overture(ahora perteneciente a Yahoo!).

Ve a http://searchmarketing.yahoo.com/es_ES/rc/srch/index.php y pincha en "Sugerir palabras de búsqueda".

En el recuadro de texto introduce la palabra clave que crees que la gente puede estar usando para la clase de productos o servicios que tu sitio ofrece y presiona Intro (Enter).

La herramienta devuelve una lista de palabras clave, y muestra lo a menudo que ese termino y otros relacionados han sido utilizados en la red de Overture (ten en cuenta que cuanto mas general sea un termino, mayor numero de búsquedas habrán sido realizadas, pero también habrá un mayor numero de competidores).Ya no existe

La mas importante herramienta de selección de palabras clave de pago es Wordtracker, que devuelve el numero de veces que una palabra o frase ha sido introducida como termino de búsqueda en los buscadores, y la competencia para las mismas. También muestra los resultados de términos y frases similares. Lo que pueden dar idea de cuales son los términos mas interesantes para poner como palabras clave de una pagina.

También debes escuchar lo que dicen los clientes que hacen uso del Servicio al Cliente y leer blogs y grupos de discusión relacionados con el tema.

Piensa en las palabras que la gente usa para describir su problema, no en tu solución.

Considera incluir errores ortográficos comunes, sinónimos, singulares y plurales, palabras unidas por un guión, términos geográficos específicos (localización geográfica), el nombre de tu empresa, y el nombre de productos y empresas relacionadas con la tuya.

Y por ultimo examina las metatags de tu competencia.

Aspectos a tener en cuenta en la optimizacion del texto

Una vez que has determinado las palabras clave a utilizar para cada pagina del sitio web:

Elige una o dos palabras clave o frases clave por página.
Comprueba la prominencia (importancia) de las palabras clave. La prominencia es buena. Una palabra cerca del principio de una página es mas prominente que una al final. Una palabra al principio de la etiqueta TITLE es mas prominente que una al final. Etc. Debes usar palabras clave particularmente importantes cerca del principio de la página.
El primer sitio dentro de una página web en el que debemos tener las palabras clave es en las metaetiquetas TITLE y DESCRIPTION de la cabecera.
Emplea palabras clave dentro de las etiquetas <H> (los titulos).
Además conviene que aparezcan resaltadas en negrita o en cursiva.
Pon palabras clave dentro del texto en listas.
Utiliza las palabras clave varias veces dentro de una pagina; pero tampoco te pases. Los buscadores miran la densidad de palabras clave (el numero de palabras clave entre el total de palabras).
Asegurate de que los enlaces entre paginas de tu sitio web contienen palabras clave. No utilices para los enlaces "Pincha aquí".
Utiliza palabras clave en los nombres de los archivos y carpetas.

Hay dos razones por las que las cabeceras deben contener las palabras clave:

Los buscadores tienden a asignar peso extra a palabras contenidas en los títulos y otras cabeceras
Los usuarios escanean los resultados de búsqueda y a menudo no leen mas aya de las cabeceras

Posicionamiento en Buscadores (Search Engine Optimization - SEO)

2011-07-14T15:21:00.000-07:00

El posicionamiento en buscadores o posicionamiento web (SEO) consiste en la aplicacion de aquellas técnicas que tienen como objetivo el que los buscadores web sitúen nuestras páginas web en las mejores posiciones en sus páginas de resultados, para determinados terminos de búsqueda.

El objetivo final del posicionamiento en buscadores es maximizar el número o la calidad de los visitantes a nuestro sitio web.

Los motores de búsqueda son muy importantes por una serie de razones:

Casi el 50% de las visitas a un sitio web empiezan en un motor de búsqueda
La mayoría de visitantes nuevos provienen de los motores de búsqueda
Un gran número de compradores empieza en los motores de búsqueda
Los motores de búsqueda representan un medio barato de alcanzar clientes

Motores mas importantes

Google.com

Yahoo.com

Teoma/AskJeeves

The Open Directory Project

*Google provee por si solo casi el 75 por ciento de todos los resultados de busqueda.

Los usuarios casi siempre acuden a los motores de búsqueda con un nuevo problema a resolver pero casi nunca leen mas alla de la primera pagina de resultados, por lo que la Optimizacion del Posicionamiento en Buscadores debería ser uno de los elementos mas importantes de tu estrategia en Internet.

Conseguir una buena posición en las primeras pagina de resultados de búsqueda (idealmente la primera) para los términos relevantes de tu web es esencial si quieres ser encontrado por la gente que busca la clase de productos o servicios que tu ofreces.

¿Cómo haces para aparecer en la primera pagina de resultados en los principales motores de búsqueda? No hay una formula definitiva, y cualquier consultor que prometa situarte en ella es casi seguro lo que llaman un "black-hat" optimizador que emplea técnicas poco éticas y que no gustan a los buscadores.

De hecho, los buscadores suelen eliminar de sus resultados los sitios que descubren que están usando estas técnicas de optimizacion black-hat.

Solo unas pocas situaciones garantizan un buen posicionamiento: si eres una gran empresa o agencia gubernamental, o si eres tienes marca famosa a nivel internacional que ninguna otra empresa en el mundo utilice.

Existen tres tipos principales de Tecnicas de Optimizacion del Posicionamiento en Buscadores "white-hat":

Optimización del texto (lingüística)
Optimización de la estructura (enlaces internos)
Optimización de la reputacion online (enlaces externos)

Debes aplicar las tres en tu sitio web. Y despues, paciencia.

Define tu plan de ataque

Lleva a cabo un análisis de palabras clave. Un análisis de palabras clave es la mejor forma de seleccionar los términos a los que debes enfocar tu web.
Crea paginas legibles. Esto es, paginas que los robots de los buscadores sean capaces de leer.
Crea paginas que contengan palabras clave (keyworded pages). Pon las palabras clave en las páginas - en los sitios adecuados y con el formato apropiado.
Haz que otros sitios web enlacen a tu sitio.

Si todo lo demás falla, compra publicidad en los buscadores. Por supuesto, esto es caro y se prevé que se vuelva todavía mas caro, por lo que no es un sustituto a tener un sitio optimizado que figure por si mismo en buena posición en las paginas de resultados de los buscadores.

Paginas Legibles e Indexables

2011-07-08T15:11:00.000-07:00

Para que una pagina resulte legible para tus visitantes y para los robots de los buscadores:

Limita el uso de multimedia

La mayoría de las animaciones multimedia usadas en la web no sirven un propósito determinado y son solo de adorno. Mira a los sitios web de mas éxito y veras que en raras ocasiones utilizan multimedia simplemente con propósitos decorativos.

Reduce la utilización de Flash al mínimo

O mejor todavía, elimínalo por completo de la página.

Puedes utilizar multimedia en un sitio web en algunas formas útiles. Tiene mucho sentido, por ejemplo, utilizar Flash para crear demos o presentaciones. Sin embargo las intros Flash carecen casi siempre de sentido y no les gustan a los motores de búsqueda porque no proveen contenido indexable.

Sustituye las imágenes con texto por texto

Los buscadores no son capaces de leer texto que forma parte de una imagen y el texto que es parte de una imagen no permite que los usuarios lo adapten al tamaño que ellos prefieren.

Usa la etiqueta ALT para las imágenes

Y recuerda poner palabras clave en ella.

Esto ayudara tanto a los buscadores como a las personas con discapacidades fisicas a entender mejor los contenidos que forman parte de tu web.

Evita la utilización de marcos (frames)

Diseño Web - Diseño Visual

2011-07-08T13:02:00.000-07:00

El diseño visual de un sitio web importa. Lejos de ser simplemente decoración para los contenidos, el diseño del sitio dicta la organización y la interacción de los usuarios con el interfaz.

Además, los visitantes de un sitio web hacen a menudo juicios (conscientes o inconscientes) sobre su calidad basándose en su diseño. El diseño de un sitio web determina la diferencia percibida por los usuarios entre un sitio profesional y uno que no lo es, y que no merece por tanto la misma atención.

Los usuarios web son extremadamente impacientes: pasan una media de solo 27 segundos en cada página web (de acuerdo a un estudio llevado a cabo por JaKob Nielsen). Tienen prisa porque en Internet hay demasiada "basura", por lo que el tiempo que tienes para captar su atención y convencerles de que visitar tu sitio web merece la pena es muy limitado.

Diseñar significa planificar. El proceso de diseño tiene como objetivo el traer orden al caos y la aleatoriedad. El orden es bueno para los lectores, que pueden encontrar más fácilmente el sentido de un mensaje ordenado. Un mensaje ordenado es por tanto considerado un buen diseño.

La elegancia es la medida de la simplicidad del diseño web en relación a la complejidad de sus funciones. Por ejemplo, dados dos diseños con la misma simplicidad, el que contiene más información es más elegante. Por el contrario, de dos diseños que contienen la misma información, el más simple es el más elegante.

EL objetivo principal de la composición de una página es el reconocimiento visual y la legibilidad. Estos objetivos se pueden alcanzar mediante:

Un uso consistente de la tipografía
Un uso efectivo del espacio en blanco y los gráficos
Un uso controlado de las líneas

Es importante en el diseño web hacer que la página sea visualmente atractiva. La estimulación visual arrastra a los espectadores hacia el interior de la página, despertando su curiosidad y envolviéndoles activamente en el proceso de absorción de información.

Cuando miramos a un documento impreso o a la pantalla de un monitor, nuestros ojos buscan de manera instintiva y subconsciente por similitudes y diferencias entre los elementos utilizados. Si el cerebro no puede agrupar fácilmente los elementos que vemos, percibe confusión.

Cuando nos encontramos con un diseño web sólido, tendemos a ver su composición total primero, y después procesamos sus elementos de diseño individuales (tipografía, fotos, gráficos, colores, etc.) Los elementos individuales deben estar siempre al servicio del diseño total, trabajando en armonía para producir el mayor impacto posible.

La simplicidad visual elimina los elementos innecesarios y estructura aquellos que quedan en un sistema lógico y consistente.

La comunicación visual depende de la creación de una conexión con el lector. Esta conexión siempre es débil al principio, ya que el lector no tiene ningún compromiso con el mensaje. Sin embargo, los lectores responden a una estructura de página consistente.

El buen diseño web reduce el esfuerzo de leer al máximo, animando a la lectura y al entendimiento.

Tareas Iniciales Diseño Web

2011-07-08T12:49:00.000-07:00

Tareas iniciales para asegurarnos un adecuado diseño web

Definir claramente el objetivo

Identificar lo que queremos conseguir con el sitio web.

Queremos que, por ejemplo, el objetivo de nuestro sitio web sea el llevar a cabo la tarea de un:

Medio de comunicación de los clientes con la empresa (por ejemplo para que envien sus dudas o peticiones a través de la web)
Medio de comunicación con los clientes (para ofrecerles información sobre nuestros productos o servicios)
Medio de captación de nuevos clientes
Medio de comunicación uni- o bi-direccional con los empleados
Fuente de ingresos mediante
Publicidad
Venta on-line
Intermediacion

Elegir tecnologías adecuadas para la construcción de nuestro sitio web

Utilizar XHTML y CSS es adecuado con vistas a un buen mantenimiento y actualización. Flash, en cambio, es poco adecuado para la construcción completa de una web (aunque se puede utilizar para tareas concretas), debido a la mayor dificultad para actualizar la información que esta contiene y a que no proporciona contenido indexable para los buscadores.

XHTML y CSS son editables en cualquier programa que tiene un editor de textos, desde el Notepad hasta el Dreamweaver. Los diseños web no deben estar basados en ningún software en particular, sino en los estándares de las organizaciones como el W3C. Esta organización se encarga de supervisar los lenguajes y estándares que se usan para la creación de paginas web, y que todo el mundo, independientemente del software, puede acceder.

Tener interés por nuestros contenidos

Es de gran importancia tener interés por los contenidos que uno pone online. Si tu no lo tienes es difícil que otros lo tengan. Y si no tienes interés cuando los pones online, probablemente no lo tendrás mas adelante. Y por lo tanto no les dedicaras el tiempo necesario para mantenerlos y actualizarlos de forma adecuada.

Y lo que no necesita la WWW es mas paginas "cutres". Así que sea lo que sea aquello con lo que deseas contribuir, asegurate de que es un tema por el que tienes interés y que te vas a dedicar a revisar y actualizar.

Invertir el tiempo necesario

La mayoría de nosotros hemos experimentado la urgencia de "poner algo" cuanto antes en la web. Esta urgencia se manifiesta en sitios web a medio hacer con las típicas advertencias de "Sitio en construcción".

Un sitio web esta, por supuesto, siempre en construcción (mejora, revisión, expansión), pero cuanto mas nos precipitemos al poner contenidos online menor será su calidad, su organización, y mas difícil su mantenimiento y actualización.

Y si una web no es fácilmente actualizable y expandible, probablemente no la vamos a actualizar y mejorar. Si el editar contenidos rompe en diseño de la página - por ejemplo por estar construida con tablas HTML - la vamos a dejar tal como esta, incluso si necesita desesperadamente actualización.

Proyectar credibilidad

Para que el Sitio sea más creíble y gane la confianza de las personas que lo visitan, es recomendable incluir el nombre de la Empresa o de la persona responsable con la dirección física e información acerca de los contactos por otras vías como número de teléfono y fax.

Estos datos son fundamentales en los Sitios de comercio on-line. Para una persona deje sus datos personales y en especial el número de tarjeta de crédito, es imprescindible que quienes visiten el Sitio tengan la absoluta certeza de que la empresa existe y es de confianza.

Principios del Diseño Web

2011-07-08T12:46:00.000-07:00

Principios en los que nos basamos para nuestras recomendaciones

• Debemos intentar seguir las recomendaciones y los estándares XHTML y CSS del W3C (World Wide Web Consortium).

• Los conceptos universales de diseño (acerca del espacio, unidad, estructura y tipografía) son totalmente validos para la creación de páginas web

• La información de mayor valor acerca de la usabilidad de un sitio web proviene de los estudios llevados a cabo con su público objetivo

• La Web es un medio vivo, en continua evolución, que requiere de continuo mantenimiento y actualización de los sitios web que la componen

• La Web es un sistema distribuido donde las personas se dirigen con el objetivo primordial de adquirir información

• El comportamiento online de los usuarios web es en su mayoría egoísta, vago, e implacable en la aplicación de su análisis coste-beneficio; si encontrar la información que buscan no resulta facil en un sitio web simplemente se marcharan a otro.

Diseño, Usabilidad y Marketing Online

2011-07-05T15:05:00.000-07:00

Uno de los principales objectivos de este sitio web es el estar dedicado a la difusión de las mejores prácticas/técnicas para el diseño web, la usabilidad web y el marketing online

Los sitios web que sigan las recomendaciones que aquí se ofrecen seran:

sean fáciles de leer y navegar
sean visualmente atractivos
sean fáciles de mantener y actualizar
maximicen el tráfico y la conversión de visitantes en clientes

Poco a poco iremos cubriendo todas las áreas de creación y promoción de un sitio web, desde el diseño del sitio hasta su marketing online.

Áreas a considerar en la creación de un sitio web

Diseño

Diseño web es el arte de estructurar un sitio web de forma que:

Sea fácil de navegar
Los usuarios puedan encontrar la información que buscan rápidamente
Resulte al mismo tiempo visualmente atractivo

Lo primero que hay que tener en cuenta para el diseño de un sitio web es el objetivo que se persigue y el publico al que esta dirigido.

Usabilidad

Usabilidad web se refiere a la claridad con que los usuarios de un sitio web perciben su estructura y sus funcionalidades, y la eficiencia con que pueden llevar a cabo en el sitio web las tareas que se proponen.

La usabilidad es el aspecto mas importante al evaluar si el diseño web de un sitio es adecuado, o si por el contrario debe ser corregido para facilitar a los usuarios el acceso a los contenidos.

Marketing online

El marketing online cubre aquellas prácticas que permiten a un sitio web llegar hasta su publico objetivo y lograr el mayor número de visitantes (trafico) y/o volumen de negocio.

Marketing online es el uso de Internet para anunciar y vender (hacer llegar a los consumidores) productos y servicios.

De entre las técnicas del marketing online destaca el Posicionamiento en Buscadores (en inglés SEO: Search Engine Optimization).

El posicionamiento en buscadores es el conjunto de técnicas de marketing que tienen como objetivo el conseguir la mejor posición para nuestras paginas web en los resultados obtenidos al introducir en un buscador una palabra o frase determinada relacionada con nuestros contenidos (palabras clave o keywords).

Crear Web - Capitulo 2

2011-06-28T15:52:00.000-07:00

En este segundo capitulo vamos a darle formato a la plantilla con la creacion de un menú (en principio sera una lista con enlaces), un titulo, un subtitulo, un cuerpo para el texto principal y un pie.

Después vamos a crear estilos para todos estos elementos en nuestra hoja de estilos CSS.

Pasos:

1. Crear los archivos a los que van a enlazar los elementos del menú

Por ejemplo: Home, Biografia, Articulos1, Articulos2, Contacto, Webmap.
(Boton derecho en la carpeta en la que queremos crear los archivos + Nuevo archivo)

2. Crear la lista-menu y poner los enlaces de cada elemento de la lista a al archivo correspondiente de los que acabamos de crear

Seleccionando el texto que queremos que sea un enlace y arrastrando el archivo al que queremos que enlace a la propiedad "Vinculo".

3. Crear H1, H2, Cuerpo, Pie

Para ello pondremos una palabra de texto para cada elemento y luego la seleccionaremos y con el boton derecho la definiremos como una nueva region editable y le daremos el nombre que queramos.

4. Crear los estilos para cada uno de los elementos anteriores

Si sabes un poco de CSS o de programacion puedes llevar a cabo los pasos siguientes:

Pinchamos en el icono "Nuevo estilo CSS" en la pestaña "Diseño" (en la columna derecha)

Seleccionamos "Redefinir etiqueta HTML" para "body", "h1", "h2" y "h3" y para el resto seleccionamos "Crear estilo personalizado" y le asignamos el nombre que queramos (le puedes dar los mismos nombres que ves en esta pagina que yo les he dado)

Seleccionamos las caracteristicas para cada uno (o, si no entiendes bien como se hace esto, puedes simplemente copiar y pegar el codigo que esta a continuacion en naranja en la hoja de estilos y mas adelante preocuparte de como funciona)

Para el body asignaremos

body {
padding-left: 180px;
font-family: Arial, Helvetica, Geneva, sans-serif;
color: black;
background-color: #FFFFFF;
line-height: 1.6em;
font-size: 1em;
}

Para la lista-menu

ul.navbar {
list-style-type: none;
position: absolute;
top: 5em;
left: 5px;
width: 166px;
background-color: #FFFFFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

ul.navbar li {
background: #FFFFFF;
color: #000099;
margin: 0.5em 0;
padding: 0.3em;
border-left: 1em solid #000099;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #000099;
border-bottom-color: #000099;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000099;
}

ul.navbar a {
text-decoration: none
}

(Para que los links del menú no esten subrayados ni en azul)

Para H1, H2, pie

h1 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000099;
font-size: 2.5em;
}

h2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FF6600;
font-size: 1.5em;
}

h3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000099;
font-size: 1.2em;
}

.pie {
font-size: 0.8em;
}

Y la lista, que es primer elemento del body, la definiremos como:

Home
Biografia
…………………..

Crear Web - Capitulo 1

2011-06-28T15:43:00.000-07:00

1. Crear Sitio

Un Sitio se refiere a una carpeta en nuestro ordenador donde vamos a tener todos los archivos que van a formar parte de nuestra web. Esto incluye los documentos html (cada una de las paginas de la web), las imagenes, las fotos, las plantillas, lsa hojas de estilo, etc.

En el Dreamweaver vamos a el boton superior llamado "Sitio" (a la altura de los botones de "Archivo", "Edicion", etc.) y pinchamos en "Nuevo Sitio". Lo unico que es necesario rellenar por el momento es el nombre del sitio y la carpeta en la que va a estar localizado en nuestro ordenador. El resto de informacion nos la proporcionara nuestro servicio de hosting cuando lo contratemos y hasta entonces no sera necesaria.

Si tienes un servidor de prueba, que puede ser tu propio ordenador si le instalas Apache, puedes rellenar la informacion sobre el servidor de prueba. Pero puedes ver como quedara la pagina que estas creando en "Archivo --› Vista previa en el Navegador".

2. Crear hoja de estilos CSS

En el apartado CSS se explica que son y para que sirven las hojas de estilo CSS. Aqui vamos a aprender a utilizarlas.

Lo primero es crear una carpeta dentro de nuestro sitio que, por convencion, la vamos a llamar "assets". No es necesario que tenga este nombre y ni siquiera es necesario que las hojas de estilos esten dentro de una carpeta, pero va a ser mejor con vistas a la organizacion.

Dentro de esta carpeta creamos un archivo CSS: "Archivo --› Nuevo --› (en la pestaña General) Pagina basica --› CSS". Y lo guardamos con el nombre que queramos. Este es un archivo en blanco , solo con un comnetario de que va a ser una hoja de estilos, y con la extension .css

3. Crear plantilla

Creamos una carpeta que la llamamos templates (lo mismo que antes, por convencion) y dentro de esta vamos a crear una plantilla: "Archivo --› Nuevo --› (en la pestaña General) Pagina de plantilla --› Plantilla HTML ". Y la guardamos con el nombre que queramos.

La plantilla va a ser la estructura en la que se basen todas nuestras paginas de la web (aunque podemos tener varias plantillas para varios apartados). Y la ventaja es que cuando cambiemos algo en la plantilla este cambio se va a producir en todos los archivos que esten basados en dicha plantilla. Lo que facilita en gran medida la actualizacion de la web.

4. Enlazar la plantilla a la hoja de estilos

Ahora tenemos que enlazar la plantilla a la hoja de estilos CSS para que esta ultima de formato a la plantilla y por extension a todos los archivos de la web que se basen en dicha plantilla.

Esto lo hacemos en la pestaña Diseño de la columna vertical de la derecha. (La misma que tiene las pestañas Aplicacion, Codigo, Archivos y Respuestas). Si pinchamos en la pestaña Diseño se abrira, si estaba cerrada, y en la parte inferior derecha vemos varios iconos. Con el documento plantilla abierto (en el area central del Dreamweaver) pinchamos en el icono de mas a la izquierda: "Adjuntar hoja de estilos". Y adjuntamos el unico archivo de plantilla que por ahora tenemos, con las opciones "Vincular" y "Solo a este documento".

Esto introducira en la cabecera (head) de la plantilla una linea de codigo similar a:

   link href="estilos.css" rel="stylesheet" type="text/css"

Ahora guardamos la plantilla y en el siguiente punto veremos como utilizarla de base para un archivo.

5. Crear index

Creamos un archivo: "Archivo --› Nuevo --› Pagina basica" y lo guardamos como index.htm (o .html, es lo mismo) en el nivel mas alto de nuestro sitio. (El nivel mas alto o raiz (root) es el que no esta dentro de ninguna otra carpeta).

Para que el index este basado en la plantilla (podria no estarlo, pero yo recomedaria que si), con el archivoabrimos en la columa de la derecha la pestaña "Archivos". Dentro de esta hay dos pestañas: "Sitio", donde vemos todos los elementos que estan dentro de nuestro sitio, y "Activos". Pinchamos en "Activos" y luego, de entre los iconos de la izquierda, pinchamos en "Plantillas". Aparecera la unica plantilla que tenemos. Pinchamos en ella y la arrastramos a la pantalla central, sobre la vista de diseño (en la que no se ve el codigo). Si no sabes cuales son las vistas de codigo y diseño del Dreamweaver mira en la ayuda.

Y guardamos el documento.

Ahora el index estara basado en la plantilla y enlazado a la hoja de estilos. Por lo que cualquier cambio que realicemos en cualquiera de estas se reflejara en el index. Lo mismo se haria para cualquier otro archivo.

XMLCheatSheet

2010-07-17T14:25:00.001-07:00

URI:
Uniform Resource Identifiers.
Describe all points (locations) in the information space, even
those that do not have a physical presence. Consist of:

schema;
http,
ftp,
file,
mailto,
imap,
https…
schema-specific
part: all that goes behind the colon

URL:
Uniform Resource Locators.
Type of URI. Consist of:

schema:
protocol, e.g., http
server:
e.g., www.w3.org
path;
e.g., projects/project1

URN:
Uniform Resource Names. Type
of URI. They are pointers to resources, but without reference to
particular locations.

schema:
urn

XML:
Extensible Markup Language.
Framework for defining markup languages. Inherently
internationalized 
all xml documents are written in the Unicode alphabet.

Root node: the tag (conceptual object) at the top.

Root element: all the information contained in the children of the root node.

Text node: node that contain only text. It has no children (it’s the text itself, not the tags
it’s between) This text is also called character
data.

Attribute node: pair or name and value associated with an element
node (not only tags are nodes)

Element: logical grouping of
the information represented by its descendants.

XML parser: tool that constructs a tree representation of a textual XML document.

XML serializer: tool that constructs an XML document from a tree.

Namespaces: used for solving name clashes.

They can be given shorter names using namespace declaration, e. g.:

<… xmls: foo=“http://www.w3.org/pjts”>

URLs are used because they are unique (an only the owner of a domain would use it).

XPath:
language for navigating xml trees.

An XPath location path (expression) evaluates to a sequence of nodes of a specific tree. It is built as a sequence of location steps, each step separated from the previous one by /. Each step consists of:

Axis:
keyword that indicates the node or nodes we are looking for in
relation to the node test. child,
descendant, parent, attribute, …
Node
test: specifies a node by name or a type of nodes by their
properties.
- text()
- comment()
- the name of the node (the tag)
- node()
- …
Predicates
(not necessary): Boolean conditions for selecting, or not, the
nodes. Written in […].

Schema:
formal definition of the syntax of an XML-based language.

Schema language: formal language for expressing schemas.

Schema processor: implementation of a schema language that checks if a document is valid (syntactically correct according to the
schema).

Schema languages:

DTD:
Document Type Definition.
First schema language. Not written in XML. Does not support namespaces.

Document type declarations: reference to the DTD schema:

root SYSTEM “URI”

Element declarations
element-name content-model

Content models:
EMPTY,ANY,#PCDATA

Attribute list declarations
element-name attribute- definitions

Each attribute definition has the form:

att-name
att-type att-declaration

Attribute types: CDATA,NMTOKEN,ID,IDREF.

Declaration types: #REQUIRED, #IMPLIED, “value”, #FIXED “value”.

XML Schema: official schema language written in Xml. Main constructs:
- Simple type definition: describes text without markup (character
  data + attributes).

Complex type definition: describes text that may contain markup (elements + attributes + character data).

Element declarations: associates an element name with a simple
type or with a complex type.

Attribute declaration: associates an attribute name with a simple
type.

- The root element contains an attribute targetNamespace that indicates the namespace being described.

- A document can point to the schema with a schemaLocation attribute in the root.

XSL:
Extensible Stylesheet Language.
Language for specifying presentations of XML documents. Components:

XSLT:
XSL Transformations. Language
for specifying transformations between XML languages.
XSL-FO:
XSL Formatting Objects.
Target language for specifying physical layout.

XQuery:
language to query XML documents in a similar way to SQL. It’s an extension of XPath.

DOM:
Document Object Model. API
that allow us to parse, navigate, manipulate, and serialize a XML document. It’s common to all languages and thus very general and complex.

Methods:
parentNode,
previousSibling, nextSibling, firstChild, childNodes,
getAttributeNode, attributes…

Interfaces:
Node, Element, Attr, Text, DocumentType,
Notation, Entity, EntityReference, CharacterData,
ProcessingInstruction, CDATASection, Comment, NodeList,
NamedNodeMap…

JDOM:
DOM for Java. It’s an API for XML that is specific to Java, and thus easier to use.

Interfaces: Parent.

Abstract classes: Content.

Classes: Comment, DocType, Element, EntityRef, ProcessingInstruction, Text, Document, CDATA.

Methods:
getContent, getNamespace, getDescendants, getAttributeValue,
setAttribute, getChildren, getName…

JDOM has built in support for evaluating XPath expressions and for performing XSLT transformations.

JDOM doesn’t have its own parser, so it uses the DOM parser or the SAX parser.

SAX:
Simple API for XML. Framework
for streaming XML. It views an XML document as a stream of events.

It calls the appropriate method when it reads through an event (document starts, start tag encountered…).

The DefaultHandler class provides empty implementations of all possible event handlers. We must extend it and override its methods.

SAX Filters: events handlers that may act upon the various events and send them on to a parent handler (similar to UNIX
pipes).

XML Data Binding: mapping schemas into collections of classes = generating a group of classes from a schema.

JAXB:
Java Architecture for XML Binding.

Sorting Algorithms

2010-07-17T14:19:00.000-07:00

Bubble Sort

On each pass, successive neighboring pairs are compared. If a pair is in decreasing order, its values are swapped.

This process continues until all elements are sorted.

Best-time: O(n) (1 pass only – if they are all ordered)

Worst-time: O(n^2)

Selection Sort

Finds the largest number in the list and places it last. Then it finds the second largest and places it next to the last, and so on.

Worst-time: O(n^2)

Insertion Sort

From left to right it identifies a list with a number of elements that increases by one in each pass. It starts with the first element in the list.

It looks at the new element it’s considering and inserts it in the right place in the imaginary sublist.

Worst-time: O(n^2)

Merge Sort

Divides the array into two and applies merge sort recursively.

Average-time: O(n log(n))

Worst-time: O(n log(n))

Quick Sort

First the algorithm selects an element in the array to use as pivot.

Then it divides the array into two parts such that all the elements in the first part are less than or equal to the pivot and all the elements in the second part are greater than the pivot.

To do this it searches for the first element from the left forward that is greater than the pivot, then searches for the first element from the right backwards that is less than or equal to the pivot. Then it swaps them.

Then it does the same thing in each halve.

It does this in the array itself, so there’s not need to merge them afterwards.

Average-time: O(n log(n))

Worst-time: O(n^2)

Heap Sort

1. Creates a heap object

2. Add all elements to the heap

3. Removes all elements form the heap

Time: O(n log(n))

Bucket Sort

Each bucket holds the elements with the same key value.

Radix Sort

Divides the keys into subgroups based on their radix position.

Emacs Basic Commands

2010-07-17T14:16:00.000-07:00

C-g cancel partially typed or accidental command

CTRL-x u undo the last change

C-x C-s save-buffer

C-x C-c save-buffers-kill-emacs

======

CTRL-k Copy line to end (kill line to end)

CTRL-y re-insert ('yank') the last text that was killed

======

C-x 2 Split the selected window into two windows, one above the other (split-window-vertically).

C-x 5 Split the selected window into two windows positioned side by side (split-window-horizontally).

======

C-x o Select another window (other-window). That is o, not zero.

C-M-v Scroll the next window (scroll-other-window).

C-x C-f open a new file

======

C-v scroll-down

ESC-v scroll-up

ESC < beginning-of-buffer

ESC > end-of-buffer

======

C-s Incremental search forward (isearch-forward).

C-r Incremental search backward (isearch-backward).

Enterprise Design Patterns

2010-07-17T14:09:00.000-07:00

DOMAIN LOGIC
Transaction Script: organizes business logic by procedures where each procedure handles a single request for the presentation

Domain logic primarily organized by the transactions that you carry out with the system
You can either have several transaction scripts in one class, or each in its own class (using the Command pattern: a command object encapsulates an action and its parameters)

Domain Model: an object model of the domain that incorporates both behavior and data

A simple domain model looks very much like the database design with mostly one domain object for each DB table

Table Module: a single instance that handles the business logic for all rows in a database table or view

It organizes domain logic with one class per table in the database, and a single instance of a class contains the various procedures that will act on data

The primary distinction with “Domain Model” is that, if you have many orders, a “Domain Model” will have one order object per order while a “Table Module” will have one object to handle all orders

Table Module has no notion of an identity for the objects it’s working with

Table Module may include queries as factory methods. The alternative is a “Table Data Gateway”

Service Layer: defines an application’s boundary with a layer of services that establishes a set of available operations and coordinates the application’s response in each operation

A service layer defines an application’s boundary and its set of available operations from the perspective of interfacing client layers

You need it in applications with more than one kind of client of its business logic.

MAPPING TO RELATIONAL DATABASES

Gateway: an object that encapsulates access to an external system or resource

Row Data Gateway: an object that acts as a Gateway to a single record in a data source. There is one instance per row

- You have an instance for each row that’s returned by a query

- You face the issue of where to put the find operations. It often makes sense to have separate finder objects

- It’s sometimes difficult to tell the difference between a “Row Data Gateway” and an “Active Record” => if there’s any domain logic present, then it’s an “Active Record”

- Most often used with “Transaction Script”

Table Data Gateway: an object that acts as a Gateway to a database table. One instance handles all the rows in the table

- Single object for each table in the DB => if you use recordset

- Goes very well with table module

(Record Set: “A recordset is a data structure that consists of a group of database records, and can either come from a base table or as the result of a query to the table.”)

Active Record: an object that wraps a row in a database table or view, encapsulates the database access, and adds domain logic on that data

It can have static find methods.

Any business logic sits directly in it.

Data Mapper: A layer of mappers that moves data between objects and a database while keeping them independent of each other and the mapper itself

- Makes your indirection layer entirely responsible for the mapping between domain objects and database tables

- It uses “Identity Map” to see if a class is already loaded.

---
Summary: Gateway not recommended. If domain logic is simple and there’s a close correspondence between classes and tables =>Active Record. Something more complicated > Data Mapper.
---

OBJECT-RELATIONAL BEHAVIORAL PATTERNS

As you read objects and modify them, you have to ensure that the DB state you are working with stays consistent. If you read some objects, it’s important to ensure that the reading is isolated so that no other process changes any of the objects you’ve read while you are working on them.

Unit of Work: maintains a list of objects affected by a business transaction and coordinates the writing out of changes and the resolution of concurrency problems

As soon as you start doing something that may affect a database, you create a Unit of Work to keep track of changes.

Keeps track of all objects read form the database, together will all objects modified in any way. It also handles how updates are made to the DB. Instead of the app programmer invoking explicit save methods, the programmer tells the unit of work to commit. The unit of work is like a controller of the database mapping.

A Unit of Work keeps track of everything you do during a business transaction that can affect the database. When you’re done, it figures out everything hat needs to be done to alter the database as a result of your work.

- With caller registration, the user of an object has to remember to register the object with the Unit of work for changes

- With object registration, loading an object form the database registers the object as clean; the setting methods register the object as dirty. (The usual trick here is to place registration methods in object methods)

- With a unit of work controller, rather than marking objects as dirty, the Unit of Work takes a copy at read time and then compares the object at commit time

Identity Map: ensures that each object gets loaded only once by keeping every loaded object in a map. Looks up objects using the map when referring to them

In a simple case, with an isomorphic schema, you’ll have one map per DB table.

You need to ensure that each session gets its own instance that’s isolated from any other session instance. Thus you need to put the identity map on a session-specific object.

Lazy Load: an object that doesn’t contain all of the data you need but knows how to get it

For loading data form a DB into memory it’s handy to design things so that as you load an object of interest you also load the objects that are related to it. However, loading one object can have the effect of loading a huge number of related objects. A Lazy Load interrupts this loading process, leaving a marker in the object structure so that if the data is needed it can be loaded only when it is used.

- Lazy initialization: every access to the field checks first to see if it’s null. If so, it calculates the value of the field before returning the field. (No good if null is a valid value for that field)

- Virtual proxy: it’s an object that looks like the object that should be in the field, but doesn’t actually contain anything. Only when one of its methods is called does it load the correct object from the DB

- Value holder: object that wraps some other object. To get the underlying object you ask the value holder for its value, but only on the first access does it pull the data from the DB

- Ghost: is the real object in a partial state. When you load the object from the DB it contains just its ID. Whenever you try to access a field it loads its full state

===============

Dependency Injection (DI) in computer programming refers to the process of supplying an external dependency to a software component. It is a specific form of inversion of control where the concern being inverted is the process of obtaining the needed dependency.

When the dependency injection technique is used to decouple high-level modules from low-level services, the resulting design guideline is called the Dependency inversion principle.

Dependency lookup: We avoid hard-coding the names of classes on which we depend into our code because static binding severely limits our options for how the software is configured as it runs. Instead, we hard-code that name of a "component broker" that returns to us a ready to use object. The component broker provides some means for the client software or perhaps a system configuration manager to tell the SUT in question what objects to use for each component request.

Networking

2010-07-17T14:02:00.000-07:00

Subnetting
It’s objective is to reduce the total number of network numbers that are assigned.

The idea is to take one IP address and allocate in it several physical networks, now referred to as subnets. The subnets should be close to each other, because at a distant point in the Internet, they will all look like a single network, having only one network number between them.

They will all be part of the same big network, but inside they are a bunch of smaller networks. They all actually share the big network IP, but the mask allows us to identify them as subnets.

Now we need a subnet mask that will be used by a router to forward to the right subnet. The forwarding table will now contain .

CIDR: Classless InterDomain Routing
The problem with subnetting is that the address within which we have subnets has to be big, and it probably has inefficiencies. To solve these inefficiencies we would have to give each subnet its own lower class IP address. But then the backbone router would need to have one entry for each (with subnetting, all the subnets look like one net from the distance, and it’s the router at the entry the one in charge of sending a packet to the right subnet).

To avoid having inefficiencies (and running out of IP addresses) and having too many entries in the backbone router’s table, CIDR lets us use a single entry in a table for a lot of different networks.

If we have an AS with 16 class C networks, instead of handing out 16 class Cs at random, we give it 16 continuous class C addresses. They will now have the same top 20 bits. This can be the network number for all of them.

We need a new notation; the 20 bits prefix for all the networks 192.4.16 though 192.4.31 is represented as 192.4.16/20 (the 20 bits that define the network). To represent a single class C (24 bits long) we would sue 192.4.16/24.

Longest Match rule

BGP: Border Gateway Protocol
BGP assumes that the Internet is an arbitrarily connected set of ASs (Autonomous Systems). The goals of BGP are first to find some path, second to make sure the path is compliant with the policies of the various ASs.

BGP advertises complete paths as an enumerated list of ASs to reach a particular network.

Remote Procedure Call
A client sends a request message to a server, and the server responds with a reply message, with the client blocking while waiting.

Functions that must be performed by any RPC protocol (and that distinguish it from UDP?):

* Provide a name space for uniquely identifying the procedure to be called (could be implemented by defining a set of fields in the request message format)

* Match each reply message to the corresponding request message (implemented by uniquely identifying request-replies pairs using a message ID field)

TCP Congestion Control
The idea is for each source to determine how much capacity is available in the network. TCP makes use of three mechanisms for this:

1. Additive Increase/Multiplicative Decrease

It uses a new variable: Congestion Window (cwnd)

* Additive Increase: each time we get an ACK we increment the cwnd (by 1, for example)
* Multiplicative Decrease: each time a timeout occurs we cut cwnd in half

2. Slow Start (slow in comparison with initial TCP behavior, not additive increase)

Increases the cwnd rapidly from a cold start (exponentially, rather than linearly). Still uses multiplicative decrease on timeout.

3. Fast Retransmit and Fast Recovery

* Fast Retransmit: when the receiver gets a packet out of order – earlier data did not arrive – it resends the same ACK that it sent last time. After 3 duplicate ACKs, the sender retransmits the packet.

* Fast Recovery: removes the slow start phase that happens between when fast retransmit detects a lost packet and additive increase begins. Instead of starting from 1 when a timeout occurs, it starts by the last cwnd divided by 2.

TCP Tahoe
Includes all the mentioned congestion control mechanisms, except fast recovery.

TCP Reno
Includes all of them, plus an optimization known as header prediction (optimizing for the common case that segments arrive in order).

TCP Vegas
The end hosts try to predict congestion by looking at changes in the sending rate. It compares the measured throughput rate with the expected one.

Transfer JSON encoded files in PHP with CURL

2010-07-17T13:48:00.000-07:00

CLIENT (makes request)

How do we transform a PHP object into JSON?

$doc = json_encode($request) -> returns a string containing the JSON representation of $request.

How do we use the POST method to reach a page in a different server (plus there is no form in the file that builds the Json file)?

We use CURL to transfer the file using POST (POST is defined in the options)

          curl_setopt($curl_handle, CURLOPT_POST, TRUE);

          curl_setopt($curl_handle,  CURLOPT_POSTFIELDS, $doc);

How do we get the response that the server returns (saying if the request was successful)

When we execute the transfer with cURL we get a response:

            $buffer = curl_exec($curl_handle);

           $response =  json_decode($buffer);

Why is the response a JSON doc? --> Because that’s how the server built it

Steps:

Create the object (associative array) in PHP
Encode it into a JSON document: $doc = json_encode($request);
Transmit it using cURL: $buffer = curl_exec($curl_handle);

SERVER (processes the request, returns response)

Since we don’t have the $_SERVER variable, how do we get the file that is being transferred by cURL?

We use $doc = file_get_contents(‘php://input’)

php://input allows you to read raw POST data

file_get_contents reads an entire file into a string

How do transform the string into something that we can process with PHP?

json_decode($doc) takes a JSON encoded string and converts it into a PHP variable

How do we transmit the response:

echo json_encode($response);

What’s different in JavaScript?

2010-07-17T06:36:00.000-07:00

1. It is case sensitive.

2. JavaScript is a loosely typed language (we don’t need to define the type of the variables).

3. Variables are declared with the keyword “var”.

4. Unlike C, C++, and Java, JavaScript does not have block-level scope. All variables declared in a function, no matter where, are defined throughout the function.

var scope = “global”;

function f(){

alert(scope); //Displays “undefined”, not “global”*

var scope = “local”;

alert(scope); //Displays “local”

{

5. When you declare a global variable you are actually doing is defining a property of the global object.

6. In client-side JS, the window object serves as the global object.

7. Objects map property names to arbitrary property values

8. In JavaScript, a function is a special kind of object that has executable code associated with it. Since functions are objects, they have properties and methods.

9. JavaScript supports function literals. They are just like other function, except that they do not have a name. They can appear within other JavaScript functions:

var square = function(x) { return x*x; }

10. Functions are not only syntax, but also data, which means that they can be assigned to variables, stored in the properties of objects or the elements of arrays, returned from functions, passes as arguments to functions, etc.

Functions can be assigned to an object’s properties. Example:

var dog;

dog.color = function() { … }

In fact, a method is nothing more than a function that is stored in a property of an object, and invoked through that object.

When a function is invoked as a function rather than as a method, the “this” keyword refers to the global object.

11. JS functions can be written so that they work with any number of arguments (p. 129).

12. Functions run in the scope in which they are defined, not the scope from which they are executed (p. 141).

13. Functions are a combination of code to be executed and the scope in which to execute them. This is known as “closure”.

14. JS is a true object-oriented language that uses prototype-based inheritance instead of class-based inheritance.

15. Objects in JS may have ant number of properties, and properties may be dynamically added to an object.

16. Objects are usually created with the keyword “new”.

17. It supports an object literal syntax that allows you to create an object and specify its properties like this (no constructor needed):

var point = {x:3, y:4};

18. Primitive types are manipulated by value, and reference types (objects – including arrays and functions) are manipulated by reference.

19. Strings are immutable.

20. The power of client-side JavaScript is that it has access to the contents of the HTML document.

Java Collections Cheatsheet

2010-07-14T09:25:00.000-07:00

Main operations: Insert, Search, Delete, Iterate (visit all the items in a collection).

Java Collections Framework provides three major types of collections: set, list and map.

They are defined in the interface Set, List and Map.

Set: no repeated elements.
List: elements stored in insertion order (but we can also insert elements anywhere in the list).
Map: stores key-value pairs.
Tree: elements stored based in their natural order.

CONCEPTS

Array: Only built-in structure. Fixed size. Quick insertion (at the end). Slow search (unless we know the element’s index). Slow deletion.
Stack: Last-In First-Out (LIFO). Slow access to other items (except last one).
Queue: First-In First-Out (FIFO). Slow access to other items (except first one).

(Stacks and Queues are usually implemented by arrays or linked-lists with the constrains of FIFO or LIFO. There is no need for a custom implementation in the Java Collections Framework).

Linked-list: The list contains only a reference to the first item. Each item contains a reference to the next one. Quick insertion (at the beginning). Slow deletion (except at the beginning). Slow search.
Set: Group of elements with no duplicates. Usually implemented by a HashTable (=Map) where the keys have no meaning, or a Tree.
Map: collection of key-value pairs. Usually implemented by HashTable (Array + LinkedLists, for example). Quick insertion. Quick search if key is known. Slow deletion. Inefficient memory usage (good if there won’t be too many deletions).
Binary Tree: Only two children per node. The tree only contains a reference to the root (the first node). Each node contains a reference to its left and right nodes.
Binary Search Tree: the nodes are ordered by key value. When we insert an item, the tree looks for the right position to insert it. Quick search, insertion, deletion (it tree is balanced). It might become unbalance if the elements are inserted in order.
Red-Black Tree: balanced Binary Search Tree.

IMPLEMENTATIONS (in Java)

Interfaces

Collection
List: Collection whose elements can be traversed in insertion order.
Queue: Collection that maintains its elements in processing order.
Set: Collection that cannot contain duplicate objects.
SortedSet: Set whose elements are ordered. => Deprecated. Replaced by NavigableSet
Map: Collection of key-value pairs. Each key maps to at most one value (does not allow duplicate keys). Both the keys and the values must be objects, so primitive values will be wrapped.
SortedMap: Map whose keys are ordered. => Deprecated. Replaced by NavigableMap

Classes

Implement List:

LinkedList: elements will be traversed in insertion order. Elements can be accessed, added, and removed efficiently at either end of the list (it’s a doubly linked list). It also implements Queue and Deque.
ArrayList: elements will be traversed in insertion order. Elements can be accessed efficiently by index (unlike in LinkedList).
Vector: elements will be traversed in insertion order. Resizable array. Synchronized.

Implement Queue (elements in processing order):

PriorityQueue: elements will be accessed according to priority order.
ArrayDeque: elements will be accessed according to either FIFO or LIFO processing order. It also implements Dequeue.

Implement Set (unique elements):

HashSet: no particular order. It’s a HashTable with no duplicates (we don’t know and don’t care about the key that maps to each value).
LinkedHashSet: + elements traversed in insertion order.
TreeSet: elements will be traversed in the order specified by the compareTo method of the elements = element order. It uses a balanced binary tree à all operations are efficient. It also implements NavigableSet.

Implement Map (unique keys):

HashMap: no particular order. HashTable where each key maps to a value (we can retrieve both keys and values).
LinkedHashMap: + elements will be traversed in key insertion order.
IdentityHashMap: + compares keys using == instead of the equals method.
HashTable: no particular order. Synchronized.
TreeMap: elements will be traversed in the order specified by the compareTo method of the keys = key order. It uses a balanced binary tree à all operations are efficient. It also implements NavigableMap.

If the elements have hashCode method, they can be used as HashSet elements or HashMap keys.

If the elements have a compareTo method, they can be used as TreeSet elements or TreeMap keys.

Do software patents help or harm progress?

2010-07-14T08:43:00.000-07:00

The following is a paper I wrote for my Computer Ethics class during my master's at LUC.

-----------------------------------------------------------------------------------------------------------------

The intention of the patent system is to protect the small inventor and thus promote invention. Unfortunately, in the case of software patents, it doesn't work that way. Small inventors, as we'll see, get more harm than good from the current system of software patents, and innovation is hampered instead of promoted.

The first problem in software patents is that it is not about patenting a single implementation of an idea (like in the Pharmaceutical industry, where a patent is granted for one chemical formula), it is about patenting the idea itself. And the patent grants a monopoly over the use of that idea for a long period of time. As anybody familiar with software development knows, a program is usually not based in any one single idea, but in a compound of ideas, most of them already in use.

The second problem is the way in which the Patent Office bases its decision for granting a patent in this area. Firstly, they try to find out if there is any prior art regarding the patent application. But this is a very difficult task with software patents because a lot of prior art is in the form or books, which are not included in their database, or it is just part of the industry's "folklore", which means it's not written anywhere but everybody knows about it. Secondly, they consider if the invention to be patented is non-obvious, which is something very subjective, and difficult to determine by a person who is not a professional in the software industry.

The third problem, and maybe the most important one, is that it is almost impossible to know how many patents may cover a program, due to the great number of them, the obscure language they are written on, the lack of a good classification, and the fact that patent applications that are pending are secret (but retroactive). Small companies can easily infringe someone else’s patent without even knowing it. Trying to find out if a program infringes any patents is costly, and the legal process of defending yourself when being sued for patent infringement is event costlier. Most small and medium companies cannot afford it.

If a company wants to use an idea that has been patented from someone else, they can try to license it. The owner of the patent does not have the obligation to license it, though, even if he is not using it. And when the owner does license the patent, it is usually for a sum around 5% of gross sales of the software product. This is already a very high sum, which might make an inventor think it twice before deciding to commercialize a software product, but if the program needs more than one license it’s almost impossible to get it to the market. The profit margin is gone.

Big companies can avoid the hamper to progress that software patents are thanks to cross-licensing, but small companies and inventors cannot. They don’t own a sufficiently large number of licenses to force big companies to cross-license with them when they want to use a patent that a large company owns. On the other hand, it is very difficult that these small inventors can benefit from patents, because their programs probably infringe the patents of big companies, who can force them to cross-license with them. The only case in with a small company cannot be forced to cross-license is when this company is patent troll.

As we can see, the group that is supposed to be benefited by the software patent system, small inventors, is not benefited at all. They don’t have enough resources to participate in the cross-licensing game, to confront a claim of patent infringement, or to make an exhaustive research to make sure they don’t infringe anybody else’s patent.

Big companies are more benefited than harmed. They can force small companies to cross-license with them, thus being able to use their ideas at a very low cost, and is not usually a problem for them if the idea has been patented by another big company, because they can also cross-license. Unfortunately, this does not mean that their investment in Research and Development will be higher; big companies already own vast patent pools that they can use as leverage.

One last issue to consider is that the investment in software development is not that high that it is necessary to protect the idea for long time to let the creator recover the losses, or they would not invent any more. Software development has the unique quality of requiring very low investment to produce and commercialize.

There are two groups that are clearly benefited from the current patent system: patent trolls, and patent lawyers. Nevertheless, these are not the groups that the system intended to protect, and their contribution to innovation is close to null.

Finally, we have the general public. This group is the biggest one, and we think it would be benefited by the modification or suppression of the current patent system. With the current system the offer of programs is more limited than if patents didn't exist, and thus prices are higher. If there were no software patents, there would be a lot more of cheaper high quality software that would solve many of the issues that companies and individuals face in different areas of their lives.

From a utilitarian perspective we can conclude that the way in which the current system is implemented in the US is not good. The disadvantages are bigger than the advantages.

One solution would be to get rid of software patents completely. Another solution is the one proposed by John Preston, President and Chief Executive Officer of Continuum Energy Technologies LLC, and Senior Lecturer at the Massachusetts Institute of Technology, in which the patent holder has to license its patent for a pre-established fee. This would eliminate the advantages that big companies, with big patent pools, have over small ones.

There are also efforts that seem to go in the direction of helping the patenting process. For example, Google is scanning millions of books, which might help in the search of previous art. They also created a patent search engine, which might help inventors finding those that cover their program. Nevertheless, these are limited solutions and a change in the administration's policies is needed to get to a system that is fair for everybody, both big and small inventors, as well as the general public. Our society can greatly benefit from the advancements in software, and software has the unique qualities of zero cost of reproduction, and zero barriers to creativity, that could make for an exponential development of the world we live in.