Mostrando entradas con la etiqueta programadores. Mostrar todas las entradas
Mostrando entradas con la etiqueta programadores. Mostrar todas las entradas

jueves, 5 de agosto de 2021

CSS Centrar el contenido al centro horizontal y vertical

Centrar con CSS el contenido horizontal y vertical (imagen)

Hoy en día disponemos de un montón de herramientas y frameworks CSS para facilitar, tanto las tareas comunes, como el entendimiento de código html entre programadores.

Pues aún hoy pocas (o con muchas vueltas) nos permiten de una forma fácil centrar un elemento en pantalla o en otra capa contenedor. Siendo, muchas veces, la forma más fácil recurrir a una tabla 100% de tamaño ancho-alto y con una celda con contenido centrado.

Pero eso... lo puedes hacer directamente y fácil, con CSS.

Aquí te dejo este código en CSS puro por si es de tu interés.

  
  	div.container-middle {
    display: table-cell;
    vertical-align: middle;
    align-content: center;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
	}

	div.container-middle div {
    margin: auto;
	}
  

Como verás es una clase enlazada a un div, y cuyos divs hijos serán centrados, también, horizontalmente. El nombre de la clase... pues si usas Bootstrap o similar, para que siga cierta homogeneidad. Actuaría como un container-fluid. Y no, a día de hoy (versión Bootstrap 5.x) no existe esa clase.

Aunque lo más fácil, y ya que está ampliamente soportado por los navegadores el display grid o flex, te recomiendo que le des uso. Con grid... fácil, fácil, fácil...


   .container-middle {
   		display: grid;
        place-content: center;
   }

jueves, 17 de junio de 2021

MySQL. Error 1031

Si tienes alguna base de datos MYSQL con versión 5.3 o anterior, e intentado hacer una transferencia a un motor superior, te puedes encontrar que alguna tabla te da error 1031, y una descripción similar a "Table storage engine for ‘tabla’ doesn’t have this option", es muy posible que, cuando se creó esa tabla se hiciese con un ROW_FORMAT = FIXED.

Y si estás usando InnoDB, debes saber que sólo admite los formatos REDUNDANT, COMPACT, DYNAMIC y COMPRESSED.

Cambia el row_format de tu tabla y... tira!

martes, 16 de febrero de 2021

Enrutador o archivo modelo controlador en hosting compartido .Net

Una forma usual de utilizar URLs amigables, o controlar la estructura de tu web (especialmente en un Modelo-Vista-Controlador) es utilizando un enrutador o archivo controlador (tiene nombres mil el ... ).

Pero, cuando estás usando un hosting compartido, especialmente si acepta diferentes tecnologías, el panel de control (Plesk o similar) no siempre pone fácil esta tarea. 

Al final, lo que quieres es que todos los errores 404 pasen por tu "controlador" y así organizar tu estructura de web de la manera más adecuada. 

Si bien en la mayoría de los paneles de control de hosting compartidos puedes definir tus propios "errores" 404 (página no encontrada), la mayoría te van a pedir que lo hagas con un .html o, en algunos entornos, te permiten redirigir a una página... cambiando la url que se ve en el navegador. 

Basta de cháchara. 

Mira en la raíz del administrador de archivos de tu sitio. Si tienes un web.config (que vas a encontrar seguramente si tienes un hosting Windows) sólo tienes que hacer lo siguiente. 

En la sección <httpErrors></httpErrors>, busca el relativo al 404 y cámbialo de la siguiente manera:

<remove statusCode="404" />
<error statusCode="404" responseMode="ExecuteURL" path="/ruta/archivo.asp" />

*Importante: No te olvides del statusCode 403... exploración de directorio no autorizada. Es el mismo proceso. Y así con todo código que quieras controlar.

El archivo destino es una url que existe físicamente en tu hosting a nivel público, y que puede ser cualquier tecnología que acepte tu servidor: .html, .php, .asp, etc.

Ahora si alguien escribe "http://tudominio.com/cualquiercosaquenoexista", en vez de un error 404 o Page Not Found, el servidor irá a tu archivo donde podrás controlar las rutas.

Ten en cuenta que con esta configuración, no recibirás las variables GET, aunque sí podrás leer fácilmente toda la url (incluidos los parámetros get) a la que se ha intentado acceder. Y aunque existen otros métodos más complejos para web.config, éste, por su sencillez, es el que me parecía más apropiado para ti.

martes, 20 de octubre de 2015

Problemas conectando MySQL en IIS Asp clásico


Si estás utilizando un IIS para depurar en local códigos de ASP clásico bajo sistemas Windows 7 y superiores, es posible que te hayas encontrado con algunos problemas a la hora de conectarte a una base de datos Mysql (o similares) desde tu código. Vamos a ver como solucionar estos problemas.


Algunos de los problemas que te puedes encontar es:


Microsoft OLE DB Provider for ODBC Drivers error '80004005'
[Microsoft][Administrador de controladores ODBC] No se encuentra el nombre del origen de datos y no se especificó ningún controlador predeterminado.


Microsoft OLE DB Provider for ODBC Drivers error '80004005'
[Microsoft][Administrador de controladores ODBC] La arquitectura del DSN especificado no coincide entre el controlador y la aplicación.



La razón de estos errores puede deberse a varios motivos.

En el primer caso, se puede deber a que no tienes instalado el "conector" (el driver de conexión a la base de datos) que estés utilizando. Como supongo que la mayoría usaréis Mysql, en http://dev.mysql.com/downloads/connector/odbc/ podéis encontrar los conectores ODBC, que debes descargar e instalar.

Si teniendo el conector correcto, que podrás comprobar en el "Administrador de Origen de Datos ODBC" ( %windir%\syswow64\odbcad32.exe ó %windir%\system32\odbcad32.exe )* , comprobación que puedes realizar en la pestaña "Controladores", y aún así te aparece el error de "No se encuentra el nombre de origen de datos", antes de empezar a volverte loco/a con otras soluciones, o si ya las has probado y con un nombre ODBC te aparece el segundo error de "la arquitectura...", te propongo que pruebes lo siguiente:

SOLUCIÓN BASADA EN EL POOL del Administrador IIS

Entra en el Administrador de Internet Information Services, en la página principal, y en el desplegable superior (sección), ve a system.applicationHost/applicationPools.

Una vez ahí, pulsa en la sección applicationsPoolDefaults y activa enable32BitAppOnWin64 (True).

Aplica los cambios (botón Aplicar superior).


Esto debería solucionar el problema.


OTRAS CONSIDERACIONES

Cómo has podido notar, cuando te he hablado del Administrador de Origen de Datos ODBC, en Windows 7 (o superior) tienes dos administradores, el que se encuentra en syswow64 y el que está en system32. El segundo, sólo gestiona los conectores 64bits, por lo que si usas un sistema 32bits, debes crear los DSN en el administrador del syswow64. Recuerda, además, que en IIS, se utilizará los DSN del sistema.


ACCEDER A MYSQL CON ASP Clásico

Recuerda, la cadena de conexión a la base de datos, ya sea sin utilizar el DSN:

conn_string = 'Driver={MySQL ODBC 5.1 Driver};Server=servidor;Port=3306;Database=tubasededatos;Uid=usuario;Pwd=contraseña'


ó utilizando un DSN del sistema, creado en el Administrador de Origen de Datos:

conn_string = 'MinombreDSN'



lunes, 25 de julio de 2011

Cambiar icono de marcador en el nuevo Google Maps


Las aplicaciones de Google, en su mayoría, han "sufrido" modificaciones, y en general son más rápidas y claras, aunque a veces puede uno verse un pelín perdido (lógico cuando se cambia una interface).

