Es verdad. RSS puede cambiar radicalmente tu forma de consumir información… tanto, que olvidas que para el 99% de los mortales aquella sigla sigue significando tanto como un código de aeropuerto de Zambia: nada.

Y si no sabes qué es o para qué sirve, difícilmente puedes exigirlo. Menos aún implementarlo.

Pero en vez de masticar con rabia el lustro que falta para que RSS se masifique, démosle un empujoncito. En este artículo aprenderán en tan sólo 5 minutos cómo aprovechar esta tecnología, sin importar el nivel de conocimiento que tengan en computación.

Y si ya saben de qué se trata… ¡no se vayan! Tendremos un interesante bonus track con un dato que interesará incluso a algunos usuarios más avanzados.

RSS no es nada más (ni nada menos) que una suscripción a un sitio web.

De hecho, la mejor forma de entenderlo es hacer un paralelo con el mundo real: en vez de ir todas las mañanas al quiosco para comprar el diario, te suscribes y lo llevan a tu puerta… ¡gratis!

Así, en vez de recorrer tus 10 ó 15 sitios web habituales para ver qué hay de nuevo, basta dar un vistazo a tus canales RSS y lo sabrás de inmediato. No sólo es cómodo: si te suscribes a sitios que no son regulares actualizando -como blogs o comics- evitarás perder tiempo cargando lo mismo que ya viste ayer.

(Si quieres conocer más detalles sobre RSS, visita este artículo de Mouse).

Nope. Porque en vez de esperar que envíen el resumen diario, un canal RSS se actualiza inmediatamente. De esta forma tendrás siempre a mano los últimos titulares o sabrás si aquella blogonovela emo por entregas publicó por fin su último capítulo (en vez de colapsar el servidor dándole a “recargar”).

Nuevamente no. Sólo a los que sean compatibles con RSS (de ahí que mis amigos monten en cólera).

Por fortuna la gran mayoría de los blogs posee RSS y un creciente número de sitios web los están incorporando, sobre todo cuando se trata de noticias (sin contar algunas formas de resolverlo a la mala).

Reconocerlos es muy sencillo: todos los navegadores modernos (lo que NO incluye a Internet Explorer 6) muestran un pequeño ícono naranja en la barra de direcciones cuando detectan un canal RSS:

(Safari no usa el ícono estándar. Ya saben, a los mackeros les fazsina Ripley).

Por cierto, algunos sitios también ofrecen sus canales RSS (o feeds) desde un vínculo o ícono propio, usualmente con las siglas RSS o XML.

Aunque -otra vez- todos los navegadores modernos aceptan canales RSS, no los recomiendo porque -en este aspecto- dejan mucho que desear.

Lo mejor es usar un programa especializado -y casi siempre gratuito- llamado agregador o lector de RSS. Éste no sólo mantendrá al día automáticamente tus canales, sino que los organizará para facilitar su lectura.

Ahora, existen 2 tipos de lectores: los programas y los basados en la web, cada cual con sus pros y contras.

Programas lectores de RSS:

- Debes instalarlos, como cualquier otra aplicación.
- Puedes leer tus canales ya descargados, aún sin conexión.
- Sólo podrás acceder desde tu computadora.
- Suelen tener funciones avanzadas.

Lectores RSS basados en la web:

- Puedes usarlos nada más inscribirte.
- Sólo puedes usarlos mientras estás conectado a Internet.
- Puedes acceder desde cualquier computadora.
- Suelen tener sólo funcionalidades básicas.

El que elijas dependerá de tus necesidades: si usas diferentes máquinas te convendrá más uno basado en la web, mientras que si prefieres ir leyendo tus canales en el bus, donde no tienes red, usa una aplicación.

¡Oh! Y 2 cosas más:

1. Si tienes un computador de baja gama, es mejor usar un lector basado en web para evitar que el veterano se sobrecargue consultando Internet a cada instante.

2. Independiente del lector que uses, todos pueden exportar tus canales en formato OPML, lo que te permite cambiar de uno a otro cuando lo necesites. No hay problema si cambias de opinión.

Si quieres un programa y usas Windows, FeedDemon es el más popular, aunque yo prefiero la simpleza de FeedReader.

Si usas Mac es NetNewsWire quien la lleva junto a Vienna y, si eres un pingüinitux, entonces te conviene Liferea, aunque Akregator no es malo.

Si optas por uno basado en web, las tendencias se inclinan por Google Reader… pero Bloglines me sigue pareciendo más atractivo. Netvibes también merece que le des un vistazo antes de decidir.

¿Lo mejor? Todos son gratuitos :)

¡Genial! Sólo falta lo más fácil.

Supongamos que quieres suscribirte a mi bitácora. Si estás en Liferea (Linux), bastará con ir al menú Suscripciones > Nueva Suscripción y escribir la dirección del sitio (URL), es decir, www.elfrancotirador.cl.

Dale unos segundos y buscará el canal RSS automáticamente, mostrándote las últimas publicaciones.

