Soy Blogger y Soy Viejo

La historia del blog (bitácora) se remonta hace aproximadamente 15 años cuando Justin Hall, siendo estudiante de la Universidad de Swarthmore, escribió en lo que fue el primer blog personal.
A lo largo de la historia ha habido distintas generaciones web, desde la web 1.0 donde el usuario de internet era meramente observador, donde los sitios casi nunca se actualizaban, y si lo eran gracias al famoso webmaster. Los tiempos han cambiado, la manera de crear y compartir información también, tras la llegada de la web 2.0, el usuario se volvió más participativo y colaborativo, el boom de los blogs como herramienta de creación y difusión de contenido, que en base al sistema de gestion (CMS) puede ser actualizados por cualquier persona sin conocimientos de programación. Tras 5 años de estar conviviendo con la web 2.0, empiezan a despuntar otras herramientas / servicios que plenamente pueden llegar a convertirse iconos de una nueva generación web, por ejemplo con Google Wave o la revolución que se esta viviendo con Twitter y la búsquedas en tiempo real.

Desde que estoy en Twitter he disminuido notablemente mis actualizaciones en el blog, esto porque comparto información de forma más rápida y con mayor impacto por sus características de ser una plataforma de comunicación. Los blogs han sido usados para distintos fines como sitios web de corporaciones, organizaciones y personales, más sin embargo no han salido de lo mismo crear y compartir contenido en la red. Por otro lado, el microblogging esta siendo utilizado como herramienta para otros objetivos desde educativos (e-learning), empresariales, y hasta político (e-government).

Conclusión:
Las nuevas aplicaciones ya no están centradas en el creación de contenido, sino en la moderación/administración y la comunicación entre usuarios. Hay que tener muy claro esto, cuando se quiere emprender en la web.

Simple jQuery plugin: Enlaces con mensajes de 'Cargando'

LoadingMessage, es un pequeño plugin que hice en jQuery para brindar una retroalimentación al usuario que haya dado click sobre un enlace en la aplicación, este regresa un mensaje de cargando, el cual puede ser personalizado.

El objetivo de este plugin es evitar la repetición de código, naturalmente el plugin se puede extender aún más, ya que no funciona para formularios, solo para enlaces <a href=''>.

jQuery Plugin:

$.fn.LoadingMessage = function (a){
var attr, loading;
$(this).click(function(){
if(a.attr=='text'){ if($(this).attr('title')!=''){ attr=$(this).attr('title'); } else { attr=$(this).text();}}
else if (a.attr=='url'){attr=$(this).attr('href');}
loading = '<div id="'+a.css+'">'+a.text+' '+attr+'<\/div>';
$('body').prepend(loading);
});
return false;
};

Cómo funciona:

$('#enlaces a').LoadingMessage({
text:'Cargando',
attr:'text',
css:'loading'
});

Aquí estoy diciendo que especificamente los enlaces dentro del #enlaces mostrarán el mensaje de cargando, claro puedo decir que todos los enlaces en mi aplicación muestren el mensaje con: $('a').

LoadingMessage funciona con 3 parametros:

1. text: es el mensaje que se enviará, en el caso del ejemplo dira Cargando.
2. attr: significa el atributo de el enlace, puede enviarse 2: url o text. Text significa que mostrará el título del enlace. Nota: Si <a title="'enlace'"> se mostrará lo que contenga el atributo title, si no lo tiene, toma el texto del enlace.
3. css: se envía el nombre del id del CSS, nuestro ejemplo se llamo a #loading. OJO no hay necesidad de escribir #.
   

VER EJEMPLOS >>

Los errores más comunes de un programador PHP

Uno de los lenguajes más usados para el desarrollo web es, sin duda, PHP, y no solo por ser fácil de aprender, si no porque hay mucha información disponible en la red desde tutoriales hasta foros donde la misma comunidad te brinda de su ayuda.
PHP es uno de los pocos que no existe declaración de variables, volviendo más flexible el desarrollo, pero este beneficio, trae consigo problemas en seguridad y errores en la sintaxis.