Una vez dicho esto, en la nueva versión de Google Maps, nos encontramos que a algunos usuarios les puede surgir un problema al intentar cambiar el icono de un marcador de posición (la opción "Mis Mapas").



Si al editar o crear un marcador de posición no logras ver en el "bocadillo" emergente el icono (como anteriormente encontrabas) para pulsarlo y cambiarlo por otro color o tipo, esto sucede porque el "bocadillo" es más pequeño que el ancho de su contenido, ya que siguen existiendo las mismas opciones de antes.



Para encontrar el icono, debes posicionar el ratón sobre, por ejemplo, la caja de texto donde escribirías el título del marcador. Haz clic sobre esta y arrastra el ratón hacia la derecha. Ahí (como verás) encuentras el icono que faltaba.

Ten en cuenta que si pulsas en cualquier otra zona del bocadillo donde no haya caja de texto, incluso si pulsas en la zona de edición de los datos del marcador (descripción) entonces al arrastrar el ratón seleccionarás el texto, pero no desplazarás el contenido del bocadillo.

Por tanto, recuerda: SOBRE LA CAJA DE EDICIÓN DE TÍTULO.


miércoles, 3 de marzo de 2010

CSS INLINE-BLOCK para todos los navegadores

El estilo INLINE-BLOCK, que nos permite usar capas para solaparlas horizontalmente sin necesidad de usar el parámetro Float, resulta que funciona como un inline en Internet Explorer, o si usamos retornos de carro o con algunos objetos html dentro de la capa, también nos puede dar problemas en tal navegador.

Bien, la siguiente configuración de una capa os puede ayudar a hacer compatible el inline-block con todos los navegadores actuales, incluido IE.




<style>
#bloque {
width: 120px; /* el ancho es personalizable */
min-height: 80px; /* el alto es personalizable */
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 5px;
zoom: 1; /* IE7 */
*display: inline; /* IE */
_height: 80px; /* IE6 */
}
</style>


A solaparnos que se ha dicho! :)

lunes, 28 de septiembre de 2009

Que duro es ser analista informático web

Desde que en 1997 me sumergiese a velocidad de caracol en Internet, y un año antes haciendo de tester en infovía, he tenido una lucha constante con empresarios, superiores, e incluso con subordinados, haciendo (o intentando hacer) entender que el contenido es lo importante, y que el diseño, debe estar siempre al servicio de éste, para facilitar su acceso, claridad, e incluso, promoción.

Así pronto odié los banners superiores intrusivos (con destellos y colores casi epilépticos) y me alegré cuando me dí cuenta (y afortunadamente para mi, los estudios más tarde constatarían) que nuestro cerebro ya se estaba encargando de ignorar ese método "publicitario".

Luego alguien inventó el concepto Web 2.0, que queda de puta madre genial pero que hizo "la picha un lío" a los miles de informáticos que creían/creíamos que se trataba de algún lenguaje nuevo o algun sistema nuevo en web, y no era más que poner un nombre "comercial" (que agradecieron las academias) a un tipo de web que ya se estaba haciendo y donde el visitante también era parte activa... que casualidad... DEL CONTENIDO.


Y vino Google, con su limpieza, simplicidad... sin diseño!... y nos dió unos resultados útiles. Es decir... lo que los otros con su diseño (que casi te obligaba a buscar la caja de búsqueda) no ofrecían. Y vino Google, con su contenido, sus resultados... y desbancó a los grandes.

Para entonces, ya llevaba yo más de 7 años peleando (literalmente, aunque de forma verbal) en mi empresa para que no pusiesen una gif animado de una vaca volando o actualizar en la puta puñetera web pública porque la información que se daba era arcaica de cojones.

Aun hoy, cuando una pequeña/mediana empresa solicita a una consultora/vecino de arriba/el hijo de pepe una web, la respuesta a la pregunta lógica de "para qué la vas a usar o qué quieres poner" suele ser... "ummmm... una bé". Que viene a significar... "no sé lo que voy a poner, no sé lo que quiero, pero que tenga muchas cosas y sea muy muy chula".

El éxito de las empresas de web económicas a base de plantillas era lógico y casi diría loable. Claro, hasta que "él" decide que quiere vender sus productos por internet pero que salgan directamente de su sistema de almacén y que TÚ te encargues de hacerle/retocar las fotos de su inventario para ... que quede bonito.

Todo, claro, por el mismo precio... de la plantilla.

Un analista de web, tiene que lidiar en una empresa (ya sea exclusiva o como consultor) con los, actualmente inexpertos en el tema, responsables de marketing (casi siempre, responsables de comunicación , ya que si su trabajo es hacer estudios de mercado y rentabilidad de las campañas, "les mola más" diseñar campañas y eventos para los que no tienen formación), y como no, con los gerentes, los directores comerciales, etc, etc. Todo el mundo da su opinión, casi siempre contradictoria entre ellos, y ahí está el analista o jefe de proyecto informático web (que abarca programación, diseño, etc) en mitad de todos ellos en plan profesor de guardería.

Un día leí, en esas definiciones que te envían al mail para pasar un buen rato, que un consultor es alguien que te da una solución a un problema que no sabías que tenías. Añadiría, que la solución luego es tan manipulada que crea problemas que nunca hubieses tenido.

Y a mi  me gustaría apostillar, que, si bien de todo hay, un gerente (sobre todo si es socio de la empresa) es un tipo que se ha cansado de su principal misión que es la de vigilar la rentabilidad del negocio, y se empieza a inmiscuir en los sectores de la empresa que pueden venir de una antigua frustración: el diseño, la comunicación y la publicidad. Que digo yo... si has contratado profesionales, ¿porqué no les dejas hacer su trabajo?  ¿O no estás seguro de quien se contrata en tu empresa? ¿O no sabes prescindir del personal y departamentos que no te ofrecen RESULTADOS?

No hay nada más frustrante que terminar proyectos que jamás firmarías por condicionamientos externos.

Al analista le quedan tres opciones que no son pocas:

Conformismo. Te llevará a un estado de cabreo contínuo, estancamiento profesional y desgana por lo que te apasionaba. Si el sueldo lo compensa... pues adelante.

Autoempleo. Casi siempre va estar ahí en nuestra mente. Hacer las cosas como uno quiere hacerlas! Parece una utopía!. Pero cuidado, porque si es como consultor, los clientes son igual que los gerentes. Y olvidate, el contenido te lo tendrás que inventar/crear/buscar por tu cuenta, esa es una batalla perdida. Pero eso si, se gana experiencia, autodeterminación y fortaleza. Te la puedes pegar, pero el que no arriesga...

Cambiar de empresa. Una opción que si vives en una gran ciudad (porque sólo te va a influir un cambio de ruta, ya sea en coche, metro o bus) es una buena alternativa. Ganarás experiencia, conocimientos, motivación, y siempre se puede volver a cambiar. Es una buena forma de encontrar las empresas adecuadas, donde te sientas escuchado/a y valorado/a. Aunque no te voy a engañar... hay que buscar bastante. Aunque estaría bien, con esta profesión que algunos tenemos, empezar a pensar en cambios constantes y nada de futuros lineales.

Aunque yo, personalmente, si mi sobrino me dice que quiere ser programador informático, sólo podré decirle una cosa, como buen analista que (espero) soy: "¿Has contemplado la fontanería? Valóralo"

En fin... no os sintáis solos...



domingo, 27 de septiembre de 2009

La Web A.VI

Hace unos pocos años a alguien se le ocurrió llamar a la lógica evolución de internet y a todo lo que ya existía con la etiqueta acertadamente publicitaria "WEB 2.0".

Por entonces, que pocos informáticos teníamos información real de tal "nombramiento" empezamos a pensar que sería algun tipo de evolución Html, o algún nuevo lenguaje de servidor que nos ayudaría en muchas cosas.