Si usas FeedReader (Windows) el procedimiento es muy similar: menú Archivo > Nuevo > Canal. El resto de los lectores -ya sean programas o basados en web- siguen la misma lógica.

Ups… ¿algo no salió como esperabas? Seguro es uno de estos 2 motivos:

1. Te pregunta si quieres suscribirte en RSS o Atom: Son sólo 2 formatos diferentes que -para el usuario- no tienen ninguna diferencia práctica. Elige el que te recuerde a tu superhéroe favorito.

2. El sitio no encuentra el canal RSS: En algunos sitios, la búsqueda automática no da resultado. En esos casos debes poner la dirección exacta del canal, que siempre tendrá un vínculo desde la página. Por ejemplo en mi caso:

http://www.elfrancotirador.cl/feed/

http://www.elfrancotirador.cl/comments/feed/
(Este es para recibir también los comentarios…wow!)

¡Y eso es todo!

Recuerda que puedes configurar la mayoría de los navegadores para que agreguen automáticamente un canal RSS a tu lector con sólo pulsar sobre el ícono en la barra de direcciones. Sólo busca en las opciones de configuración.

Imagina el siguiente escenario: estás haciendo una investigación para tu trabajo, escuela o universidad y necesitas seguir la pista de cerca a un tema específico. Usualmente esto significa ponerte kimono y revisar cada nota una por una, ¿verdad? ¿Pero para qué desgastarte si tu fiel lector de RSS puede hacerlo por ti… y al instante?

Esto es lo que FeedReader denomina un Pseudocanal y FeedDemon un Watcher, mientras NetNewsWire lo llama Smart Lists: una carpeta donde se van almacenando sólo las noticias que cumplen ciertos criterios específicos, como si tuvieras un propio editor de prensa personalizado.

Crearlo es muy sencillo. En FeedReader ve a Archivo > Nuevo > Pseudocanal, mientras en FeedDemon debes ir a File > Subscribe > New Watch.

Una vez abierto el cuadro de diálogo deberás indicar qué palabra clave deseas buscar (por ejemplo, “OOXML”) y dónde (en el título si sólo te interesan noticias específicas o en el texto, si también te interesan las relacionadas). Puedes agregar tantas palabras clave como desees, para ampliar la búsqueda.

En adelante, toda noticia que “califique” dentro de tus parámetros será marcada en esta carpeta especial, ahorrándote mucho tiempo en revisiones. Puedes crear varios pseudocanales (o watchers o smart lists) para seguir varios temas al mismo tiempo.

Cómo hace falta esta opción en Liferea y Akregator, ¿verdad? ;)

Desde luego la versión elegida fue Ubuntu -pese a que Javier insistía en otra que es igual pero más afeminada llamada Enlightenment- y, si bien la instalación no resultó ser la experiencia indolora que me aseguraron por algunos problemas en el comienzo, debo reconocer que acabó siendo bastante satisfactoria.

(Estoy hablando de software, no de sexo anal).

Como sea, una de las primeras cosas que quise probar para tapar la boca a mi hermano -quien es un enchulador profesional de Windows- fue Compiz Fusion, un juego de efectos especiales de escritorio para Linux que dejan la interfaz de Vista como pantalla de cajero automático.

Si aún no saben de qué hablo, sólo den un vistazo a este video (por favor, tengan su babero a mano):

Pero aunque la instalación de componentes en Ubuntu se ha simplificado de forma escandalosa, hacerme con Compiz no resultó algo trivial gracias a mi notebook HP Pavilion y su tarjeta gráfica ATI -una Radeon Xpress 200M- quienes, contrario a sus pares de Nvidia, no han dedicado mucho esfuerzo a mejorar su compatibilidad con Linux.

Por fortuna la comunidad de código abierto volvió a demostrar ser el mejor soporte y, para devolver la mano, quiero recopilar aquí (y en español) la información de Howto Forge y MundoGeek que hicieron muy sencilla una tarea que -con la colaboración de ATI- lo sería aún más.

(PD: En teoría, este método debería funcionar con cualquier tarjeta ATI).

Vamos entonces a por estos 3 simples pasos:

Aunque Ubuntu instala por defecto controladores (drivers) gráficos que te permiten usar la tarjeta, la única forma de aprovechar plenamente su potencial es con los controladores oficiales de ATI.

Es muy probable que ya los hayas descargado durante la instalación, pero sólo para cerciorarnos, ve a Sistema > Administración > Gestor de Controladores Restringidos y verifica que el controlador para tarjetas gráficas ATI está habilitado y en uso.

Si no es así no te preocupes: con sólo marcar la casilla Ubuntu gatillará la descarga e instalación desde Internet. Luego de ello reinicia el sistema y pasemos al siguiente punto.

Hasta hace unos años, instalar componentes en Linux requería un postgrado en física cuántica. Ahora con el gestor de paquetes Synaptic -una especie de Windows Update pero sin la dichosa estrellita recordándonos que validemos autenticidad todo el tiempo- la operación es más simple imposible.