Los errores más comunes que se cometen al usar PHP como lenguaje para creación de sitios web son:

1) Configuración básica de seguridad

Las nuevas versiones de PHP contienen en su instalación una configuración básica de seguridad (la cual es la indispensable), pero en ocaciones nuestro servidor tiene habilitado o deshabilitado opciones que podrán beneficiar o perjudicar la seguridad de nuestras aplicaciones, para conocer esta configuración, se necesita saber que opciones tiene habilitadas PHP, para ello se utiliza la función phpinfo(), la cual mostrará las configuraciones que contiene el archivo php.ini. Para ello debes realizar lo siguiente:

1. Imprime la función phpinfo(); en un archivo blanco de PHP.
   
2. Las siguientes opciones deben estar en los siguientes estados, si no es así cambialos:
   1. register_globals: desactivadas off.
      
   2. safe_mode: activado on
      

NOTA: register_globals y safe_mode han sido eliminados en la versión 6.0.0. de PHP.

Más información en PHP Seguridad

2) Usar una versión vieja de PHP (como PHP4)

¿Sigues usando la versión PHP4?, sabias que PHP4 tiene niveles de seguridad muy bajos y que además no cuenta con muchas funcionalidades necesarias para desarrollo de una aplicación potente que se puede lograr con PHP5. Por ejemplo, PHP4 aun no es posible la programación orientada a objetos (que en el siguiente punto, lo explico).

3) No convertir caracteres a su entidad HTML
No hay que confiar en los usuario!!. Algunos datos que los usuarios envian a nuestra aplicación es posible que se encuentre infectada. Infectada me refiero a que quieran realizar ciertas acciones o sentencias que pueden modificar el contenido de nuestro sitio, es por ello que debemos limpiar esos datos, para ello se realiza lo siguiente:

htmlspecialchars($_GET['comentarios'], ENT_QUOTES);

4) Inyección SQL
Puedes consultar este punto, en mi blog: "Inyección SQL: Hackeando páginas web".

5) Comillas simples o dobles

Si en algunas ocaciones has visto estos signos entre palabra \' o \", hay un problema de magic_quotes. Es porque se tiene habilitado la opción magic_quotes_gpc dentro del archivo php.ini, y realizar lo siguiente:

$variable="¿te apellidas O\'reilly?";

//Imprimira ¿te apellidas O'reilly? , sin \
echo stripslashes($variable);

6) Mal empleo de HTTP-headers
Cuando usamos: session_start(); , header(); , setcookie(); , en ocaciones recibimos el warning siguiente:

warning: Cannot add header information - headers already sent....

Si recibe este warning, es posible que no los estas usando en la parte cabecera del sitio, para su solición realiza lo siguiente:

1. output_buffering = off en php.ini.
2. Agrega ob_start(); al principio de tu página, y ob_end_flush(); al final de tu página para liberar el buffer.
   

7) No proteger ID session
El ID es un dato muy sensible dentro de una aplicación. Por ejemplo, la contraseña de un usuario.

Si el dato no cuenta con encriptación:

if ($_SESSION['contrasena'] == $contrasena) {
//Area protegida
}

Si el dato tiene encriptación:

if ($_SESSION['contrasena'] == sha1($contrasena)) {
//Area protegida
}

8) No usar OOP (Programación Orientada a Objetos) para creación de aplicaciones web

Las ventajas de usar este paradigma de programación son:

1. Fomenta la reutilización y extensión del código.
2. Facilita el mantenimiento del software.
3. Permite crear sistemas más complejos.
4. Agiliza el desarrollo de software.
5. Facilita la creación de programas visuales.
6. Facilita el trabajo en equipo.
7. Relacionar el sistema al mundo real.

Fuente: Programación Orientada a Objetos

9) No incluir otros lenguajes como JavaScript

