jump to navigation

URGENTE!!! Google Developers Day!!! mayo 10, 2007

Posted by Jorge Pedret in developer, web.
7 comments

Acabo de leer esta noticia de google!!!

googles developers day
No se si tengan tiempo planificandolo, pero me sorprende que no me haya enterado antes :S

Google planifico para el día 31 de mayo el día de los programadores, donde se van a reunir en las principales capitales del mundo los programadores para intercambiar ideas acerca de el mejoramiento de aplicaciones web y explicaciones del uso de las api que ellos han desarrollado!

Voy a ver si me puedo poner en contacto con la gente de brasíl, que es lo que nos queda mas cerca! de verdad me gustaría participar en este evento, aunque no sea directamente con la gente de google. (Tal vez la gente de españa o brasil)

Ya yo me registre y les envie un email a la gente de google explicandoles la situación, aunque tengo en cuenta que Venezuela no creo q la tomen como un país muy importante.

Escriban aquí si alguien esta interesado para ver que puedo hacer. Pero tiene que ser YA porque eso es para el 31 de mayo!!!!

Para mas información vean aqui! http://www.google.co.ve/events/developerday/pt_BR/details.html

Anuncios

Codificación de Lenguaje (Language Encoding) mayo 6, 2007

Posted by Jorge Pedret in developer.
12 comments

Language Encoding

(Codificación del Lenguaje)

Durante la evolución de la web, varias veces se ha hecho el intento de crear un estándar para el manejo del lenguaje. A partir de todos estos intentos se creo una confusión general en el asunto, siendo el iso-8859-1 el más utilizado, o el colocado por defecto por el dreamweaver.

El encoding es la forma de especificar a una página en que forma debe leer los datos que esta leyendo. Lo que lo hace de cierto modo complicado, es que éste puede ser especificado en distintos lugares:

-> Archivo .htacces
-> Configuración del Servidor

-> Documento XHTML a través de los meta tags

Están listados en orden de importancia, es decir que si tienes un archivo XHTML con el encoding definido en los meta tags, la configuración del servidor va a reemplazar la codificación con que es leído este archivo. Y si el servidor esta configurado para leer por ejemplo el formato iso-8859-1 y se especifica a través del archivo .htaccess que el formato en que debe leer es utf-8, éste va a tomar el último como el encoding correcto.

El estudio de la codificación utilizada en la web, vino a partir de la idea de implementar el lenguaje chino para la página de VIVOphone, y se llego a la conclusión de que para poder tener caracteres chinos (o de cualquier idioma existente) había que utilizar el encoding UTF8. Éste es el encoding más completo que hay actualmente y con el que se realizan todas las web multiidiomas.

El tema del encoding es bastante complejo y amplio, aquí explico, según lo que estudie, básicamente como me funciono a mí bajo las configuraciones actuales del servidor de producción en VIVOphone.

¿Cómo especificar el encoding que quiero utilizar?

Aquí hay una guía muy buena de encoding http://www.w3.org/International/questions/qa-htaccess-charset

Archivo .htaccess
Para especificar un encoding en archivos .htaccess, solo debe crear el archivo .htaccess (si todavía no existe) y agregar la siguiente línea:

AddDefaultCharset UTF-8

Si quiere que solo el encoding que especifique sea utilizado en una sola carpeta, cree el archivo .htaccess en dicha carpeta y agregue la misma línea. Solo tomara los cambios de encoding para esa carpeta.

Configuración del Servidor
No pude conseguir como se hace. El servidor de la página en q estaba trabajando específicamente tiene por defecto el encoding iso-8859-1, por lo tanto si especifica a través del documento XHTML otro encoding, no va a funcionar. Debe ser especificado por el archivo .htaccess para que pueda ser leído con el encoding que quiera.

Encoding por Meta Tags

En el archivo que esta escribiendo, debe especificar el encoding a través del siguiente meta tag:

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />

Si desea cambiar el encoding a utf8 puede colocar utf-8 después de la palabra charset, quedando de la siguiente manera:

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

Esto debe ir dentro del tag head. Generalmente se escribe la siguiente cabecera completa:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset= utf-8″ />
<title>Titulo del documento</title>
</head>

Encoding para MySQL

Al igual que hay que especificar un encoding en la web, también hay que hacerlo para la BD. Generalmente se especifica al momento de crear la tabla o la BD. Al momento de crear la base de datos debe especificar que desea utilizar el encoding utf8 — UTF-8 Unicode.