Vamos a Sistema > Administración > Gestor de Paquetes Synaptic.

Una vez allí, utiliza el botón buscar para encontrar el paquete “compizconfig“. Pulsa el botón derecho sobre “compizconfig-settings-manager” en los resultados y escoge Marcar para instalar.

Es probable que el sistema te pregunte si deseas incluir sus archivos complementarios (dependencias). De ser así, responde afirmativamente.

Repite exactamente la misma operación -buscar y marcar- los siguientes paquetes (y sus dependencias):

• emerald
• gnome-compiz-manager

Una vez completado, dale al gran botón verde Aplicar en la barra de Synaptic. El software comenzará a descargarse e instalarse automáticamente. Yay!

¿Okey? Cierra Synaptic y vamos a comprobar que Compiz esté listo para usarse. Para ello ve a Sistema > Preferencias > Apariencia y pulsa sobre la pestaña Efectos Visuales.

Una vez allí sólo marca la última opción -Personalizado- para comenzar a disfrutar de tu… ¡oh, demonios! ¿qué es eso de “The composite extension is not available”? Oh bueno, esta es la parte donde ATI no coopera.

No te preocupes. Esto es ‘por la razón o la fuerza’…

Si al marcar Personalizado en el panel Apariencia todo marcha bien y Compiz se aplica instantáneamente, no necesitas hacer más. Sin embargo, si el fatídico mensaje de “The composite extension is not available” interrumpe tu solaz, tendremos que instalar un paquete adicional llamado XGL.

Para ello vuelve a Sistema > Administración > Gestor de Paquetes Synaptic y busca “xserver-xgl“. Nada más aparezca, dale con el botón derecho y pónle Marcar para instalación antes de que huya.

(Es broma, ¿eh?).

Finaliza otra vez con el gran botón Aplicar para la descarga e instalación del paquete. Cierra Synaptic y reinicia el sistema.

Al regresar, podrás ir a Sistema > Preferencias > Apariencia > Efectos Visuales y marcar Personalizar sin ningún problema. De inmediato comprobarás que el escritorio adquiere un aspecto mucho más sofísticado, junto con algunos efectos parafernálicos.

Pero no creas que Compiz es sólo eso. Si vas a Sistema > Preferencias > Advanced Desktop Effects Settings, verás la multitud de posibilidades que tienes para impresionar a tus amiguitos (o hacer parir el sistema, lo que pase primero).

Bon appetite!

PD: Este tutorial y sus imágenes fueron íntegramente realizadas con Linux, Firefox y Gimp. No, no me mordió y ningún pingüino murió en el proceso.

Y ojo, que no hablo sólo de la típica (e irritante) noción de que los diseñadores son profesionales a cargo de “hacer monitos”. Me refiero a esos presupuestos miserables que usualmente se asignan a un proyecto Web, impidiendo al diseñador realizar su trabajo como es debido… e incluso ganarse la vida.

Propuestas por 20 mil pesos (40 dólares), folclóricas ofertas de trueque (el sitio, por un año de sabrosalsa Deyco), generosas propuestas de asociación (hagamos el sitio y cuando genere ganacias te doy el 20%) e incluso la desestimación total para encargar el desarrollo al sobrino del dueño de la empresa quien “algo le pega”, son sólo algunos lugares comunes que sonarían a insulto para un ingeniero, médico, abogado o arquitecto.

Pero lejos de convertir este artículo en uno de esos interminables -e inútiles- muros de lamentos, quiero invitarlos a hacer una autocrítica. Porque apartando a los amarretes crónicos, siempre he percibido que el problema central es la desinformación del cliente.

Desinformación que le lleva a pensar que diseñar un sitio Web es un trabajo similar a construir una presentación en PowerPoint (que claro, él hace con un par de clics). Desinformación que le hace ignorar el trabajo previo al desarrollo, e incluso a factores como estándares, compatibilidad, usabilidad, accesibilidad o indexación que deben estar presentes en todo proyecto.

¿Cómo sabe el cliente cuánto vale en realidad el trabajo si no se lo informamos?

Precisamente, un elemento crucial en esta labor es la cotización de servicios, que ya muchas veces he visto como una burda hoja con valores y una firma garabateada. Recuerden que, parafraseando a Plutarco, no basta con que el diseñador sea profesional: también tiene que parecerlo.

Por eso quiero compartir con ustedes el modelo de cotización que desarrollé durante los años. No podría presumir de que sea perfecta, pero puede darles ideas para mejorar su posición frente a un potencial cliente e incluso evitar malentendidos desagradables… que yo sufrí con la experiencia.

Mi modelo de cotización tiene 7 secciones. Desglosemos paso a paso:

Exclusivamente por protocolo, toda cotización debería comenzar con una breve presentación del diseñador o de la empresa. Es probable que el cliente ni siquiera se moleste en leerla, pero así como toda reunión de negocios comienza de forma inevitable charlando sobre el clima o la familia, ayuda a no comenzar en seco con los datos duros.