Casualmente, se refería a la idea ya existente y usada en el momento de hacer que los visitantes participasen en el CONTENIDO del sitio: La Web Colaborativa.


Eso vino genial a las academias y "masters" que sacaban en cantidades industriales cursos y charlas con algún nombre al que sólo había que añadir "WEB 2.0" para que tuviesen afluencia de público.

La cara de los aprendices y expertos asistentes era, casi siempre, un poema.

Recuerdo en una de las primeras charlas a las que asistí. Levanté la mano y pregunté: "entonces, estamos hablando del reconocimiento de que el contenido es lo importante?". Quizá no me expliqué bien, porque la respuesta fué... "estamos hablando de la web colaborativa", que por cierto, era parte del título de la charla.

Pero sí. La Web 2.0, venía a decir, que lo importante era el contenido. Tanto, que la opinión y la colaboración en ese aspecto de los visitantes se estaba convirtiendo en vital. Es más, que muchos blogs, con su diseño plano, estaban desbancando a páginas comerciales. El motiv no era otro que sencillas aplicaciones (los blogs) permitían a cualquier persona publicar sus opiniones, informaciones, etc. en internet. Publicar... contenido.

Siempre he pensado que el diseño debe estar al servicio del contenido. Al servicio para hacerlo más accesible, más cómodo e incluso, para promocionarlo. La Web 2.0 ha sido, por fín, la revolución del contenido.

Bien, pues si "alguien" empezó a nombrar a "esa revolución" como "Web 2.0", yo, osado de mi, voy a nombrar al "nuevo" concepto de web como "Web A.VI": La Web AudioVIsual.

"Nuevo" lo pongo entre comillas porque a medida que fué creciendo la velocidad en las líneas de internet, y abaratándose los servidores comerciales (tanto por su ancho de banda como por su capacidad de almacenamiento), los contenidos audiovisuales fueron creciendo como la espuma, sobre todo cuando los internautas, hijos de esa web 2.0 (que ellos mismos habían inventado, y no los que la nombran así), empezaron a compartir y crear sus propias obras.

Y aparte de videos musicales, acrobáticos o humorísticos a la carta, y de series, películas y cortos online, también disponemos de manuales y cursos en video (intenta buscar en youtube, manual de photoshop).

Disponemos de videos demostrativos de lanzamientos y de mucho, mucho más... CONTENIDO.

Yo llevo tiempo (sin éxito) recomendando a las empresas que, además de un company profile escrito de su empresa, ya sea para ver online o descargar en pdf, incluyan un video corporativo de la misma. Seguro que es visto antes que sea leído lo demás (si llega a ser leído).

Hoy día, es mejor poner un video que muestre tu sistema de producción, tu empresa o tus responsables con la filosofía de negocio que escribir mil lineas que poca gente leerá.

Es más... aquí estoy yo escribiendo mis artículos de mil líneas que no todos son capaces de terminar en vez de poner un video mio explicando todo lo que estoy escribiendo. Pero... es que no doy bien en cámara :)

Y para finalizar... unos videos sobre internet y algunos aspectos del futuro.

La historia de Internet...



Que nos podría deparar el futuro de la comunicación con internet...



Algo más sobre la Web 2.0 (fijaros bien cuantas veces aparece o se hace referencia a la palabra CONTENIDO)



Y por último... un reportaje traducido de una forma algo casera, pero igualmente interesante, sobre los chips RFID, que ya se usan en almacenes y otros sectores, y vienen a propiciar el "Internet de las Cosas".



jueves, 11 de junio de 2009

Juegos y otros en Windows 7: OpenArena lento



Es curioso la de vueltas que puede darle uno a las cosas y luego la respuesta es lo más simple. Eso lo sabemos bien los programadores, bueno... y los demás también, que parecemos aliens.

Yo tenía funcionando el maravilloso juego desestresante (y freeware/opensource) OpenArena, en mi pc de escritorio con mi windows xp. Ahora, con mejor placa base, y tras instalar la RC de Windows 7, ummm... el open arena... "esto va 'mu' lento".


Yo, que no soy excesivamente aficionado a los juegos, no entendía el porqué del asunto. Llevaba tiempo sin jugar al Open Arena, así que pensé que el problema debía ser de Windows 7 RC.

Yo pensaba... umm... después de actualizar el ordenador, yo tenía windows XP y funcionaba el OA de maravilla. Nada, nada... debe ser el Windows 7.

Busco en internet y no encuentro error parecido. ¡Qué raro!.

Ejecuto OA en modo de compatibilidad con XP, y nada. Todo sigue muy lento. El ratón se mueve a duras penas y a la hora de jugar todo va escalonado. Problema que no sería tal si no fuese un juego de acción en primera persona donde al primera "escalón" de velocidad... estás muerto.

Si, la cosa era ... de vida o muerte.

Para suplir el problema del estrés, intenté hacer encaje de bolillos. Pero no, no era lo mismo matar aliens que hacer ... eso.

Por cierto, "bolillos" ¿es con B? No tengo ganas de mirar la RAE. (Aunque si le dedique tiempo a poner enlaces en varias de las palabras de este texto)

Bien. Probemos a "comprar en internet" un Live CD de Windows XP y probamos eso.

Pero... ¿para qué voy a probar un XP Live CD aunque no tenga conexión a red para probar el modo sin red del OA? No, no, no. Si no te complicas la vida las cosas no gustan.

Busco un Live CD XP con conexión a red para probar el OA en modo multiusuario directamente. Lo busco... lo busco... ¡Bien! Han sido unas cuantas horas pero lo encontré.

Hacemos el Live CD XP con conexión a red y ... unos cuantos muchos minutos para arrancar desde CD el sistema y ... ¡vaya! No detecta la tarjeta de red. Um... ¿y porqué no la detectará?...

Dias...

Al final decido sucumbir a mi tozudez y pruebo desde el XP Live CD el OA en modo local. ¡Vaya! Lo sabía, esto no va.

Volvamos a internet entonces... no he debido buscar bien. No puedo ser el único usuario al que le pase esto. Nada... no encuentro nada (satisfactorio).

Necesito algo para desestresarme. Probemos otro juego. Ups! Vaya, le pasa lo mismo. Pensé... "esto va a ser que no es del Open Arena". Y a continuación pensé irónicamente... "que listo eres cojones!".

Volvamos a Google: "juegos en dos van lentos con windows 7". Umm... veamos, clic, clic, no, no, esto no es, clic, clic ... etc... esto!... ¿esto?

Desde el primer momento hacían referencia a que podía ser una tarjeta gráfica poco potente. Pero claro... "no, no, a mi me iba esto bien antes de instalar windows 7".

De pronto... ¡cáchis!

Cuando actualicé mi pc de escritorio, aproveché que cambiaba la placa base para montarme un media center. La tarjeta tocha que tenía, la puse en el media center ya que la integrada de éste no tenía salida de vídeo. Así que en el de escritorio dejé la integrada.

Luego me hice de otro media center, así que el antiguo decidí ponerlo a la venta, que aún no lo he puesto a la misma. Pero claro, como tenía una integrada y la vga tocha, ummm... vendo la tocha suelta que es más rápido y le saco más pelas. Vendí la tocha.

Eso lo recordaba, pero... "no, no, a mi me iba esto bien antes de instalar windows 7".

El detalle es que no sé si tras actualizar el ordenador y dejarle sólo la integrada, y luego instalar windows 7, primero la beta y ahora la RC, no estoy, como digo, demasiado seguro, que ejecutase ni una sola vez el OpenArena, porque me desestresaba en el Bundesbar. Pero eso es otra historia.