¡No todo realiza de manera eficiente PHP!. Un ejemplo simple es la validación de formularios. PHP es un lenguaje que se ejecuta en el servidor, por ende, tiene que enviar los datos al servidor, y desde ahi verificarlos. Al usar JavaScript para realizar esta acción se evita el refrescado del sitio, acelerando la velocidad de respuesta de la aplicación web, ya que se ejecuta en el navegador y no en el servidor. Por esa y otras razones nace JavaScript.

10) No conocer Frameworks

Los frameworks o marco de trabajo, se utilizan para facilitar el desarrollo, ya que proveen de una estructura para la implementación en la aplicación (más información).
En pocas palabras te facilitará la creación de la aplicación web por su caracteristica MVC (Modal View Controller), pero claro no todo es oro, si usas un framework dependerás de el.

Los 10 Top frameworks de PHP son:

1. Yii
2. CodeIgniter
3. PHPDevShell
4. CakePHP
5. Akelos
6. Prado
7. Symfony
8. Zend
9. Zoop
10. QPHP

Fuente: Top 10 PHP Frameworks

¿Cómo utilizar .htaccess en nuestro sitio web?, en 5 trucos básicos

El .htaccess es un archivo de texto, el cual contiene ciertas reglas sobre archivos y directorios del servidor web (Apache). Es normalmente usado por los desarrolladores para la optimización de sus sitios web, creando URLs amigables para ser mejor posicionadas en buscadores (como Google). Ha esta optimización se le denomina SEO (Search Engine Optimization).

Antes de hablar sobre los 5 trucos básicos, para aquellos que no conocían, ni han usado el .htaccess les daré una guía rápida sobre como crearla.

1. Abre notepad (bloc de notas)
   
2. Dentro de este archivo, es donde teclearas los códigos que aquí te proporcionare.
   
3. Guarda el archivo con la extensión .txt en la carpeta raiz del servidor donde tienes tu sitio web.
   
4. Ya que lo tengas ahí, cambia su nombre y extensión (en conjunto) a: .htaccess (si lo tienes en carpeta en tu PC, ve a Opciones de Carpeta, y selecciona, que muestra las extensiones, para que así puedas remplazar el nombre/extensión del archivo.)
   

Los 5 trucos básicos que debes saber sobre como usar .htaccess son los siguientes:

1) Mostrar mensaje de error 404

Tu servidor debe estar preparado para mostrar mensajes de error si el usuario/visitante trata de accesar a una página web que no existe. Entonces, podrás direccionarlo a una página donde explique el porque del error (error número 404).

ErrorDocument 404 /404.html

Donde:

404.html : nombre de la página a donde se re-direccionará.

2) Prohibir / Bloquear archivos re direccionando visitas a otra página.

Muchas veces por mantenimiento estamos trabajando con algunos archivos dentro de nuestro sitio web, si estamos modificando en línea esto podía repercutir si alguien visita nuestro sitio y se encuentra con errores, para prevenir esto, se realiza lo siguiente (error número 403 es Forbidden, prohibido):

order deny,allow
deny from all
allow from 000.000.000.000

ErrorDocument 403 /actualizando.html

<Files actualizando.html>
allow from all
</Files>

Donde:

orden deny,allow: se empieza el encabezado de bloqueo.
deny from all: Negar todos los visitantes.
allow from 000.000.000.000: permitir solo la siguiente IP (000.00…) que para este caso, pon la tuya, ya que solo a ti te interesa ver tu sitio web en totalidad.
actualizando.html: Es el archivo a donde se redireccionará.

La siguientes líneas, dicen que el archivo actualizando.html, se podrá ver por todos.

3) Renombrar o Redirigir páginas

Otra buena función del .htaccess es renombrar páginas web, esto es útil cuando se tiene una página antigua y se quiere cambiar a una nueva (error número 301).

Redirect 301 /vieja.html http://tuya.com/nueva.html

Donde:

vieja.html: archivo que se quiere renombrar.
nueva.html: archivo nuevo

4) Impedir navegar en directorios

Cuando no tenemos el archivo index.html o index.php, podemos ver todos los archivos que se tienen en el servidor y carpeta, para prevenir que el visitante pueda navegar entre nuestros archivos como imagenes, javascript, css, etc. pondremos lo siguiente:

Options All -Indexes

5) Crear URLs amigables

El último truco, pero uno de los más usados, es la creación de URLs amigables para los buscadores y visitantes, ya que es más fácil para Google encontrarla vea:

www.tuya.com/blog/programacion/apache.html www.tuya.com/blog.php?cat=programacion&nombre=apache

Eso se puede realizar gracias al mod_rewrite, aquí un ejemplo básico:

RewriteEngine On

RewriteRule ^blog/([a-zA-Z]+)/([a-zA-Z]+).htm$ blog.php?cat=$1&nombre=$2

¿Cómo instalar IIS en Windows 7?

Hace ya tiempo que uso Windows 7 en su versión Beta como sistema operativo principal, lo descargue justo el mismo día que Microsoft anunciará su lanzamiento. No me he podido quejar de el, es bastante eficiente y rápido (y eso que uso 1GB en RAM), por el momento no me ha dado ningún problema de instalación de algún programa o incompatibilidad de hardware.

Siempre he usado Apache como servidor para correr mis sitios web, instalado desde paquetes como XAMPP o APPSERVER. Por motivo de mi Tesis (Mashup para los Servicios del SIABUC), tengo que tener instalado el IIS (Internet Information Services) para comunicarme a los servicios del SIABUC con SOAP / Web services. El problema es que no sabia que versión de IIS era la apropiada para Windows 7, ya que entraba al sitio oficial del IIS , y no me daba una versión especifica (como es el caso de Win XP).

Los pasos para instalar IIS en Windows 7 son los siguientes:

1. INICIO > CONTROL PANEL > Programs and Features
   
2. Dentro del cuadro de dialogo de Programs and Features, en la esquina superior izquierda, aparece Turn Windows features on or off.
3. Click en Turn Windows features on or off, se abrirá otro cuadro de dialogo, dentro de este, aparecerá un listado de servicios.
4. Selecciona (checkbox) Internet Information Services, y preciona OK.
5. Se instalará el IIS, listo!

Para verificar si se ha instalado de forma correcta:

1. Dentro de CONTROL PANEL, entramos a Administrative Tools.
2. Aparecerá un cuadro de dialogo con los servicios del Win7, dentro de este se debe encontrar IIS Manager, si esta, pasamos al siguiente paso.
3. Teclea en tu navegador (http://localhost/), si esta se abre, es la página por default de que esta corriendo de manera correcta el IIS.

OJO: Para todos aquellos que anteriormente tenian el APACHE, deben desactivarlo!, si no es asi, el IIS fallará en su inicio.

¿Cómo quitar contraseñas a archivos PDF?

En ocasiones nos encontramos con archivos PDF protegidos por sus autores, lo cual, deshabilita acciones como la impresión del documento, copiar y pegar texto, y en algunos casos hasta la visibilidad de ciertas secciones, las cuales solo se podrán accesar introduciendo la contraseña del archivo.

Es molesto cuando protegen un archivo, que te es de utilidad y necesitas imprimirlo, o requieres de ciertas secciones, y no puedes copiar nada, y recurres a transcribir todo.

La solución a este problema, es obviamente removiendo / eliminando / quitando la contraseña, los pasos son los siguientes:

1. Descarga Advance PDF Password Recovery (Quitar Claves PDF)

Es un archivo totalmente confiable, yo precisamente lo he subido al servidor de RapidShare, así que no le tengan miedo, NO CONTIENE VIRUS.

2. Abra (ejecute) con doble click el programa (Quitar_Claves_PDF.exe).

3. Teniendo abierto el programa, de click en el icono de Open document.., se abrirá una ventana de selección, busque el archivo PDF que desea eliminar la contraseña, y de click en Abrir.

4. Después de unos instantes el programa le indicará que se ha eliminado la contraseña correctamente, le pedirá un nuevo nombre de archivo, lo añade y guarda.

5. Listo!, ya podrás copiar y pegar texto, imprimir y todo las acciones de un archivo normal.

Distintas formas de usar Twitter

Twitter ha sido una de las aplicaciones web más usadas en estos últimos años (lanzado en 2006 por Obvious Corp., boom en el 2007 y sigue en aumento de usuarios). El triunfo de Twitter, no es solo por su idea de compartir a tus conocidos que es lo que estas haciendo o que es lo que estas viendo, eso en realidad lo considero superficial, porque si observamos las diferentes redes sociales como Facebook (que esta incursionando fuertemente en el microblogging despues de su renovado diseño), HI5, etc., puedes realizar esa misma función.

Entonces ¿cuál es el verdadero triunfo del Twitter?

Sabemos de antemano que Twitter es un servicio de microblogging, el cual tiene como característica principal: "micro-entradas (tweets) de no más de 140 caracteres". Pero lo que hizo atractivo a Twitter fue su rápida creación de dichas entradas (que en comparación a los blogs tradicionales, donde es más laborioso el proceso de creación) , la liberación del API y la aparición de cientos de RIA`s (aplicaciones ricas en internet) para "twittear" sin necesidad de entrar al sitio web o a la cuenta misma. Hace que twitter se convierta en el rey de las aplicaciones (según TIME Magazines).

Ahora bien, teniendo esta poderosa aplicación, muchos de los usuarios, como tu y yo, nos hemos vuelto adictos al twitter, y no pasamos más de 2 días sin que actualicemos la cuenta, hasta pensar en comprar un celular con internet 3G para no estar desconectados de nuestro twitter.

Pero ¿cómo utilizar correctamente twitter y cómo sacarle provecho?

Hace ya unos meses, cuando me registre en Twitter, empecé a observar como los usuarios/empresas lo utilizaban y como yo lo iba a utilizar, se los diré en los siguientes puntos:

• Twittear en Inglés: Hace un tiempo empecé a twittear en inglés, netamente para practicarlo, ya que no iba clases particulares ni mucho menos tenia a una persona para hacerlo, los "followers" me han ayudado a corregir sentencias. Un beneficio al escribir en inglés es que me empezaron agregar muchos desarrolladores web anglosajones, lo cual es interesante.
• Crear grupos/comunidades: Una de las iniciativas que he observado últimamente es concentrar personas hablando de algo en común, simplemente añadiendo al final de su micro-entrada la cuenta en donde se quiere añadir dicho tweet . Por ejemplo ThinkVitamin no lo explica. Ejemplo de comunidad TequilaValley.
  
• Lector de Noticias o RSS: Estamos acostumbrados a que nos susbcribimos al RSS de un blog o portal noticias para recibirlas desde nuestro lector RSS (ejemplo: Google Reader), puedes vincular twitter tu rss a través de TwitterFeed, el cual usa por ejemplo el importante blog de noticias de tecnología FayerWayer, el cual prefiero seguir a través de twitter que en mi RSS, ya que actualizan constantemente el sitio, así estoy leyendo continuamente, y no se me junta todo en una mañana que revise mi Google Reader.
• Publicidad: Otra tactica es utilizarlo para postear publicidad pagada por terceros y a si tus "followers" den el favulozo "click" al enlace. Claro, mientras màs "followers" se tengan mayor será la ganancia.
• Promoción de blogs, web o proyectos: Sin duda una de las que más nos interesa. Al momento de lanzar un proyecto de internet, lo que necesitamos es que la gente lo visite y que lo conozcan, entonces he ahi cuando Twitter sale ayudarte. Ya que si tu proyecto es relacionado a "desarrollo web", puedes buscar usuarios a a trevés de Twitter Search, encontrar perfiles, seguirlos (following) o no, y enviarles un reply, agregando tu sitio web/proyecto. Por ejemplo: @h_guedea Te presento mi sitio web, llamado "Taltal" www.taltal.com

En general Twitter es una aplicación multi-uso, simplemente hay que ver la forma de sacarle todo el jugo, para todos aquellos que aun no tengan cuenta y tienen un proyecto, vayan pensando seriamente en crearla.

Siganme en Twitter @h_guedea