En esta sección no duden en agregar algo de parafernalia, puesto que la idea final es venderse como profesional. Por ejemplo, este es el texto que introduce mis cotizaciones:

Estimados Señores Empresa Juanito Pérez S.A.:

Bienvenidos al mundo de la comunicación digital. Les agradecemos el considerar nuestros servicios para desarrollar un sitio Web que no sólo sea versátil, atractivo y de calidad, sino que se convierta en un verdadero nexo de interacción con sus clientes.

En XXXXXXXX evaluamos cada proyecto detenidamente y proponemos las soluciones integrales más adecuadas para sus metas. Por ello nos complace presentar a usted la siguiente cotización, basada en sus requerimientos, nuestra experiencia y los ejemplos aportados tras una investigación por otros sitios Web relacionados a su campo, incluso pertenecientes a distintas geografías.

Queremos recordarle que la presente es nuestra propuesta general, así que por favor siéntanse en la libertad de hacer las sugerencias que estimen convenientes. ¡Las ideas de nuestros clientes son un pilar fundamental de nuestro trabajo!

Como para emocionarse, ¿eh?

Cualquier proyecto Web a desarrollar debe tener sus propósitos bien definidos. Si esto no está claro antes de comenzar el diseño, difícilmente el sitio tendrá éxito. Sería como lanzarse a construir un edificio sin saber si será un hotel, una clínica, una torre residencial o de oficinas.

Antes de enviar tu cotización, ten una conversación preliminar con el cliente y define claramente los objetivos que persigue. Algunos de los más frecuentes son:

• Ofrecer información sobre productos o servicios.
• Realizar ventas en línea vía tarjeta de crédito.
• Realizar trámites en forma electrónica.
• Promover una actividad o evento.
• Captar socios para una organización sin fines de lucro.
• Captar miembros para un partido o campaña política.

Un sitio puede tener más de un objetivo (pero cuidado, porque algunos son incompatibles y exigirán crear más de un sitio). Luego, al presentarlos, estos deben personalizarse según cada empresa o institución. Por ejemplo, los objetivos que describí para el sitio Web de un museo local fueron:

A) Difundir la exhibición y actividades del Museo X.
B) Incentivar al público para visitar el recinto.

De igual forma, los objetivos que definí para una empresa de insumos de computación fueron:

A) Informar sobre los beneficios y el uso de los productos.
B) Promover las ventas.
C) Prestigiar y difundir la marca X.

Nunca se desliguen de estos objetivos. Ellos son la carta constitucional del sitio Web a desarrollar y serán el patrón para medir su posterior éxito o fracaso.

La estructura es la columna vertebral del sitio Web, detallando con precisión qué secciones o servicios tendrá y cuál es la finalidad de cada uno en pos de los objetivos comunicacionales.

Se divide en 3 partes: secciones (regularmente documentos o contenidos multimedia con información), servicios (herramientas a disposición del usuario, o bien del cliente para uso interno) y adicionales (servicios o desarrollos opcionales).

Ejemplifiquemos las secciones con éstas, extraídas de la cotización a la empresa de insumos:

3.1 SECCIONES

A) Empresa
Historia de la empresa, noticias y proyecciones futuras.

B) Catálogo de Productos
Catálogo completo de los productos disponibles, con imágenes, texto, infografías y/o animaciones.

C) Compra de Productos
Formas de adquirir productos, información sobre pagos y facturación.

D) Locales
Ubicación de locales comerciales y su horario de funcionamiento.

E) Consejos de utilidad – Blog
Cada mes se agregan consejos y datos útiles para el uso de los productos comercializados por X. Esto atrae a los visitantes y los educa en sus compras, aumentando su grado de satisfacción. La mantención de esta sección se puede realizar por los propios empleados o bien incluirse en los costos de actualización mensual.

F) Pregunta a nuestros expertos – Blog
Servicio de consulta donde se seleccionan mensualmente preguntas de los clientes sobre el mejor uso de los productos. La mantención de esta sección se puede realizar por los propios empleados o bien incluirse en los costos de actualización mensual.

Mientras, para la cotización del museo, sugerí los siguientes servicios:

3.2 SERVICIOS

A) Contador y Estadísticas
Conozca cuántas personas visitan diariamente el sitio web del Museo, qué días, en qué horarios e incluso de qué país provienen.

B) Motor de Búsqueda
Ofrezca a sus visitantes la posibilidad de encontrar la información que necesitan rápidamente.

C) Libro de Visitantes
Quienes lo hayan visitado dejarán sus opiniones y sugerencias para que tanto usted como otros visitantes las lean. Ideal para incentivar a otros a asistir al Museo. La revisión puede realizarse por los empleados o incluirse en el precio de actualización mensual.

D) Formulario de Contacto
Sus visitantes podrán comunicarse con usted en forma rápida y cómoda para hacerle llegar sus comentarios, felicitaciones, críticas o sugerencias; todo a las direcciones de e-mail que usted especifique. De igual forma, puede habilitarse la inscripción de delegaciones.