¡Cáchis! ¿A que va a ser eso? Veamos... ejecuto Open Arena y en configuración (setup), sistema (system), en la primera opción que es una lista de configuraciones por defecto, selecciono en vez de Default la opción... Fastest. Eso te baja la resolución a 400x300 o así, y pruebo. Esta vez, más cuco, en el modo monousuario. "Vaya, ahora si va bien..., ¡cáchis!". Era la gráfica y mi falta de memoria, no la del pc, si no la mía.

Por tanto... si tenéis problemas con OpenArena de velocidad, es muy posible que sea vuestra tarjeta gráfica. :) Y si no estáis dispuestos por el momento a actualizar a otra gráfica, como he dicho, en setup, system... seleccionad la opción Fastest y elegid entre las resoluciones 300x240 (aprox) o como máximo... 400x300 (aprox), y para acelerar más la cosa, en el ejecutable, bajo windows 7, botón derecho, propiedades, compatibilidad, marcad las opciones "Deshabilitar temas visuales" y "Deshabilitar la composición de escritorio".

Ea... Ahora tengo dos live CD XP, uno para red (que no logré configurar) y otro más básico para usarlo para lo que sirve... acceder al sistema en caso de que se estropee.

Umm... voy a buscar en Google... "como hacer encaje de bolillos".

martes, 23 de diciembre de 2008

Medir en Pantalla: Regla virtual




Supongo que muchos de vosotros, para medir un objeto o área en pantalla habréis recurrido al famoso copiar pantalla, pegar en algùn programa de diseño (seguramente Photoshop), y ahí, habéis medido la porción en concreto.

Pues hay muchas herramientas que nos pueden ahorrar esos pasos, y yo recomiendo la simplicidad, como siempre. :)


Con el programa gratuíto JRULER dispondréis en vuestro sistema windows de una regla virtual que os ayudará a medir cualquier objeto o zona o lo que queráis de la pantalla, ya que es simplemente eso: una regla virtual.

Jruler puede medir en diferentes medidas (incluidos cms, aunque yo realmente le veo utilidad a los pixeles). Adicionalmente puedes medir en horizontal y vertical, e incluso, con la versión profesional (y por tanto de pago, aunque es mu baratilla) también puedes hacerlo en diagonal.

Jruler se presenta en dos versiones: una muy simple y GRATIS (freeware) que incluye la regla virtual, diferentes unidades de medida, y medición vertical y horizontal.

La otra versión, la profesional, Jruler Pro, que vale 19$ (unos 13.5€) dispone además de medición diagonal, transparencias, personalización, etc.

En cualquier caso una herramienta que tanto a programadores como a diseñadores seguro que le hace un apañito. :)

En cualquier caso es una aplicación que no requiere instalación (aunque autocrea un ini para guardar tus últimas personalizaciones) y que no se queda residente. Vamos, una aplicación idónea para poner con un atajo de teclado, en el inicio rápido o en tu barra widget o docket si usas estos últimos.

Referencias:
Jruler Freeware (en el descargable incluye versión trial de la versión pro)
Jruler Profesional


Otras reglas gratuitas:
Regla Windows (instalación)
Ruler Help (instalación y portable)
NRuler (portable/multiplataforma)

Otras reglas gratuitas en diferentes sistemas operativos

miércoles, 10 de septiembre de 2008

POSTS EXPANDIBLES en Blogger


Todos los que usamos blogger sabemos que hay una funcionalidad que estaría bien que la integrase directamente el sistema, ya que es algo que normalmente nos gusta usar y es la posibilidad de mostrar varios post o artículos a modo de resumen, y que al pulsar sobre él podamos verlo expandido.

Para poder hacer esto en Blogger sólo tienes que introducir un código en la edición HTML de tu plantilla y que se encargará de esto que digo. Lo ideal sería que te cogiese automáticamente N caracteres y a partir de ahí colocase un "LEER MÁS" o "+info", aunque es cierto que si marcamos el trozo abreviado nos evitamos "extraños automatismos".

En fin, vamos a lo fácil...


Para los menos avanzados, entramos en nuestro blog, entramos en Diseño y vamos a EDICIÓN HTML.

Una vez en esa sección, encontramos el enlace DESCARGAR PLANTILLA, que pulsaremos para descargar la actual a modo de backup/copia de seguridad por si metemos la pata. La guardamos en el escritorio de forma temporal.

En la sección EDITAR PLANTILLA, marcamos la opción EXPANDIR PLANTILLAS DE ARTILUGIOS, que realmente es unos trozos de código que Blogger oculta por seguridad (para que no metamos el patón). Al marcarlo ya veremos todo el código.

Buscamos ahora el siguiente código:


<div class='post-body entry-content'> <p><data:post.body/></p>



En teoría no debería haber ningún otro sitio donde estas dos líneas aparezcan. Bien, ahora simplemente VAMOS A SUSTITUIR, de las lineas anteriores...


<data:post.body/>


... POR UNO de los siguientes códigos:


Para que salgan resumidas las entradas TODOS LOS LADOS (portada, archivo o etiquetas), excepto cuando queremos ver el artículo completo... claro está :D



<!-- codigo leer mas -->

<b:if cond='data:blog.pageType != "item"'> <style>.articulo {display:none;}</style><data:post.body/><a expr:href='data:post.url'>[ LEER ARTICULO COMPLETO ]</a>

<b:else/><style>.articulo {display:inline;}</style>
<data:post.body/>
</b:if>
<!-- codigo leer mas -->







Para que salgan resumidas las entradas SÓLO EN ARCHIVO Y ETIQUETAS, es decir, se mostrarían completas en Portada y, como no, al ver el artículo en cuestión:



<!-- codigo leer mas -->
<b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.url != data:blog.homepageUrl'> <style>.articulo {display:none;}</style><data:post.body/><a expr:href='data:post.url'>[ LEER ARTICULO COMPLETO ]</a>

<b:else/><style>.articulo {display:inline;}</style>
<data:post.body/>
</b:if>
<b:else/><style>.articulo {display:inline;}</style>
<data:post.body/>
</b:if>
<!-- codigo leer mas -->



Pulsamos en guardar plantilla. Si en este momento vemos nuestro blog veremos que NADA HA CAMBIADO. Lo que hemos hecho en realidad es crear una clase que luego delimitaremos y según donde nos encontramos mostraremos o no su contenido.

Ahora, cada ve que editemos una entrada/artículo/post, marcaremos con las etiquetas:


<span class="articulo"> .... </span>


el trozo de artículo que corresponde al artículo completo, por lo que el resto se usará en la versión "RESUMEN" del mismo. Es decir, se ocultará en "modo resumen" lo que pongamos dentro de las etiquetas span.

Esto también nos permitirá sacar resumen del trozo que queramos y sólo de los artículos extensos, aunque es cierto que siempre (y eso queda regular) aparecerá, en las secciones que hemos definido para resumen, la frase LEER ARTÍCULO COMPLETO (o lo que queráis poner).

Si te equivocas o no te gusta el resultado, usa la opción ... CARGAR PLANTILLA (que está al principio), donde seleccionarás la que bajaste previamente y tienes en el escritorio (por ejemplo) y le das a subir.

¿Está claro? :)

Quitar la barra Blogger de tu blog


Para quitar la barra de blogger, esa superior, la cosa es fácil y el mismo Blogger te ofrece el código.

Vamos a Diseño, Editar HTML. Por seguridad, descargamos una copia de la plantilla actual pulsando en el enlace "Descargar Plantilla Completa"

Con un sólo código podemos hacerlo...

Y ahora, sin necesidad de pulsar en "expandir plantillas de artilugios", y según vemos el código, buscaremos los créditos de la plantilla, y justo debajo, antes de la sección VARIABLES introducimos el código:



#navbar-iframe { display: none !important;}