Al crear una tabla, ésta toma el encoding original de su base de datos en caso de que esto no se especifique. En caso de que este trabajando con una BD con encoding diferente al que desea, solo debe especificarlo al momento de crear la tabla. Igualmente seleccione utf8 — UTF-8 Unicode como el encoding o Charset.

Al momento de utilizar cualquier tabla que su encoding sea diferente al de la BD, se debe especificar el siguiente código, luego de realizar la conexión y la selección de la BD (mysql_connect – mysql_select_db) y antes de hacer cualquier query:

mysql_query(“SET CHARACTER SET utf8”);
mysql_query(“SET NAMES utf8”);

Complementos de Firefox (Add-ons) abril 26, 2007

Posted by Jorge Pedret in complementos, developer, firefox, web.
2 comments

Complementos de Firefox

Lo que hace a Firefox el mejor explorador de Internet (ademas de regirse estrictamente por los estándares de W3C, de ser seguro y de ser muy estable), son sus extensiones!.
Personalmente como desarrollador web, he llegado al punto de depender de estas como herramientas para facilitar, mejorar y optimizar mi trabajo.

Aquí las que yo utilizo con una breve referencia en orden de importancia:

Firebug
Su uso mas básico es inspeccionar el codigo fuente de una página. Se acopla al browser de forma que siempre esta cuando la necesitas (Lo puedes encontrar en la esquina inferior derecha, debajo de la barra de scroll).

Las funciones mas impresionantes son:

  • Al desarrollar aplicaciones en AJAX puedo ver los parametros que son enviados por POST o GET al codigo en el servidor y ver que valores recibio
  • Editción del código fuente directamente desde el Firebug, esto me ayuda al desarrollo con CSS
  • Muestra la velocidad de carga de cada uno de los elementos de tu página
  • Consola de errores de Javascript

Web Developer
Barra que se instala en la parte superior del Firefox, tiene todas las funciones que te puedas imaginar. Las más importantes:

  • Botón para habilitar y desabilitar javascript
  • Control de las cookies, pudiendo editar, eliminar y agregar
  • Elimina las variables de sesión establecidas con un servidor
  • Muestra y permite edición de CSS de una página en tiempo real
  • Mostrar información detallada en pantalla de formularios html
  • Permite medir elementos o espacios con una regla
  • Mostrar comentarios y elementos escondidos
  • La función Outline, bordea con un color los elementos que se le especifiquen
  • Redimensionar la página al tamaño que desees (probar distintas resoluciones de monitor

El uso mas frecuente que le doy es el de outline, ya que me sirve para ayudarme a ver donde estan los elementos (Ej: <div>) que no se ven a simple vista o no sabes porque se estan mostrando de cierta forma.

Clear Cache Button
Muy básico pero hace lo que necesitas y como su nombre lo dice borra el cache. Muy útil cuando estas modificando constantemente una página y necesitas ver la útima versión.

HackBar
Barra para hackers, simplemente la uso para probar la seguridad de un sitio. Me facilita y permite inyecciones SQL, hacer hashing a MD5, codificar y decodificar Base 64 y URL. Esta herramienta esta en una etapa de crecimiento todavía, pero es le ve un buen futuro.

Fire Encrypter
Funciona para encriptar y en algunas casos desencriptar cadenas. Tiene distintos métodos de encriptación y hashing.

URL Params
Barra lateral para ver, editar y agregar parametros enviados por los métodos POST y GET a una página. (Muy útil para probar la seguirdad de su página)

HTML Validator
Es el mejor validador de XHTML que he encontrador porque te chequea la validez en tiempo real (No tienes que enviar tu página a otro servidor para que la valide), te muestra y resalta los errores con sus detalles en el codigo fuente.

Tiene 3 formas de validación: HTML Tidy, SGML Parser y Serial. Siempre lo utilizo en Serial, ya que es una combinación de la dos primeras validaciones.

Regular Expressions Tester
Los regular expressions son muy utilizados en la programación para validar entradas del usuario. Esta herramienta, te permite probar la cadena que valida con cualquier entrada de texto, a demas también trae cadenas listas para validar Email, IP, Links, Zip Codes, Etc.

Estas son todas las extensiones que uso, y gracias a ellas Firefox es mi explorador por defecto.

Si estas viendo esta página desde Firefox puedes empezar a bajar estas extensiones desde esta dirección https://addons.mozilla.org/es-ES/firefox/.

Si no estas viendo desde Firefox, y estas interesado en conocerlo, puedes descargarlo desde esta dirección http://www.mozilla.com/en-US/firefox/.

Si conoces alguna otra extension que quieras mencionar solo envia la direción para que todos la podamos probar.