Por último, los adicionales representan una posibilidad estratégica de subir el presupuesto de un sitio Web, mientras el cliente mantiene la posibilidad de rechazarlas si desea limitar su inversión.

Incluye en ellas secciones o servicios que no son cruciales para concretar los objetivos comunicacionales, pero que podrían servir de apoyo, como traducciones o capacitación.

Volvamos a la cotización del museo:

3.3 ADICIONALES

A) Traducción completa al inglés
La mejor forma de proyectar sus logros al extranjero, atraer turistas interesados en el tema y establecer lazos de cooperación internacional.

B) Servicio de actualización
Incluye la actualización mensual de las secciones de entrevista y artículo del mes, así como de los valores, horarios y agenda de exhibiciones.

Tres puntos importantes:

1. El servicio de actualización debe estar cuidadosamente especificado. Es muy fácil que los clientes lo confundan con un trabajo de mantención a tiempo completo y uno acabe construyendo secciones nuevas o renovando 100 páginas de contenidos.

2. Consideren que en algunos casos será necesario contratar a profesionales de apoyo, como por ejemplo para redacción, diseño, programación o traducciones, según sea tu propia disciplina.

3. Ojo con prometer más de lo que se está en condiciones de realizar de acuerdo al presupuesto disponible. Recuerden que la cantidad de secciones y servicios comprometidos irá en directa relación a la amplitud del sitio.

En este apartado se debe detallar brevemente cuánto tomará la construcción del sitio, así como en qué consistirá cada etapa. Es doblemente importante pues por un lado te ordenará tanto a ti como al cliente en los plazos, además de educarlo respecto al proceso de desarrollo.

Aquí se demuestra por qué cobras lo que cobras. ¡No la desaproveches!

Como muestra, el plan de desarrollo del museo:

1º ETAPA: PROPUESTA GRÁFICA / PLAZO : 2 SEMANAS

Creación de bocetos del sitio Web (dos como mínimo), con distintas propuestas gráficas a elección. Los diseños se presentan como imágenes JPG no funcionales. Tras la aprobación del cliente se procede a la siguiente etapa.

2º ETAPA: DESARROLLO DEL SITIO WEB / PLAZO : 6 SEMANAS

Elaboración de todas las secciones del sitio Web, así como de las imágenes y animaciones. Se digitalizan y editan los elementos multimedia. Se programan los servicios interactivos – como formularios, foros u otros. Se configuran las bases de datos. Se integra todo el contenido disponible.

3º ETAPA: EVALUACIÓN Y CORRECCIONES / PLAZO : 2 SEMANAS

El sitio Web terminado es sometido a pruebas y a la evaluación del cliente. Se corrigen eventuales errores y modifican aspectos a solicitud del cliente. Se integra el contenido restante de la etapa anterior. Finalmente se entrega el sitio Web listo para su publicación en Internet.

TIEMPO TOTAL ESTIMADO: 10 SEMANAS.

Al planificar el desarrollo, toma en cuenta 4 puntos:

1. Los plazos varían dependiendo de la complejidad del sitio. Evalúa bien.

2. Siempre es recomendable considerar un par de semanas extra en caso de surgir uno de aquellos imprevistos que tanto deleitan a Murphy. Por otro lado, si todo sale bien y acabas antes del tiempo fijado, te granjearás fama de eficiente.

3. Existe una discusión abierta respecto de la conveniencia o no de presentar dos alternativas gráficas. No la abordaré aquí por razones de espacio, pero un buen consenso parece ser la presentación de 1 maqueta en proyectos sencillos y 2 en los más complejos.

4. Si se trata de un proyecto grande donde debas interactuar con otros profesionales o empleados de la empresa, será mejor reemplazar estar sección por una carta Gantt. Mis condolencias.

Más que una propuesta, se trata de especificar cómo entregarás los archivos (por ejemplo, en un CD o subiéndolos directamente al sitio Web del cliente), al tiempo que es otra oportunidad para informar sobre tus aptitudes profesionales.

Por cierto, en esta sección también debes abordar el tema de los archivos fuentes (como los .FLA de Flash). Las opciones son entregarlos, cobrar un recargo por ellos o advertir que no se entregarán, pero no recomiendo dejar el tema en suspenso. Puede acarrear consecuencias desagradables.

Mis condiciones de entrega:

El desarrollo se entregará en los formatos correspondientes a cada archivo (HTML, imágenes, audio, video, animaciones Flash u otros) en un CD o DVD, además de subirse directamente al sitio Web. Además se incluirán los archivos fuente de las animaciones Flash (.FLA).

Todos nuestros trabajos se rigen según los estándares de usabilidad y accesibilidad para discapacitados actualmente en vigencia según organismos internacionales como el W3C (www.w3c.org), cumpliendo también las exigencias técnicas para adaptarse sin problemas a resoluciones de 800×600 pixeles o superiores, las directrices que mejoran su posicionamiento en motores de búsqueda y compatibilidad con los principales navegadores actualmente en uso (Internet Explorer, Mozilla Firefox y Opera).