En el siguiente ejemplo de la plantilla de laberinto de pasiones....



<b:skin><![CDATA[/*

-----------------------------------------------------
Blogger Template Style SheetName: Scribe
Designer: Todd Dominey
URL: domineydesign.com / whatdoiknow.org
Date: 27 Feb 2004
Updated by: Blogger Team
------------------------------------------------------ */
#navbar-iframe {
display: none !important;}

/* Variable definitions
====================


Guardamos y ... ¿Es fácil no? Recordad que tiene que ser en esa posición, al principio de nuestra plantilla.


Nota: Leche, la primera vez que escribo un post tan corto y tan al grano (como debería ser... pero es que yo soy diferente).

jueves, 4 de septiembre de 2008

Como hacer que CHROME ejecute APPLETS de JAVA.




Para que Chrome ejecute applets de java, debes instalar la versión (como mínimo) JAVA SE 6 update 10 RC.



Increíble, increíble. Los blogs llenos de información de Chrome durante 3 días!!!! Todos hablan de lo mismo (incluído yo) y hoy toca... actualizar Java de Sun en nuestro windows para terminar con lo que todos publicábamos ayer... que Chrome no era capaz de ejecutar Java applets.

Pues eso... con actualizar la versión de JAVA SUN a la 10 RC (Release Candidate)
tu Chrome ya estará dispuesto a descargar/ejecutar los applets de java (juegos online, aplicaciones intranets, etc...) ...



Y recuerda que si te creas un "acceso directo a aplicaciones" pues tendrías casi un programa online con su acceso directo en el escritorio.

¿Que cómo se crea eso? :)

Estás en una pestaña, y a la derecha de la pantalla, arriba, a la derecha justo de la barra de direcciones tienes 2 iconos. El primero, un papelito (herramientas de la pestaña). Pulsas y en el menú eliges CREAR ACCESO DIRECTO A APLICACIONES. Marcas donde quieres que se te cree el icono y ... ahí está! Un acceso a la página como si fuera una aplicación.

CHROME FALLA EN SEGURIDAD. De precario a inseguro.






Aun sólo día de su lanzamiento, se descubre un fallo de seguridad descubierto en Chrome.

Bueno, seamos serios... no es exactamente un fallo aunque sí lo propicia.

Es decir, se dice que desde Chrome, código mal intencionado podría ejecutarse directamente al visitar una página. Según yo veo, lo que si pasa, es que se puede descargar DIRECTAMENTE y sin autorización un programa. Ahora bien, para ejecutarlo debes hacerlo tu...


¿Qué sucede? Pues que como en el siguiente ejemplo es fácil engañar a alguien para que lo ejecute: (el ejemplo es inofensivo)

http://raffon.net/research/google/chrome/carpet.html

Si ejecutas ese ejemplo desde otro navegador que no sea Chrome, verás que te pide confirmación para descargar el archivo, mientras que Chrome lo descarga directamente. Y si te fijas, la página te dice que pulses... justo ahí donde ejecutarías el archivo.

No obstante, para los alarmistas, os diré que precisamente gracias a ser una beta y ser de código libre, es posible que cualquier bug o fallo de seguridad se descubra mucho antes (poniendo remedio) que en otro navegador.

También es verdad que si le pasa al Explorer, muchos usarían el fallo antes de avisar. :)

Y yo sigo teniendo una duda.... ¿Chrome se actualiza automáticamente por web? Es decir, ¿tiene auto-update o al menos te avisará de nuevas versiones?


Más info:

Fallo de seguridad de Chrome (en oxigenstar)
Chrome, un navegador que debe madurar (Elpais.com)

miércoles, 3 de septiembre de 2008

YO ESPERABA MÁS DEL PARTO DE LA ABUELA. Chrome, te falta un pantalón.


Ya he podido probar la versión beta de Chrome, el nuevo navegador de Google. En concreto estamos en la versión 0.2b. Y sin referirme a errores lógicos de una versión beta, veo que hay "esencias" que le faltan a este navegador. Porque una cosa es ser minimalista, y otra ser mínimo. ¿Donde la integración de favoritos con tu cuenta de google?

ACTUALIZACIÓN: Definitivamente, parece ser que Chrome no ejecuta código java (osea, no usa máquina virtual de java), independientemente de que gestiona mejor el código javascript.


La espectativa creada ha sido realmente un orgullo para Google. Nunca antes, por un programa y por una versión beta se había causado tanto furor. Y es que Google, por el momento, sigue teniendo el favor del público...



Lo que me gusta de Chrome

La sensación es un navegador estable y que ocupa menos recursos que otros. Y la verdad es que eso parece. Tened en cuenta que la idea era crear un navegador simple, donde navegar es el fin. Así, puedes combinarlo con tu página de inicio de google y tendrás más operatividad. La de inicio de google, o cualquier otra del estilo.

Me gusta el diseño minimalista. Nada de pesados skins ni barras excesivas que quitan sitio a la web.

Me gusta que cada pestaña se ejecute en procesos independientes, de forma que la saturación de una web no suponga cerrar el navegador o reiniciar (eso en principio claro), disponiendo hasta de un "administrador de tareas" referente a las pestañas, para cerrar la que ocupe más recursos o la que esté ralentizando tu ordenador.

Me gusta que sea de Google :)

Me encanta sus herramientas de webmasters, en especial las de depuración. Yo antes siempre usaba Firefox porque su depurador de javascript es fantástico.

Me gusta que javascript se ejecute más rápido y que, por el método de carga de las páginas, se note que carga algunas páginas más rápido, o al menos consigue esa sensación, simulando casi como cuando tienes una web donde las imágenes están en diferentes servidores y por tanto se pueden cargar simultáneamente.

Me gusta también que puedas crear un acceso directo a una página en el escritorio, y luego esta se ejecute como si fuese un programa independiente.

Y me encantan más cosas.... pero...

LO QUE NO ME GUSTA DE CHROME

Los errores son lógicos en una versión beta, y hablo por ejemplo de que algunos applets no los carge o que se resista a mostrar los tips de los enlaces e imágenes (las etiquetas ALT y TITLE). Así que no me referiré a lo que no me gusta como los errores encontrados... si no al navegador en sí mismo.

Eso si, lo que no me gusta aún no sé si es de Chrome o de Google en relación a su producto Chrome. Me explico.

Cuando Apple sacó el iPhone, dije... vaya... debe ser un buen teléfono. Cuando me enteré de que lo sacó sin 3G pensé: "estos están tontos o que? Sacar un teléfono, a estas alturas, que además parece diseñado para navegar por internet, en Europa, y SIN 3G? Estos, definitivamente, están tontos". Si, eso pensé.

Y cuando oí como una cosa sorprendente: "... se han vendido... " no se cuantos " iphones 3G más que de la primera versión". Pues normal hijo, si lo que le faltaba de cajón y que era casi un insulto no ponerlo, era el 3G.

Bien, pues algo así pasa con Google. A ver: sacar un navegador cuyos favoritos no estén integrados con tu cuenta de google.... es casi un insulto, por muy beta que sea la versión. Un error... sería lógico en una beta. Faltas como la integración con tu cuenta de google... no es de beta, es de precariedad. Y supongo que es lo mínimo que se esperaba en un navegador... importante... de GOOGLE.

Vale que aún no han integrado gadgets (yo los esperaba desde ya, sinceramente), pero bueno... eso es perdonable.

Tampoco me gusta nada que hayan sacado esta versión (insisto, más precaria que beta) sólo para windows. Aquí algún interés oculto debe haber. En fin, una empresa que se jacta del opensource, no debería de haber olvidado mínimo al sistema operativo opensource (SOOS... jejejeje) más extendido... LÍNUX.

MADRE MÍA DEL AMOR HERMOSO!!! Pero ¿cómo no han sacado la versión para LÍNUX?

"La estamos haciendo", dicen. Pero vamos a ver. ¿Quién les ha metido prisa para sacar esta "versión en pañales" sólo para windows? En fin... ellos sabrán, pues no dudo que sean más listos que yo. No que yo sea menos listo, si no que ellos son más (gente lista). :) Da igual...

Desde Chrome puedo autentificarme en igoogle (la página de inicio de google), bien. Y desde ahí puedo acceder a mi correo y demás. Bien.

Pero si estoy navegando por una página y quiero meterla en mis favoritos ONLINE (lo de los favoritos en el navegador, me parece a estas alturas una chorrada "mu inmensa"), tendría que copiar la página, irme a igoogle, acceder a mis marcadores de google, darle a añadir, copiar la susodicha dirección que tengo en el portapapeles... vamos... que no me convence.

Esta aparente tontería es la que, por el momento, me hará seguir usando Maxthon (un navegador basado en IExplorer), porque desde Maxthon tengo instalado un plugin que se conecta a mis marcadores de google, desde donde puedo añadir, consultar, editar... éstos como si de los tradicionales favoritos de navegador se tratase. Además que Maxthon tenía ya la posibilidad de tener online tus favoritos, de manera que en otro Maxthon que yo me autentificase como usuario tendría todos mis marcadores como si de mi pc de casa se tratase, y al desautentificarme, pues no se quedaría rastro de ello (o eso creo).

Lo de por defecto (se puede cambiar) salga directamente una captura de mis webs más vistas... ummm... veamos. Es bonito eso y está bien, pero estaría mejor que fuese una opción independiente, porque si creo una nueva pestaña y salen, quizá un amigo mío que me visite puede sonreír al ver que una de las páginas que más visito es un sexshop, un bingo o Pornotube. Y la intimidad, debe quedarse en eso... en intimidad.

Si, en el historial eso se tiene. Cierto, pero tienes que entrar en el historial. No obstante, mi Maxthon, al tener perfiles, puedo dejarle a un amigo que navegue sin temor a que me espíe donde leches he estado el último mes.


Por tanto... con lo que conozco de CHROME, que necesitaría para acogerlo como mi navegador principal....

- Al acceder a chrome poder tener perfiles. De tal manera que si no tengo cuenta de google, entre en un perfil público, pero si cambio de perfil y meto mis datos de mi cuenta google, Chrom se sincronizase con mis marcadores google (tipo imap, que todo lo que haga es como si lo hiciese desde la web de marcadores google), y que mi historial, etc. sea exclusivo de cada perfil. Por supuesto puedo marcar que entre automáticamente en el perfil seleccionado, o cerrar la sesión y ... mi intimidad queda cubierta. Quizá sería bueno que esos datos simplemente se guardasen en google, y no en local. Total... todo tiende a online. Estaría bien incluso poder tener dos ventanas del Chrome con diferente perfil :)

Y Por favor, que se admitan las cuentas con dominio personalizado!!!!!

- Repetición al punto anterior, y para remarcar, mis marcadores deberían ser online.

Umm... y aunque Maxthon tiene muchos complementos, quizá lo aparcaría y usaría Chrome de forma habitual.

Que me gustaría que tuviese pronto Chrome....

Me gustaría que integrase gadgets, lo mismo que la barra lateral de escritorio de google.

Me gustaría, por supuesto, que el navegador tuviese versiones para Línux, Mac y dispositivos móviles.

Y... ya! Con eso creo que estaría ... por el momento... conforme :D


CONCLUSIÓN

La versión de Chrome debería ser 0.2bp (beta y precaria), porque evidentemente... le faltan pantalones.

No obstante, y aun con lo dicho.... BIENVENIDO CHROME. No olvides que dependerá de ti que nos veamos... cada día.

lunes, 1 de septiembre de 2008

TR y TD HOVER en IExplorer

En programación HTML, para hacer un hover de un enlace con CSS, no hay problema en ningún navegador (que entienda css, claro está), pero... con las celdas, el Internet Explorer no entiende el hover. Aprende como hacer que lo entienda con una sóla línea en tu código.

Todos los que empezamos en su día con las hojas de estilos (CSS), nos encantó la posibilidad de cambiar el "OnMouseOver" o el "OnMouseOut" para los TR o TD de las tablas y para los inputs de un formulario. Acogimos el A:HOVER con un cariño inmenso y por supuesto el TD:HOVER, TR:HOVER y otros muchos más.

Claro, que nuestro gozo en un pozo cuando vimos que Internet Explorer (el navegador más usado, y por tanto hay que tenerlo sin más remedio en cuenta) no aceptaba en algunos objetos este tipo de partícula CSS...


En internet he encontrado diferentes códigos que intentan que funcione en ambos navegadores, pero, y por error, me di cuenta que con las especificaciones en el html se subsanaba.

El código a incluir antes de HTML para que todo funcione es:



<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"-->

Con esta especificación XHTML el Internet Explorer 7 acepta, para HOVER, los mismos selectores (td, tr, input) que en Firefox, por ejemplo.

Si bien, algunas otras "costumbres" en html deben ser cambiadas, ya que por ejemplo el fácil centrado usando una tabla con una fila y una celda al 100% de ancho y alto y valign=center, con esta especificación, no funciona.



Un ejemplo de una tabla pautada y haciendo uso de HOVER en el tr es el siguiente:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ejemplo TR HOVER en IExplorer by Redalan.net</title>
<style>
#listado {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
border: none 0px solid;
border-collapse: collapse;

}

#listado tr#cabecera {
background:#000000;
color: #FFFFFF;
text-align: center;
}

tr#pautada {
background:#CCCCCC;
}

#listado tbody tr:hover {
background:#FFFF00;
cursor: default;
}

#listado tbody tr td {
padding: 5px;
}

</style>
</head>

<body>
<table id="listado">
<tr id="cabecera">
<td>hola1</td>
<td>hola2</td>
</tr>

<tbody>

<tr>
<td>holad1</td>
<td>holad2</td>
</tr>

<tr id="pautada">
<td>holad1</td>
<td>holad2</td>
</tr>

<tr>
<td>holad1</td>
<td>holad2</td>
</tr>

<tr id="pautada">
<td>holad1</td>
<td>holad2</td>
</tr>

</tbody>
</table>
</body>
</html>






Nota: La almohadilla se usa para hacer referencia a un ID en el selector y no al Class. Es decir....


a.enlace_blanco { .... }haría referencia a

<a class="enlace_blanco">

Mientras que:


a#enlace_blanco {.....}

haría referencia a

<a id="enlace_blanco">

viernes, 29 de febrero de 2008

Tus Últimos Artículos en Blogger

Bueno, debido a multitud de preguntas (en mi saturado mail) sobre como poner los últimos artículos de tu blog, y aunque hay millones de referencias a este tema en internet (sea esta la 1000001, coño, binario!), os cuento una fácil manera.

Como ves, aquí a la izquieda, en mi blog, aparece: "Otros Artículos". En blogger, la forma es...

Accedes a tu blog. Verás que al final te aparece: "Suscribirse a entradas (Atom)". Pulsas botón derecho del ratón y "Copiar acceso directo" o similar. Esto lo hacemos para copiar la url directa al feed de tu sitio.

Entras en la administración de tu blog en blogger, vas a diseño del mismo, y añades un nuevo elemento, ya sea en el pie de página o en la barra lateral. Entre los elementos, seleccionas Feed. En la url del feed pegas la url que hemos copiado antes, y que debes tener en el portapapeles.

Y ... ya está! :D

Si en alguna ocasión tienes problemas para que encuentre bien el feed, que puede pasar en blogger, al ser un dirección del propio blogger, puedes usar FeedBurner dando un rodeo, y usar la url en formato xml para introducir en el añadido de antes (el elemento feed de blogger).

viernes, 8 de febrero de 2008

Online: Vectorízate de Gusto


He de confesarme enamorado del sofware online y en este caso os traigo una de las mejores herramientas que he encontrado para vectorizar imágenes de forma automática, y casualmente es online, y supera herramientas como Ilustrator o Corel.

Creo con firmeza que el futuro cercano y lejano de la informática se dirigirá hacia los discos duros y posiblemente la potencia del hardware contratados en remoto y no comprados como en la actualidad. Pero ese es otro tema... del que hablaré en otro artículo.

Centrémonos... en, uf que escalofrío, en... VECTOR MAGIC. Todo diseñador y "pofesioná de wé" que se precie ha tenido que vectorizar imágenes en alguna ocasión, o siempre. Es una tediosa tarea que, por mucha barita mágica y convertir en vector, o mucha utilidad de vectorización que se haya buscado, nunca nos terminan de dar el resultado apropiado.


Que si demasiados puntos, que si éstos van a su libre albedrío, etc. Ya sea para quitar fondos, para meter en un flash, para imprimir con plotter o para pasar a una máquina de laser... el resultado que se desea siempre pasa por vectorizar cada esquina y aplicar la curvatura necesaria... a mano.

Pero... y seguro que hay miles de herramientas que no conozco... hace poco, en mi búsqueda y ansia por el software online (casi todo freeware, dicho sea de paso), me encontré con VECTOR MAGIC

Sin necesidad de registro siquiera, subes un gráfico o foto (súbele el contraste y pon algo de tu parte), y empiezas un asistente para que el "ente" sepa en qué condiciones está lo que quieres vectorizar.

Luego puedes, en la detección de colores que hace, decirle que colores forman el/los trazo/s. Y finalmente, y cuidado que esto esparte de su gran poder, si resulta que obtienes demasiados puntos... y en las opciones de la derecha, encontrarás como obtener otras pruebas CON MENOR DETALLE, es decir, con muchos menos puntos, obteniendo, en el 90% de las pruebas que hice, un resultado practicamente comparable al manual.

Hay muchas herramientas online que pueden ser interesantes cuando no tienes a mano tus programas, o para compartir tus trabajos entre personas y sitios. Casi siempre, estas herramientas, en fase beta la mayoría, no superan las posibilidades de las aplicaciones de escritorio al tener menos interactividad y muchas menos utilidades internas.

Pero VECTOR MAGIC se ha creado para un propósito concreto... y lo cumple de tal manera que puede ser una gran herramienta a tener siempre a mano.

Yo por mi parte sigo esperando que las velocidades reales de internet aumenten para que el sofware online de un paso de elefante.


ACTUALIZACIÓN: VectorMagic, que en su versión beta era gratuito, ya no lo es, aunque la suscripción puede ser desde pagar para 5 vectorizaciones, o sin límite por mes, que sale por sólo 5.6€ aproximadamene (en la página se paga en dólares por paypal, a 7.95$ / mes). Si te sirve y vectorizas a menudo, bien pagados sean no crees? Esto no es publicidad, conste.

+info:
Vector Magic
Comparativa Vector Magic y otros (corel, ilustrator...)
Video sobre como usar y demo de Vector Magic
Gráficos Vectoriales para descargar VECTEEZY
Herramientas online en wwwhatsnew


jueves, 13 de diciembre de 2007

PROGRAMAR ENCUESTAS FIABLES

Hacer una encuesta en una página web o por e-mail es algo bastante simple (los que no sean programadores, que no entiendan por simple... algo rápido en 5 minutos). Pero el problema no es tanto en recoger los datos como el interpretar los resultados.

Para mí, una encuesta debe dar una información lo más real y fiable posible. Por ello, siempre se intenta evitar que ciertos visitantes con ánimo de balancear la encuesta hacia un resultado que a ellos le interesa especialmente no consigan su objetivo.

Variadas son las técnicas que se utilizan, desde el control de las votaciones dejando una cookie en el navegador del visitante hasta el filtro por ip. (Hablamos claramente de encuestas públicas y no de usuarios autentificados, si no está claro que un usuario, un voto).


Tanto si es por ip, cookie o una combinación, muchos toman como dato a tener en cuenta el primer o último voto desde esa ip o navegador con cookie.


El tema de la cookie es fácil evitarlo, simplemente hay que borrarlas del navegador antes de cada votación o decirle al navegador que no permita cookies. Por ello, yo me decanto más por el filtro por ip.

Pero por contra, a mi me interesan todos los resultados obtenidos, por lo que yo prefiero almacenar todos los datos, almacenando, por supuesto, la ip en cada votación.

A la hora de interpretar los resultados, haré lo siguiente, y tomando como ejemplo una única pregunta de encuesta (si la encuesta tiene varias preguntas, las trataré como encuestas diferentes):

Acumularé, por un lado, la media de las votaciones de cada ip. Es decir, haré una media de votaciones por cada ip.

De esta forma, por cada ip obtendré una voto. En el caso que alguien intente balancear la votación hacia un lado votando repetidamente el mismo valor, la media me dará el valor real de esa ip, y en el caso de que esa ip corresponda a una empresa y varia gente haya dado su opinión (aquí si pierdo algo de información... inevitable) obtendré finalmente un voto que será la media de los mismos.

Luego, con las ips acumuladas con sus medias de votos, haré la media que tomaré como dato determinante.


Como ejemplo...
----------------------------------------------------------------------------------
select id_pregunta,AVG(totalpuntos) as puntuacion, count(ip) as votos
from (
select id_pregunta,avg(puntos) as totalpuntos,ip
from gen_encuestas
where id_encuesta='identificador'
group by id_pregunta,ip
)
group by id_pregunta
----------------------------------------------------------------------------------

jueves, 22 de noviembre de 2007

WEBMASTERS: Publicidad en tus páginas (PPC, CPM, CTR, ETC)

Hace unos días estuve en el primer Congreso de Webmasters, celebrado en Madrid. La verdad es que fue un congreso realmente interesante con ponencias/cursos orientados a los profesionales del sector, y eso... siempre se agradece.


El caso (ya que el congreso no es el tema de este artículo) es que uno de los temas que se trataron fumé los programas de afiliación y la publicidad en las páginas webs, todo ello dentro del marco de cómo rentabilizar una web.



Las personas que daban la charla provenían de una empresa de afiliación / publicidad, es decir, tipo Google Adsense, a la que los webmasters pueden "asociarse" y recibir banners (u otra modalidad), normalmente con un roll automático, y que, según el anunciante, podrán repercutir económicamente según las impresiones (apariciones en la web al visitarla, CPM), las visitas en dicho sponsor (pago por click PPC) o según registro o venta, que es el pago por resultados (se paga por cada visitante que se registra en el sponsor o un tanto por ciento de la venta que éste haga).



* Hay otro indicador que es bastante abusivo, ya que sólo debería usarse desde los departamentos de comunicación para obtener información de la efectividad de una campaña y no para basar los pagos al medio que la anuncia. Hablo de la tasa de clicks según impresiones, el CTR (Click-Through Rate). Y es abusivo porque aquí si que hacen responsable al webmaster o al medio de una creatividad y estrategia en la que no incide.



En tal charla, por parte de la empresa de afiliación, decían que el futuro de la publicidad en internet es el pago por registro o por venta, haciendo hincapié en que Internet, a diferencia de otros medios, si nos permitía ese tipo de referencia.



Alguno de los presentes, en un momento de "ruegos y preguntas" (que por cierto acotaron a ese tema por "problemas de tiempo", aunque siguieron con otras temáticas) ya planteó algo que siempre he pensado y que va en relación al hecho de que los anunciantes pagan por impresión en una revista o en medios audiovisuales, y no así en internet. Como dije, la respuesta era que internet nos permite esta modalidad, y que el sponsor no tiene porqué preveer un presupuesto.



Evidentemente, la publicidad por registro, y sobre todo por venta, es un argumento PARA LAS EMPRESAS DE AFILIACIÓN para que ciertas marcas (empresa, producto, servicio) se decidan a hacer publicidad, ya que se trata de dar una comisión por una venta segura. No necesitan presupuesto, ya que es generado por las propias ventas.



Esto suena bien.. pero ¿para quien?.



El sponsor obtiene una venta. Pero... ¿sólo una venta? Normalmente al realizar la venta se va a solicitar un registro. Es decir, no le estamos mandando una venta por la que el webmaster obtiene una comisión, le estamos mandando un cliente. Un cliente al que luego vía mail pueden seguir bombardeando a publicidad y generando multitud de nuevas ventas AL MARGEN DE NOSOTROS. Entonces, ¿no es demasiada barata la comisión que obtenemos por UN CLIENTE?.



Pero el sponsor no sólo consigue un cliente. El sponsor consigue tener visibilidad de marca en nuestra web, ya sea visitada por 10.000 personas al mes o por un millón al día, TOTALMENTE GRATIS, pues sólo va a pagar por "la venta". Pero aún más. Si a alguien le da por clicar en su banner (enlace, gif, etc), le dirigimos un visitante a su web, que es posible que en ese momento no compre pero que si lo haga en un futuro, que incluso se registre sin comprar (y en el caso por venta no recibimos comisión), y que por supuesto un visitante que conocerá todos sus productos. Y ¿todo eso sabéis por cuanto lo hacemos? Por nada. Le damos todo eso TOTALMENTE GRATIS.



Bien, está claro que el sponsor está muy interesado en "pago por venta". Y por supuesto, la empresa de afiliación también, ya que su comisión (que en muchos casos es un pago por servicio y no por venta, aunque al webmaster sea por comisión) en cualquier caso es por el total de lo que los webmasters han redirigido. Así, para un sólo webmaster el ingreso es pequeño, pero en total (lo que se lleva la empresa de afiliación) es una cantidad nada despreciable.



Y la mayoría de los blogs de visitas medias, van a ganar entre 50E y 2000E, muy poco dinero teniendo en cuenta todo lo que están regalando al sponsor y las ganancias futuras que se están generando.



¿Imagináis que cada anuncio en televisión tuviese un código que hubiese que darlo al comprar, y la cadena obtuviese una comisión por cada venta? Claro, por cada venta con ese código... porque si el consumidor no lo entrega... comisión al carajo. No estoy yo muy seguro de que las cadenas admitiesen esa "modalidad de futuro".



Al margen de esto, el webmaster va a sufrir (por si fuera poco) el agravante de que la publicidad (banner gráfico o de texto) del sponsor no sea nada atractivo para los visitantes. Por lo que le estás regalando visibilidad de marca, un espacio en tu "tele virtual" y todo eso... GRATIS. Es más, incluso te van a dar ideas para que la publicidad sea más rentable, cuando ni siquiera eres tu el responsable de la campaña. Vamos, que incluso te "redirigen" a ti la responsabilidad del éxito de una campaña publicitaria en la que no participas excepto como medio de difusión.



Según mi manera de ver, el sponsor debería de tratar internet como un medio más. Y encima tiene ventaja, pues en televisión y radio tiene una estimación de audiencia, y en prensa, una estimación basada en las ventas anteriores. En Internet tiene una "estimación real" de la gente a la que se le ha mostrado su publicidad. (Ante la posibilidad de fraude, como clicks automáticos y cosas así también existen mecanismos de control).




Mi propuesta no abusiva, interesante para webmaster/escritor/periodista y para el sponsor es una mezcla . Tomemos un valor 100 para clasificar los tantos por ciento que representarían cada pago/comisión según el método. (Los tantos por ciento sobre 100 podrían variar en los CPM, es decir, en las impresiones generales o únicas, según especialización de nuestra web, que daría como resultado una audiencia más específica)


1- Pagar un 0.5% por impresión simple. Esto es, cada vez que aparece el banner/mensaje publicitario. Es decir, por cada visita, sea o no del mismo visitante.

A los que les parezca que esto es abusivo, veamos... en televisión se paga por cada aparición del anuncio, sean o no los mismos televidentes. Es decir, presencia de marca y repetición publicitaria.



2- Pagar un 5.5% por impresión/visitante. Es decir, un control bastante fiable por el que se pagará a cada ip única que visita en un periodo determinado (que debería de ser diaria) nuestra web. Es la forma más fiable de decir... hoy te he mostrado tu marca y publicidad a tantas personas como mínimo.

Muchos dirán también que la ip es variable en muchos casos, pero la realidad es que en un mismo día es difícil que esta varíe y por contra, muchos accederán desde el trabajo o cyber registrando una sóla ip. Así que en cualquier caso, lo comido por lo servido.



2b- Opcionalmente, pagar un 10% adicional por las ips únicas semanales o quincenales. Es decir, acotamos aún más las personas DISTINTAS que han visto la marca del sponsor.

3- Pagar un 24% por cada click realizado en el banner/mensaje publicitario y que envía al visitante a su web. Estamos enviando un cliente potencial a su sitio, donde es responsabilidad del anunciante convencerle para comprar o no.



4- Y ahora viene la parte más importante.



Si la empresa sólo busca conseguir registros por cualquier motivo, por cada registro pagaría el 70% del montante (luego os explico todo esto del tanto por ciento).



Si la empresa vende productos o comisión, atención, debería de pagar un tanto por ciento de la primera venta (no del montante que os hablo) y un tanto por ciento algo menor... POR LAS VENTAS QUE ESE CLIENTE GENERE EN EL FUTURO. Es decir, vamos a entregarle un cliente... y por tanto, si esta empresa va a enviarle mails para que le compre directamente, nos debería de repercutir. En caso contrario, la empresa no debería de registrar como cliente a ese visitante, de forma que el cliente sólo comprase en esa tienda/proveedor a través de nosotros.



La cuestión es... o nos pagan por una venta... o nos pagan por un cliente.




Sé que me estoy extendiendo y los artículos de los blogs deben ser... algo más breves :) Pero... creo que el tema lo merece.




Ejemplo práctico con "dineros". Teniendo en cuenta (según datos obtenidos por internet de pagos de Telefónica, Iberdrola y CocaCola a televisión en 2004) que un spot de 20 segundos en televisión oscila entre 1 céntimo y 2 céntimos por persona (estimada, audiencias) CADA VEZ QUE SE EMITE (y por supuesto con contratos de repetición asegurada)...



Una guia de internet quiere anunciarse en nuestra web para obtener registros de visitantes. Decidimos que por cada registro efectivo deberíamos cobrar 2E. Así, y según mi propuesta deberíamos cobrar:



1 céntimo por cada visita a nuestra web.

11 céntimos por cada visitante único diario a nuestra web.



48 céntimos por cada click que enviamos a su sitio


y 1.40E por cada registro efectivo.






Bueno, os dejo esta hoja de cálculo para que hagáis vuestras cuentas, y ... fijaros bien, en cuanto ganáis en la estimación de visitantes si SÓLO usáis una campaña de PAGO POR RESULTADOS, esa que tanto interesa a la empresa de afiliación y al anunciante, y que... "es la publicidad online del futuro". Esto... ¿del futuro de quién?



Pulsa aquí para acceder a la hoja de cálculo "usable"



Otros enlaces de interés:

http://www.internet-marketing.es/que-es-internet-marketing.html