Que se note que no estamos “haciendo monitos”.

Y llegamos a aquel espinudo tema. Confiando en que todos los datos aportados anteriormente bastarán para convencer al cliente de que ofrecemos un servicio que vale lo que cuesta, presentaremos el detalle de nuestros servicios:

· VALOR DEL SITIO WEB : $ ______ + IVA.
· VALOR ADICIONALES : $ ______ + IVA.
· VALOR TOTAL : $ ______ + IVA.

· VALOR DE LA ACTUALIZACIÓN :
· $ ______ + IVA por mes.
· $ ______ + IVA por 12 meses.

Noten 2 puntos:

1. En caso de entregar factura como empresa, siempre especifiquen los valores sin IVA. La mayoría de las instituciones lo descuentan, así que esto les permitirá aparentar un valor menor. Esto no rige cuando se entrega boleta de honorarios.

2. Cuando consideren el servicio de actualización, fijen un monto mensual en caso de que se les requiera de vez en cuando y uno menor (proporcional, se entiende) si los contratan por 1 año. Puede ser el inicio de una hermosa -y lucrativa- amistad…

Adicionalmente, en este punto deben especificar las condiciones de pago… tema que no se puede ni debe dejar en el aire.

Por experiencia propia y de amigos diseñadores, JAMÁS -sin importar el prestigio del cliente- fijen todo en un solo pago al final del trabajo. Existen mil razones por las cuales un cliente puede desistir de sus servicios o incluso dejarlos impagos.

Lo más razonable es fijar uno o dos porcentajes de pago entregados contra avances. Por ejemplo, se puede cancelar un 30% al entregar una primera versión funcional o, como yo suelo proponer, un 20% al terminar la primera etapa de desarrollo, un 60% en la segunda y un 20% tras la tercera.

Desde luego, estas cifras dependerán de su capacidad de negociación y la confianza que tengan en el cliente, pero insisto: nunca se fien a un solo pago final.

Én esta sección es su deber preveer todas las condiciones que pudieran provocar roces con el cliente y advertirlas antes de comenzar el trabajo. En cierta forma son cláusulas que el cliente acepta cuando contrata sus servicios.

Por ejemplo, mis cotizaciones siempre llevan esta condición:

Es responsabilidad del cliente la entrega oportuna de los contenidos a incorporar dentro del sitio web, excepto que en la negociación se delegue en XXXXXXX su desarrollo como parte del servicio.

Como adivinarán, se debe a que un problema típico con los clientes son sus atrasos en la entrega de material (textos, fotos u otros), los que de redundar en un atraso del proyecto no pueden cargársenos a nosotros.

Antiguamente incluía una cláusula donde advertía que todos mis trabajos incluían un vínculo en la portada hacia mi sitio Web (el típico “diseñado por”), sin embargo esta práctica quedó obsoleta hace años.

Pueden concluir con un mensaje amigable como este:

Esperamos que la presente cotización haya cubierto sus expectativas. Para cualquier consulta adicional puede contactarse con nosotros en la casilla info@agencia.com o directamente al teléfono (XX) XXX XXXX.

Le saluda afectuosamente,
Pedro Soto – Diseñador Web

3 consideraciones finales:

1. En Chile y salvo que se trate de proyectos con empresas grandes, es muy raro que se firme un contrato por servicios de desarrollo. En estos casos, asegúrense de que el cliente lea esta cotización y la firme, dejando una copia en poder de él. Es garantía para ambos.

2. Cuando presenten los avances, busquen entenderse con sólo un representante de la empresa. Entre más ojos deban aprobar u opinar sobre el sitio, más se entorpecerá el proceso de desarrollo, incluso al punto de darles instrucciones contradictorias.

3. Por último y como sé que algunos de ustedes son muy vagos, aquí tienen una cotización tipo que pueden editar en formato ODT o ver en formato PDF. Si la utilizan obviamente no les pediré que me mencionen como autor, pero si les toca comentarla, les agradeceré un vínculo a este artículo.

Seguramente enriquecerá el debate :)

Todavía picado por el tratamiento que di a su querido Miranda en un antiguo artículo de Mouse, nuestro amigo Sadrach escribió un tutorial donde explica -en términos bastante sencillos- cómo instalar y hasta enchular su programa favorito de mensajería instantánea.

No estoy seguro si será suficiente para hacerme cambiar Pidgin, pero es interesante notar como la flexiblidad de una aplicación parece ser inversamente proporcional a su facilidad de uso.

Y no lo digo sólo porque el hecho de lidiar con bibliotecas (¡no librerías, caramba!) baste para desalentar a un novato, sino porque contrario a la creencia, entre más posibilidades ofrece un producto más parece rehuír al mercado masivo. Linux y SeaMonkey -en contraste a Ubuntu y Firefox- son dos ejemplos por antonomasia.

Al otro lado de la vereda, puede que la automatización de SWiSH lo haga atractivo para quienes buscan resultados rápidos en Flash, pero su falta de versatilidad le quita toda posibilidad de uso profesional… por más que algunos de mis alumnos intenten convencerme de lo contrario en las primeras clases.

Quizá la analogía de las rueditas de bicicleta no es tan alocada después de todo, aunque no tanto por el apoyo como por la conveniencia que proveen -irónicamente- las limitaciones. Eso sí, sólo cuando son bien aplicadas.

Ahora, agregar una cuenta en Pidgin suele ser un proceso bastante instintivo… salvo por Google Talk (aka GTalk) que requiere un par de indicaciones extra. Y aunque el sitio de Google ofrecía una guía notable para Gaim, como las cosas en Pidgin han cambiado un tantito resulta fácil extraviarse (¿cierto Franco?).

Curioso: Google ya actualizó su guía en inglés, así que mientras su equipo hispano espabila, démosle una manito a todos quienes no hablan the jet set language:

1. En la ventana principal de Pidgin ingresa al menú Cuentas > Añadir/Editar.

2. Pulsa sobre el botón Añadir y luego selecciona el protocolo XMPP.

3. Llena el resto de la ficha de la siguiente manera:

• Nombre de Usuario: Pon tu nombre de usuario de Google Talk, pero sin arroba (@) ni dominio (esa jerga que va después de la arroba).
• Servidor: gmail.com
• Recurso: Home
• Contraseña: ****** (…no serán tan mongos de poner los asteriscos, ¿verdad?)
• Apodo Local: Dejar en blanco.

4. Opcionalmente puedes marcar:

• Recordar contraseña sólo si se trata de tu PC personal (nunca en un equipo compartido).
• Notificaciones de nuevo correo si quieres que Pidgin te alerte cuando recibas mensajes en tu cuenta de Gmail.
• Utilizar este ícono de amigo para seleccionar una imagen que presentar en esa cuenta (recuerda que sólo se admiten imágenes con un máximo de 96×96 pixeles).

5. Pulsa Guardar y ya esta (puede que necesites reiniciar el programa). No olvides verificar que la casilla Habilitado esté marcada en el administrador de cuentas que abrimos al principio. Yay!

Lo que no logro entender, es por qué la gente insiste en pagar (o piratear) Microsoft Office, en circunstancias que ya existe una alternativa madura, igual de productiva – sino más eficiente – y, para rematar, absolutamente gratuita: OpenOffice.

Esta suite de oficina no sólo tiene nada que envidiarle en cuanto a funciones o componentes – con procesador de textos, hoja de cálculos, creador de presentaciones, base de datos, diagramas y ecuaciones – sino que puede tanto leer como modificar a la perfección los documentos creados en Word, Excel, PowerPoint o Access, e incluso guardarlos por defecto en estos formatos.

Y además, le exporta directamente a formato PDF… ¿qué me’ice usté?

Así es. Tras casi tres años de uso, el enervante clip de MS-Office ya no es más que un triste recuerdo en los discos de respaldo de mi computadora, e incluso en mis padres lo utilizan sin haberse percatado de la diferencia… porque simplemente no existe.

¿O sí?…

Pues, sucede que tras comprobar que OpenOffice estaba resultando demasiado sencillo de instalar, los programadores decidieron mantener algo de ese salvaje espíritu “hágalo-usted-mismo“, haciendo que cada usuario descargue y configure su propio diccionario ortográfico, en vez de seguir la opción lógica que sería embarcarlo activado junto a la distribución.

(Y no me digan que es por peso, porque 1.5 MB no matan a nadie).

Entonces, ¿damos pie atrás? ¿seguimos con la orto-grafía como el orto? Ni lo uno ni lo orto. Por fortuna, instalar los diccionarios de OpenOffice es cosa de un par de clics y, como sé que algunos de ustedes sudan frío de sólo pensar en configuraciones, he preparado una breve guía visual que hasta un reportero de farándula sería capaz de comprender.

Creo…

El jueves, María Pastora me preguntó si podía donarle el código con que las imágenes de esta bitácora parecen pegadas a la pantalla con cinta adhesiva. Como no tenía idea de que estuviera usando un código, le dije que lo buscara y aprovechara de avisarme cuando lo encontrara… mientras, les enseñaré a hacerlo en forma manual usando [inserte aquí intento de polémica barata] el mejor programa de edición digital para la Web que jamás ha existido: Macromedia Fireworks.

INGREDIENTES

• Cualquier versión reciente de Macromedia Fireworks (si no lo tienes, apúrate en descargar una copia de evaluación desde el sitio de Macromedia antes que Adobe nos obligue a todos a usar Photoshop).
• Una imagen.
• Una bitácora.
• Una computador.
• Una mano y dos ojos (opcional).

IMPORTANTE: Antes de comenzar, debes conocer cuánto es el ancho máximo que el diseño de tu bitácora permite para desplegar imágenes. Si crees que HTML o CSS son siglas de alguna filial de la ONU, es mejor que hagas una captura de pantalla pulsando IMPR PANT y luego medirla pegándola en Fireworks.

En mi caso son 460 pixeles y es la medida que tendré a consideración en el ejemplo.

(Mis agradecimientos a la señorita Minogue por modelar para nosotros)

Primero decidamos, ¿publicaremos la foto en grande al centro de la bitácora o estará alineada a un lado del texto? Si es este último caso, el ancho de la imagen final no debe superar la mitad del espacio que tenemos disponible, o sea, 230 pixeles. De todas formas siempre debemos dejar unos pixeles de margen para dar cabida al efecto, por lo que reduciré a la señorita Minogue a 180 pixeles de ancho. Con eso será suficiente.

Modificar > Lienzo > Tamaño de la Imagen (Modifiy > Canvas > Image Size)

(NOTA: Si la imagen que elegiste tiene una resolución mayor a 72 pixeles por pulgada (pixels/inch), aprovecha de reducirla. Los monitores no pueden mostrar más de 72 ppp, por lo que mantener una resolución superior es aumentar el peso innecesariamente).

Ahora necesitamos espacio para trabajar. Aumentemos el borde a un tamaño que nos deje maniobrar con libertad, digamos… 300×350 pixeles. No importa que por ahora exceda los límites que nos habíamos fijado. Ya los recortaremos.

Modificar > Lienzo > Tamaño del Lienzo (Modify > Canvas > Canvas Size)

Si el fondo aparece transparente (con cuadros gris y blanco), cambiémoslo a blanco – o el que tengas de fondo en tu bitácora – desde:

Modificar > Lienzo > Color del Lienzo (Modify > Canvas > Canvas Color)

Okey. Comienza lo bueno. Vamos a curvar muy levemente la foto para dar la impresión que fue pegada sobre la pantalla. Para ello la seleccionamos con la herramienta Escala (Scale) y pondremos el puntero junto a las esquinas hasta que se transforme en una flecha circular de la que podremos tirar. Prueba a hacerlo alejándote de la imagen para que los ángulos sean más sutiles.

Para darle profundidad apliquemos un efecto de sombra. Con la imagen seleccionada vamos al inspector de propiedades (barra inferior) y pulsemos el signo ‘más’ bajo el rótulo Efectos (Effects). Esto es algo que adoro de Fireworks, porque nos permite crear una sombra rápidamente (no como otros).

Efectos > Sombrear e Iluminar > Sombra (Effects > Shadow and Glow > Drop Shadow)

La mayor parte de las opciones por defecto en el cuadro de diálogo estarán bien. Sólo asegurémonos de aplicar sombra negra y cambiar la Distancia (la flechita con cuatro puntas) de 7 a 1, para que no dé la sensación de estar muy lejos. También pueden dejarla en 2 si prefieren darle una pequeña inclinación hacia el lado.

Ya va tomando forma, ¿no? Bien, es hora de agregar la cinta adhesiva. Para eso dibujaremos en los extremos de la foto dos o tres rectángulos de relleno tono gris medio (#999999) y sin borde. Pueden ser cuatro rectángulos, pero no suelen quedar bien salvo que la foto sea muy grande.

Respecto a las medidas, es bueno que los rectángulos tengan un ancho variable para que sean más realistas, pero el alto debe ser siempre el mismo. En mi caso, los hago de 25 pixeles.

Pongamos los rectángulos en posición arrastrándolos con el puntero y girándolos de la mismas forma que hicimos antes con la foto. Eso sí, los rectángulos debieran estar más inclinados por razones obvias. Prueba distintos ángulos hasta obtener un resultado que te satisfaga.

Finalmente, selecciona todos los rectángulos al mismo tiempo (mantén pulsado SHIFT) y en el inspector de propiedades baja la Opacidad (rectángulo con cuadritos grises y blancos) de 100% a 50%. Inmediatamente, agrégales sombra siguiendo el mismo procedimiento anterior pero cuidando que la distancia sea 0 (cero) para que se difumine en forma pareja.

¡Y ya estamos listos! Ahora sólo elimina los bordes sobrantes con el comando de recorte…

Modificar > Lienzo > Recortar el lienzo (Modify > Canvas > Trim Canvas)

Por último, aún cuando no es imprescindible para el efecto, un detalle importante del que me convencieron los chicos de Derechos Digitales es el de mencionar la fuente de la fotografía. Sí, puede que el derecho a cita de imágenes no exista en Chile, pero si vas a vulnerarlo, lo mínimo es decir de quién te estás aprovechando.

Para el caso, utilizo una letra Trebuchet MS, en gris medio y tamaño 9, dejando el Suavizado (Anti-Alias) en Suavizado de Sistema (System Anti-Alias) para que se vea con más nitidez (opción disponible sólo desde Fireworks MX 2004). En este modo, recuerda quitar la casilla de Ajuste Automático (Auto-Kern) para evitar que las letras se aglomeren.

… And everyone say hi to Miss Minogue! Si algo no quedó claro, por favor usen los comentarios :)