~ Syntax Error ~

Syntax Error se une al imperio

noreply@blogger.com (nax) — Wed, 24 Mar 2010 11:56:00 +0000

Con este título un tanto extraño doy por cerrado el blog.

Los motivos son diversos pero básicamente se reducen a que no podré mantener el ritmo de tutoriales e información como lo he estado haciendo hasta ahora y por eso decidimos unirnos al imperio skamasle.

Me podreis encontrar siempre en dicho imperio, sobretodo en la zona de programación web o en el foro.

Ante todo agradecer a las personas que me visitaron casi diariamente durante el período que permaneció el blog abierto y les invito a pasarse periódicamente por skamasle.

Seguiré con los tutoriales que empecé y con todos aquellos scripts que rondan en mi acbeza y algún día sacaré tiempo para publicar.

Hasta siempre
nax
Follow us at: www.skamasle.com

El equipo de traducción de PHP.net busca colaboradores

noreply@blogger.com (nax) — Thu, 11 Mar 2010 12:31:00 +0000

A través de la lista de correo de PHPBarcelona me llega un email de yago con el siguiente contenido:

Hola,
hace un tiempo ya envié un mensaje parecido a esta lista, pero me gustaría refrescar por si os animáis!

Después de varios años de parón, el manual oficial de PHP está siendo revisado y traducido al Castellano a su última versión.
Por ahora hemos traducido un 21% http://doc.php.net/php/es/revcheck.php?p=graph y subiendo pero nos gustaría llegar al 100% y superar otros idiomas.

Si tienes nociones de Inglés y sabes usar SVN (Subversion) no te puedes perder esta oportunidad para ayudarnos a traducir y colaborar con la comunidad Open Source.
Solo que traduzcas un fichero o una función eres más que bienvenido luego ya decidirás si quieres colaborar de forma constante o no.

Contacta conmigo para que te envié instrucciones a yago@php.net.

Si conoces a alguien que le pueda interesar, por favor reenvía este correo.

Saludos y gracias a todos!

Así que desde aquí os animo a que contacteis con yago para poder colaborar en este proyecto.

En mi opinión es una muy buena oportunidad y una buena ayuda para aquellos que no dominan tanto el inglés

UPDATE: Formación Profesional de Informática: SMR, ASIR, DAM y DAW

noreply@blogger.com (nax) — Wed, 10 Mar 2010 12:01:00 +0000

Ha día de hoy, en lo que Formación Profesional orientado a la informática se refiere, solo tenia conocimiento de 3 cursos.

1 de Grado Medio:

ESI: Explotación de Sistemas Informáticos.

2 de Grado Superior:

DAI: Desarollo de Aplicaciones Informáticas.
ASI: Administración de Sistemas Informáticos.

Es decir, en GS disponemos uno de Administración y otro de Programación, todo depende de hacia donde nos queramos decantar.
El lunes se abrieron las inscripciones a las pruebas de acceso a GS, así que ayer me disponía a inscribirme en ellas cuando de repente me encuentro con que DAI no era una opción a elejir, en cambio habia Desarollo de Aplicaciones Web (DAW) y Desarollo de Aplicaciones Multiplataforma (DAM).

Un poco desorientado, y otro tanto preocupado, esta mañana me dirijí a hablar con la jefa de estudios, que casualmente es la encargada del departamento de informática (o lo era el año pasado), y me comentó que este curso (2009-2010) es el último en el que se realiza DAI y nacen dos ramificaciones de este DAM y DAW.

La jefa de estudios ya me advirtió que aún siquiera saben si darán los dos cursos o solo uno, muy posiblemente DAM, (en ese centro obviamente) así que en ese momento toda la información que disponia era esa.

Así que hace un rato me puse a investigar en www.gencat.cat (la página de educación en Cataluña) y realmente no encontré nada sobre DAM ni DAW, buscaba el programa de estudios, calificaciones y demás...

Es decir, no solo en el instituto no saben que cursos van a hacer sino que el único sitio de cataluña donde encontré referencias sobre DAM y DAW fué en la inscripción a la prueba de acceso.

Así que opté por lo más fácil, buscar en el señor google, y los primeros resultados me llevan a Madrid más concretamente a ApiMadrid.org (Asosiación de Profesores de Informática de Madrid) encontré algún PDF y algun que otro comentario y más o menos pude hacerme a la idea de cómo funcionará el curso 2010-2011.

Cito textualmente la introducción del PDF:

Los cambios más significativos de los títulos LOGSE con respecto a los nuevos títulos LOE son debidos al nuevo marco de referencia: EL CNCP. Catálogo nacional de cualificaciones profesionales.

Formación Profesional Grado Medio (Técnico en...)

SMR (Sistemas Microinformáticos y Redes): substituye a ESI (Explotación Sistemas Informáticos)

Formación Profesional Grado Superior (Técnico superior en...)

ASR (Administración de Sistemas en Red: substituye a ASI (Administración de Sistemas Informáticos)
DAW (Desarollo de Aplicaciones Web): es un nuevo modelo
DAM (Desarollo de Aplicaciones Multiplataformas): substituye a DAI (Desarollo de Aplicaciones Informáticas)

Cito la nota de estos dos últimos:

DAW Y DAM tienen una estructura que permitiría su implantación estableciendo un 1º curso común para ambos títulos, y un 2º curso específico para cada título. La decisión última de la distribución de módulos en 1º y en 2º está en manos de lo que cada comunidad autónoma establezca.

También aclarar que ASR, DAW y DAM están pendientes de publicación en la BOE y puede que ese sea el motivo de la poca información de la que se dispone.

Es decir que muy posiblemente tengamos un 1er curso común tanto para DAM como DAW y un 2do curso a elección de los estudiantes, aunque la cosa está por ver aún.

El resto del PDF son datos sobre asignaturas y cambios respecto a sus antecesores, dejo el link para los interesados en cursar un Grado Superior en los cursos futuros:

Ponencias Informáticas y cualificaciones.pdf

Cómo actualizar a Simple Machines Forums 2.0 RC3

noreply@blogger.com (nax) — Tue, 09 Mar 2010 11:05:00 +0000

Hoy recibí el anuncio desde el foro de SMF sobre la disponibilidad de la nueva RC3.

Incluye 350 entradas en el change log, mayormente bugs.

Por lo tanto se recomienda su actualisación inmediata a usuarios de SMF 2.0 RC2 o inferior.

Ver anuncio de smf

Como actualizar mi versión RC2 a RC3?

Los pasos son muy sencillos, primero que nada vamos a la sección downloads de SMF y elejimos "large update" de la versión 2.0 RC3.

Subimos los archivos al servidor y entramos en update.php, se nos abrirá un panel donde nos pedirá los datos del administrador y podremos configurar un backup (recomendado).

Pasado este punto empezará el backup y luego el upgrade (tanto de DB como de Templates), una vez finalizado seleccionamos borrar update.php y ya tenemos el foro en la versión 2.0 RC3

9 sistemas de rankeo/votos para tu wordpress

noreply@blogger.com (nax) — Sun, 07 Mar 2010 13:54:00 +0000

Dejo esta lista de 9 buenos sistemas de votos y rankeo para wordpress sacados de "webdesignbooth"

1. JR_Ratings

2. WP-Polls

3. GD Star Rating

4. Democracy AJAX Poll

5. WP Easy Polls

6. SodaHead

7. PollDaddy Polls & Ratings

8. Star Rating for Reviews

9. Vote-The-Post

30 plantillas estilo de revistas para tu Wordpress

noreply@blogger.com (nax) — Sun, 07 Mar 2010 13:44:00 +0000

1. MagZine

Demo | Download and Details

2. Arras

Demo | Download and Details

3. Magazeen

Demo | Download and Details

4. Freemium

Demo | Download and Details

5. Magasin Uno

Demo | Download and Details

6. IsoTherm News

Demo | Download and Details

7. Marangal

Demo | Download and Details

8. Turnout Mag

Demo | Download and Details

9. Masunurin

Demo | Download and Details

10. Zinfolio

Demo | Download and Details

11. Grid Focus

Demo | Download and Details

12. Creativepress

Demo | Download and Details

13. Stitchpress

Demo | Download and Details

14. Brightness

Demo | Download and Details

15. Touchriver

Demo | Download and Details

16. Neptune

Demo | Download and Details

17. WyntonMagazine

Demo | Download and Details

18. Scarlett

Demo | Download and Details

19. The Masterplan

Demo | Download and Details

20. Solarpress

Demo | Download and Details

21. Mimbo

Demo | Download and Details

22. Arthemia

Demo | Download and Details

23. Chronicle

Demo | Download and Details

24. Premium News

Demo | Download and Details

25. ZinePress

Demo | Download and Details

26. Linoluna

Demo | Download and Details

27. Equilibrium

Demo | Download and Details

28. Glossy Magazine

Demo | Download and Details

29. The Unstandard

Demo | Download and Details

30. MegaNews

Demo | Download and Details

Fuente: wpcookies

Introducción a AJAX 2/2 Codigos de ejemplo

noreply@blogger.com (nax) — Sat, 06 Mar 2010 20:49:00 +0000

Antes de empezar esta segunda parte de la introducción a AJAX donde nos meteremos de lleno en la programación en sí y dejaremos de lado la teoría, querría prevenir a los lectores que en una primera lectura el código y los ejemplos no sean comprensibles, pero se les anima a releerlos e intentar trazarlos para así llegar a una mayor comprensión del algoritmo utilizado.

Funciones comunes

Primero que nada vamos a revisar las 2 funciones que usaremos siempre en nuestro sistema AJAX.

//Funciones comunes
function addEvent(elemento,nomevento,funcion,captura)
{
if (elemento.attachEvent)
{
elemento.attachEvent('on'+nomevento,funcion);
return true;
}
else
if (elemento.addEventListener)
{
elemento.addEventListener(nomevento,funcion,captura);
return true;
}
else
return false;
}

function crearXMLHttpRequest()
{
var xmlHttp=null;
if (window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else
if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
return xmlHttp;
}

La función addEvent se encarga de ejecutar una 'funcion' al suceder un 'evento' sobre un 'elemento' es decir si tenemos el boton1 y queremos que en la acción 'onclick' se ejecute la función 'comprobar()', lo llamaremos de la siguiente forma:

addEvent(boton1, 'click', comprobar, false);

La función crearXMLHttpRequest() es la encargada de crear nuestro módulo AJAX para hacer peticiones de fondo. Básicamente se crea una función gracias al "amado" Internet explorer que usa un ActiveX, el resto de navegadores utilizan windows.XMLHttpRequest como marcan los estándares.

Un primer ejemplo

Para un primer ejemplo vamos a utilizar un ejemplo muy básico utilizando ajax. El ejemplo contará con dos botones, uno nos dirá "Hola" y el otro "Adios". El código del HTML será el siguiente:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AJAX 1: Primer cÃ³digo con ajax</title>
<script language="javascript" src="ajax.js"></script>
</head>

<body>
<input type="button" id="bot1" value="Hola" />
<input type="button" id="bot2" value="Adios" />
<div id="contenedor" name="contenedor"></div>

</body>
</html>

Como se aprecia no hay nada del otro mundo, 2 botones y un div llamado contenedor, este div es el que albergará el contenido que nos retorne AJAX en su petición. Como nota, fijense que los botones no están dentro de un formulario, así que para usarlos usaremos eventos en javascript. Nuestro index.php también será muy simple:

<?php
if ($_GET['bt'])
echo "hola!";
else
echo "adios!";
?>

Como veis si la variable GET bt está definida o es 1 nos enviará "hola!" por pantalla, en caso de no estar definida o ser 0 nos enviará "adios!", es importante puntualizar que las salidas por pantalla como echo o printf son los datos que tomará AJAX y mostrará en nuestro HTML.
Este script puede ser, obviamente, una consulta SQL procesada mostrando el mensaje que queremos mostrar, haciendo un update, etc. Este ejemplo lo pongo como una idea muy básica y simple para que se pueda comprender Entonces ya solo queda revisar nuestro javascript, esta es la parte más complicada siempre y la que requiere mayor atención.

addEvent(window,'load',cargar,false);

function cargar() {
var bot1 = document.getElementById('bot1');
var bot2 = document.getElementById('bot2');
addEvent(bot1, 'click', conectarb1, false);
addEvent(bot2, 'click', conectar, false);

}

function conectarb1() {
var con = 1;
conectar(con);
}
var conexion;
function conectar(con) {
if (con != 1) {con = 0}

conexion = crearXMLHttpRequest();
conexion.onreadystatechange = procesarEventos;
conexion.open('GET', 'index.php?bt=' + con, true);
conexion.send(null);
}

function procesarEventos() {
var contenedor = document.getElementById('contenedor');
if (conexion.readyState == 4) {
contenedor.innerHTML = conexion.responseText;
}else {
contenedor.innerHTML = "loading...";
}
}

//Funciones comunes
function addEvent(elemento,nomevento,funcion,captura)
{
if (elemento.attachEvent)
{
elemento.attachEvent('on'+nomevento,funcion);
return true;
}
else  
if (elemento.addEventListener)
{
elemento.addEventListener(nomevento,funcion,captura);
return true;
}
else
return false;
}

function crearXMLHttpRequest() 
{
var xmlHttp=null;
if (window.ActiveXObject) 
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else 
if (window.XMLHttpRequest) 
xmlHttp = new XMLHttpRequest();
return xmlHttp;
}

En la primera línea podemos ver como se agrega un event, su tarea es llamar a una función que cargará los datos cuando el documento se termine de generar. La función que llamará es cargar() y es la que líneas más abajo vemos que recoge los dos botones y agrega dos eventos más (uno para cada botón). Que para el botón 1 llame a la función conectarb1() es por el simple motivo que no se me ocurrió un método más simple de comprobar que botón se había pulsado sin complicar el ejemplo más de lo necesario.

Lo único que hace es establecer una variable (con) en 1 en caso de que se pulse el botón uno, esta variable se enviará a nuestro index.php, por lo tanto si es 1 mostrará "hola!".
La función conectar() se encargará de crear el objeto AJAX y enviar los datos a nuestro index.php, pero antes comprueba que la variable con no sea uno, en caso de que no lo sea la establece en 0 para evitar errores.

Creamos el módulo AJAX en la variable conexión, este modulo tiene varias propiedades, entre ellas las más usadas son

conexion.onreadystatechange = procesarEventos;

Esta propiedad se encarga de almacenar la función que se ejecutará cuando el objeto AJAX cambie de estado.

conexion.readyState

Esta propiedad almacena el estado de la petición al servidor, los estados son 5:
-- 0 No inicializado (aún no se ha realizado una petición)
-- 1 Cargando (se ha llamado al método open)
-- 2 Cargando (se ha llamado al método send y ya tenemos la cabecera HTTP y el status)
-- 3 Interactivo (la propiedad responseText tiene datos Parciales)
-- 4 Completado (la propiedad responeText tiene todos los datos devueltos por el servidor)

conexion.responseText

Esta propiedad almacena los datos que nos da el servidor como respuesta a la conexión.

conexion.responseXML

Funciona de manera similar pero el script ha de retornarnos un XML

También contamos con dos métodos importantes

conexion.open

Abre la petición HTTP al servidor

conexion.send

Envía la petición HTTP al servidor

Con estos nuevos conceptos en mente volvemos a mirar la función conectar(), ahora sabemos que la línea

conexion.onreadystatechange = procesarEventos;

Llamará a dicha función cuando el readystate sufra un cambio, pero de momento no vamos a analizarla. Luego de almacenar la función procesarEventos abrimos la conexión con:

conexion.open('GET', 'index.php?bt=' + con, true)

El primer parámetro puede ser GET o POST y el segundo es la página que llamamos, en el caso de GET también agregamos las variables con sus valores. Hay quienes recomiendan crear una variable random para evitar la caché, haciendo algo así

var ran = Math.random()
conexion.open('GET', index.php?bt' + con + '&' + ran + '=' + ran, true);

En la última línea de esta función, finalmente, enviamos todo al servidor junto con un null al método .send Ahora sí vamos a analizar la función procesarEventos()
Primeramente capturamos el contenedor donde vamos a mostrar los datos.
Acto seguido, comprobamos el readyState de la conexión, si este es 4 mostraremos el valor que nos devolvió el script index.php con la propiedad responseText y sinó mostraremos un mensaje personalizado, en este caso "loading..."

En localhost quizá el "loading.." casi no llega a apreciarse, por lo que resulta una buena idea poner un sleep(3); en el index.php para notar su efecto.

También podemos agregar una imagen así:

contenedor.innerHTML = '';

Aquí acaba la iniciación a AJAX, en un próximo capítulo hablaremos del método POST y de algún que otro ejemplo e ideas sobre donde aplicar AJAX.

Nota: el código JavaScript de este tutorial fue extraido y adaptado de ajaxya.com con algunas modificaciones de mí parte para simplificarlo.

30 plugins útiles para Administradores Wordpress

noreply@blogger.com (nax) — Sat, 06 Mar 2010 20:26:00 +0000

1. FireStats y FireStats Charts

2. Custom Admin Branding

3. Post Video and Photo Galleries

4. Login with Ajax

5. Google Analyticator

6. Admin Management Xtended

7. Admin Menu Editor

8. Database Size WordPress Plugin

9. Hide Admin Panels

10. Favicons Chooser

11. Post Ideas

12. Broken Link Checker

13. Digital Raindrops Style Sheet

14. AdRotator

15. WP Super Cache

16. Genki Pre-publish Reminder

17. WP Grins

18. WP Super Editor

19. Plugin Installer

20. Batch Categories

21. Ajax Spell Checker

22. Custom Write Panel

23. Google Sitemaps Generator

24. Share This

25. Site Unavailable

26. Fluency

27. Simply Tags

28. Adminize

29. Quick Menu

30. Admin Notepad

Fuente: 1stwebdesigner

5 plugins para hacer buckups de tu Wordpress

noreply@blogger.com (nax) — Sat, 06 Mar 2010 13:39:00 +0000

1. WP-DB-Backup

2. Wordpress EZ Backup

3. Wordpress Backup

4. DBC Backup

5. Remote Database Backup

Fuente: wpcookies

Top 10 addons SEO para Joomla

noreply@blogger.com (nax) — Fri, 05 Mar 2010 13:38:00 +0000

. SEOSimple

Un complemento que se encarga de poner tus meta en todas las noticias y páginas de joomla

Precio: Free

2. ARTIO JoomSEF

Un sistema de pretty url's

Precio: Free

3. Missing Metadata Module

Otro addon encargado de tus metas

Precio: Free

4. Joomap

Creador de sitemaps

Precio: Free

5. Auto-Frontpage

Es un sistema encargado de mantener tu página inicial como a google le gusta, si publicas una noticia nueva este se encarga de publicarla sin ningún tipo de error y si hace tiempo que no publicas nada, se encarga de publicar un articulo antiguo.

Precio: Free

6. Website Name

Sirve para poner el titulo de tu website en cada página para optimizar la búsqueda en SEO

Precio: Free

7. JoomSEO

Se encarga de poner los meta keywords

Precio: Free

8. SEO Canonicalisation

Auto redirección al host elejido sin necesidad de htaccess.

Precio: Free

9. Title Manager

Sirve también para agregar en el title el nombre de tu página.

Precio: Free

10. Unicode Slugs

Carácteres unicode para tus url

Precio: Free

Fuente original: webdesignbooth

50 animaciones sorprendentes con CSS3 !!

noreply@blogger.com (nax) — Thu, 04 Mar 2010 13:51:00 +0000

1. CSS3 Clock With jQuery

2. Analogue Clock

Analogue clock created using webkit transition and transform CSS. JavaScript is only used to pull in the current time.

3. 3D Cube That Rotates Using Arrow Keys

4. Multiple 3D Cubes (Slide In/Out)

5. CSS3 Accordion

6. Auto-Scrolling Parallax

7. Isocube

8. Image Gallery

9. Matrix

10. 7 Javascript-effect Alternatives Using CSS3

11. Image Hover Effects

12. Turning Coke Can (Control With Scrollbar)

13. 3D Meninas

14. Polaroid Gallery

15. Space

16. Mac Dock

17. Drop-In Modals

18. Sliding Vinyl

19. Zooming Polaroids

20. Animated Rocket

21. Poster Circle

22. Morphing Cubes

23. Animated Polaroid Gallery

24. Spotlight Cast Shadow

25. Colorful Clock

26. Lightbox Gallery

27. Elastic Thumbnail Menu

28. Coverflow

29. jQuery DJ Hero

30. Dynamic Stacking Cards

31. Another Image Gallery

32. Snow Stack (Control With Arrow Keys)

33. Animated Pricing Column

34. Slick jQuery Menu

35. CSS Tabs Without Javascript

36. Tab Menus Without Javascript

37. SVG Fisheye Menu

38. Falling Leaves

39. Rotating Gallery

40. Dropdown Menu

41. Star Wars Crawl

42. Sticky Notes

43. Snowflakes

44. Another Fisheye

45. Frame-by-Frame Animation

46. AT-AT Walker

47. Another Accordion

48. Dynamic Presentation Without Flash

49. Smoothie Slider Menu

50. Spinner

Fuente: 1webdesigner

PHP ocupa el 3er puesto en la tabla de lenguajes mas usados de Febrero

noreply@blogger.com (nax) — Wed, 03 Mar 2010 11:26:00 +0000

Haciendo un pequeño review a las gráficas que sacó TIOBE hace escasos días me llevo una grata sorpresa en cuanto al progreso de PHP que voy a compartir con vosotros.

Tomemos una primera idea del progreso de PHP a lo largo del mes con esta primera imagen:

Como se puede apreciar PHP sube 2 posiciones frente a C++ y Visual Basic. A destacar también que progresa un 1.22% frente a Febrero del año pasado.
Como curiosidad vemos que Java baja un -2.05% frente al año pasado y en las gráficas se puede ver como está tendiendo a perder su popularidad:

En la siguiente imagen podemos ver como PHP ha ido mejorando su "status" desde el año 2000 pasando de una 17ª posicion a un respetable 3er puesto.

PHP fué nombrado en el año 2004 como lenguaje del año y este año pasado go (el lenguaje de google) fue el que se llevó dicho reconocimiento.

Introducción a AJAX 1/2

noreply@blogger.com (nax) — Mon, 01 Mar 2010 12:45:00 +0000

¿Qué significa AJAX?

Si bien mucha gente ha escuchado alguna vez en su período como programador web la palabra AJAX pocos saben que significa. Ajax es el acrónimo de Asynchronous Javascript And XML es decir, Javascript asíncrono y XML.

Según la RAE la definición de asíncrono es:
"Se dice del proceso o del efecto que no ocurre en completa correspondencia temporal con otro proceso u otra causa."

Es decir mientras trabajemos con ajax, Javascript no cargará ciertas informaciones cuando se carga la página principal sino cuando sean requeridas (Javascript asíncrono)

Pero, ¿Qué es realmente AJAX?

Como su propio nombre indica AJAX no es una sola tecnología sino que es la unión de muchas tecnologías muy populares que trabajan de forma conjunta logrando un potencial realmente increíble en una página web.

Las tecnologías que intervienen en AJAX son:

Javascript
HTML
XML
CSS
PHP
ASP

No todas son necesarias para el desarrollo óptimo de nuestra aplicación con AJAX pero si se recomienda su conocimiento.
Las más utilizadas son: Javascript, HTML, PHP y CSS, para estructuras de datos grandes se usa mucho XML.

¿Cómo funciona?

Quizá podamos simplificar la explicación imaginando iframes. El uso de iframes nació como una buena alternativa (ya prácticamente obsoleta) de mantener una sección de la página estática y solo recargar el resto.
Un ejemplo muy clásico es el menú de una web en un iframe y en otro iframe la web en sí.

Como ya he dicho esta práctica está casi obsoleta, pero AJAX tiene un concepto similar.
Con AJAX tenemos la posibilidad de consultar/mostrar/enviar datos sin necesidad de recargar la página por completo y en "background".

Un ejemplo simple puede ser el envío de un comentario.
En vez de actualizar por completo la página ejecutamos un script que nos envíe "de fondo" el comentario y a la vez lo cargue en nuestra página para su visualización.

Hay ciertas ventajas, así como desventajas.

Entre las ventajas podemos encontrar:

Mayor velocidad en la carga de la página: Siguiendo el ejemplo anterior, al no tener que cargar la página por completo al enviar el mensaje el tiempo de carga disminuye bastante.
Menos transferencia de datos en el servidor: Por el mismo motivo que nuestra web nos ofrece mayor velocidad, también nos ofrece una transferencia de datos menor a la correspondiente sin dicha tecnología.

Entre las desventajas podemos encontrar:

Pérdida del concepto "atras": Con esta tecnología el concepto de atrás se pierde, depende donde apliquemos AJAX ésta no nos afectará.
Marcadores indirectos: Ésta se produce en páginas completamente con AJAX como podria ser Gmail. Al crear un marcador, por ejemplo, en el correo 23 y abrir dicho marcador, este nos lleva a la página principal de Gmail y no a dicho mensaje.

¿Quién usa AJAX?

Hay muchas empresas que a día de hoy usan AJAX, algunas de ellas pueden ser:

Google (Orkut, Gmail, Google Groups, Google Map, Google Suggest)
Flickr (algunas funciones)
Amazon (motor de búsqueda)

Introducción a AJAX 2/2 (En redacción)

Entradas recomendadas: Febrero

noreply@blogger.com (nax) — Mon, 01 Mar 2010 11:46:00 +0000

Este mes ha habido más de 15 feeds diarios por lo que una selección básica se me hace difícil espero no dejarme ninguno importante:

Programación:

Seguir traza de tus scripts
Comentarios condicionales de IE
PHP File Upload
Resetear autoincrement de MySQL
Best PHP Frameworks To build quickly complex web app
Free JS WYSIWYG Editor
Stop Spammer with Blacklist
Open Source Mysql Backup APP
Videos de seguridad para desarrolladores

SEO:

Los 200 parámetros del algoritmo de google
Open Site explorer. Herramienta para analizar enlaces y popularidad
Monitoreo Web con Specto
Recursos SEO Goggle para principiantes

Ubuntu:

Remover repositorios PPA
Actualiza tu ubuntu

Redes Sociales:

Rumor: twitter sin mysql?

Otros:

Firefox 3.6 Personalisación con Personas
Alternativas a Chrome más seguras
IfreeTable vs Ipad
[Humor] Tú que sabes de esto, ¿Me ayudas?

Por supuesto hay muchos más... pero tampoco tengo espacio para meterlos todos :P

Saludos

PHP 5.2.13 Release parchea 30 bugs y medidas de seguridad

noreply@blogger.com (nax) — Fri, 26 Feb 2010 23:43:00 +0000

PHP.net anunciaba hoy la salida de la versión 5.2.13 de PHP solucionando más de 30 bugs en el funcionamiento de PHP y reparando algunas fallas de seguridad.

Entre ellas errores en las funciones strip_tags, DOMDocument::LoadXML, filter_input, etc..

Se recomienda, como en cada nueva versión la actualisación de los sistemas PHP 5.x.x

Reporte de PHP.net

SyntaxHighlighter formata tus códigos de forma sencilla.

noreply@blogger.com (nax) — Fri, 26 Feb 2010 16:26:00 +0000

Hace ya mucho me vi en la obligación de crear un pequeño script para formatar correctamente códigos y así poder publicarlos en blogger.

Hace uno o dos días, hablando con yoyahack me explicó que existia una alternativa para "colorear" los códigos en tu blog o web independientemente del cms o la distribución.

Su nombre es SyntaxHighlighter

Su instalación es simple, solo debemos agregar estos códigos js en nuestras cabeceras:

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeRDark.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'></script>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'></script>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>

y a la hora de redactar encerraremos nuestro códgio entre:

<pre class="brush: js">

</pre>

o

<pre class="brush: php">

</pre>

Hay más lenguajes que estos dos, solo son los que yo uso más... también podemos omitir los scripts js de los lenguajes que no vayamos a utilizar.

El único inconveniente es que aún necesitamos un pequeño script para hacer la función htmlentities() y así no tener problemas con los símbolos < >.

El script que yo uso es:

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" style="margin-bottom:40px">

<div id="formulario">

<textarea rows="20" cols="80" name="codigo"></textarea> <br />
<input type="submit" name="enviar" value="Formatear" /></div>

</form>

<?php

if (!empty($_POST['codigo'])) {

$codigo = $_POST['codigo'];
$codigo = str_replace("t", " ", $codigo);
$codigo = htmlentities(stripslashes($codigo));

$file = fopen("tmp.txt", "w");
fwrite($file, $codigo);
fclose($file);

$lineas = file('tmp.txt');
unlink('tmp.txt');

for ($i = 0; $i < count($lineas); $i++)
$resultado = $resultado.htmlentities($lineas[$i])."<br />";

echo '<h3> Inserta ste codigo en tu site: </h3>' .$resultado.'</div>';
}

?>

Eso es todo.

nax

Sistema de coordenadas y representación de puntos en esta [PHP y 1/2 Ajax]

noreply@blogger.com (nax) — Thu, 25 Feb 2010 13:45:00 +0000

El script nace con la idea de crear una representación de rectas según una equación tipo: y = 5x+2

La idea era generar dinámicamente una gráfica donde se representara dicha recta y se calcularan diversos valores como su pendiente y una tabla de valores.

También incluía un sistema ajax con un panel bastante completo para representar puntos, rectas y vectores y poder trabajar con los mismos en tiempo real, es decir, cada ves que se modifica un valor la imagen se actualiza.

El problema surge cuando me entero que js no puede convertir el binario de mi php a una imagen.. ahí se arruina la idea, al menos de momento.

Ideo una segunda forma, guardar el .png y cargarlo en el mismo script y devolver el string listo para insertar en el html. Perfecto! se carga la imagen sin problemas, pero no se actualiza al enviar las coordenadas... así que el sistema ajax a la porra hasta que encuentre un método eficaz para actualizar la imagen...

Así que de momento el script se queda en un simple sistema de coordenadas al cual hay que hacer un 'refresh' cada vez que se quiere modificar la imagen, eso si, la primera ves la carga con ajax o.O"

El script:

- Geometria.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Graficas by Nax</title>
<script language="javascript" src="ajax.js"></script>
</head>

<body>

<div id="opciones">
<b>Puntos:</b><br />
Inserta los puntos (0,0):<br />
<textarea name="puntos" id="puntos" cols="10" rows="5">0,0</textarea><br /><br />
<input type="button" id="enviar" value="Crear" />
</div>

<br />
<br />
<div id="grafica">Aqui va la grafica</div>
</body>
</html>

- ajax.js

addEvent(window,'load',cargar,false);

function cargar() {
var but = document.getElementById('enviar');
addEvent(but, 'click', creargrafica,false);
}

function enviarcomentario(e) {

if(window.event)
window.event.returnValue = false;
else
if (e)
e.preventDefault();
enviarFormulario();
}

var conexion;
function creargrafica() {
var points = document.getElementById('puntos');
var ran = Math.random();
conexion=crearXMLHttpRequest();
conexion.onreadystatechange = procesarEventos;
conexion.open('GET','grafica.php?points=' + encodeURIComponent(points.value) + '&'+ ran + '=' + ran, true);
conexion.send();

}

function procesarEventos() {
var graf = document.getElementById('grafica');
if (conexion.readyState == 4) {
graf.innerHTML = conexion.responseText;
} else{
graf.innerHTML = "wait";
}

}

//Funciones comunes de ajax
function addEvent(elemento,nomevento,funcion,captura)
{
if (elemento.attachEvent)
{
elemento.attachEvent('on'+nomevento,funcion);
return true;
}
else
if (elemento.addEventListener)
{
elemento.addEventListener(nomevento,funcion,captura);
return true;
}
else
return false;
}

function crearXMLHttpRequest()
{
var xmlHttp=null;
if (window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else
if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
return xmlHttp;
}

- grafica.php

<?php
@unlink('test.png');

$points = explode(' ',preg_replace('/rn|r|n/',' ',$_GET['points']));

$y = 400; $y0 = $y / 2; //coordenadas 0,0
$x = 500; $x0 = $x / 2;

$cm = 10; //1 cm = 10 px

//basic
$img = imagecreate($x,$y);
$background = imagecolorallocate($img, 0, 0 , 0);
$color = imagecolorallocate($img, 255, 255, 255);
$green = imagecolorallocate($img, 50, 255, 0);
$red = imagecolorallocate($img, 255, 50, 0);

imagestring($img, 2, 10 ,$y-50, "http://nax-syntaxerror.blogspot.com/", $red);
//ejes basicos
imageline($img, $x0, 0, $x0, $y, $color);
imageline($img, 0, $y0, $x, $y0, $color);

// Lineas de X
for ($i = 0; $i <= $x; $i +=10)
imageline($img, 0+$i,$y0+5,0+$i, $y0-5, $color);

//Lineas de Y
for ($i = 0; $i <= $y; $i += 10)
imageline($img, $x0+5, 0+$i, $x0-5, 0+$i, $color);

//puntos
foreach ($points as $key => $value) {
$ejes = explode(',', $value);
$ejes[0] = $ejes[0] * $cm; $ejes[1] = $ejes[1] * $cm;
imageline($img, $x0+$ejes[0], $y0+(-$ejes[1]), $x0+$ejes[0], $y0+(-$ejes[1])+3, $green);
}

imagepng($img,"test.png");
echo '<img src="test.png" />';
imagedestroy($img);
?>

Cualquier duda o aporte es bien recibido
nax

Criptografía escalar [ PHP ]

noreply@blogger.com (nax) — Wed, 24 Feb 2010 21:44:00 +0000

Sería muy osado por mi parte decir que el método es mío, aunque quizá lo sea, la verdad se me ocurrió en clase de matemáticas.

El método se basa en el cálculo del producto escalar mediante dos vectores y me atrevo a decir, sin demasiado convencimiento, que es de vía única pero que los expertos comenten…

Un ejemplo:

Teniendo los vectores v(1,3) y w(2,1).

El producto escalar se calcula de la siguiente forma:
v*w = (1*2) + (3*1) = 2 + 3 = 5

Esta fórmula de vectores y puntos la aplicamos a una serie de símbolos siguiendo estructuras de vectores.

Es decir, a cada símbolo le asignamos un valor y dos símbolos representan un vector.

La cadena de símbolos es la siguiente:

!"#$%&'()*+-./0123456789:;<=> ?@ABCDEFGHIJKLMNOPQRSTUVWX YZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~

Siguiendo el orden de la tabla ascci y quitando algún que otro carácter.

Así en la cadena “Programmers Team”

Los 2 primeros vectores son:
v = (p,r)
w= (o,g)

Los substituimos por su correspondiente valor numérico v=(78,80), w=(77,69) {si no me equivoqué} y se aplica la fórmula.

v *w = (78*77) + (80*69) = 6006 + 5520 = 11526

La conversión toma de dos en dos números. 11 (-), 52 (V), 6 (')

siendo su conversión a string -V'
En definitiva, la encriptación escalar de Prog es -V’
De Programmers team |`!+j&-(T;!
De Latino Hack q3!oI!!
De Bl4ck-P0rtal Wx!C\!-+)
de CUH .X!
y para finalizar de ~ Syntax - Error ~ -j)oO!{^!!

Ahora solo resta dejar el código:

 <?php 

form(); 

$cad = explode(' ',"! \" # $ % & ' ( ) * + - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [  ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~"); 

$men = str_replace(' ','',$_POST['message']); 



for ($i = 0; $i < strlen($men); $i += 4) { 

   $cod = substr($men, $i, 4); 



   for ($x = 0; $x <= 3; $x ++) { 

      if (! $cod[$x]) { 

         $cod[$x] = "!"; 

      } 

   } 



   $v1 = explode(',',array_search($cod[0], $cad).','.array_search($cod[1], $cad)); 

   $v2 = explode(',',array_search($cod[2], $cad).','.array_search($cod[3], $cad)); 

    

   $escalar = $v1[0] * $v2[0] + $v1[1] * $v2[1]; 



   for ($y = 0; $y <= strlen($escalar); $y += 2) 

      $final .= $cad[substr($escalar, $y, 2)]; 



} 



echo '<b>Resultado encriptado:</b><br />'.$final; 



function form() { 

   echo '<form action="'.$_SERVER['PHP_SELF'].'" method="post"> 

         Mensaje: <input type="text" name="message" value="'.$_POST['message'].'" /> 

         <input type="submit" name="send" value="Enviar"> 

        </form> 

   ';    

} ?>

Cualquier duda, sugerencia o comentario es bien recibido

Apple Safari 4 y Google Chrome 4 CSS style Stack Overflow Dos/Poc

noreply@blogger.com (nax) — Wed, 24 Feb 2010 19:18:00 +0000

Hace cosa de 2 horas me llegaba este retweet de Dragon sobre esta vulnerabilidad.

Lastimosamente tengo el chrome 5 y no dispongo de safari así que no lo he probado.

Link del exploit: http://url4.eu/1TCJS

Trabajando con Subversion

noreply@blogger.com (nax) — Wed, 24 Feb 2010 19:13:00 +0000

Este es un articulo que escribí para el Programmers Team, dejo una parte y el link debajo.

Qué es subversión?

Según Wikipedia Subversión es un software de sistema de control de versiones.
Un sistema de control de versiones (RCS) es una implementación de software para el control de versiones que automatiza las tareas de guardar, recuperar, registrar, identificar y mezclar versiones de archivos.
Es decir, con SVN podemos llevar un registro de quien efectuó que cambio a cual archivo y cuando lo efectuó. En definitiva es una herramienta ideal para el trabajo en equipos de desarrollo.

Porqué usar subversión?

Como he dicho, su principal ventaja es que nos proporciona un control absoluto de los cambios que el software ha sufrido, quien los ha realizado y cuando. Aparte de estas características también podemos acceder a cualquier revisión que necesitemos con unos simples clics.
Por ejemplo si desarrollamos un software y descubrimos que a partir de la versión 23 hay un bug que nos obliga a replantearnos completamente la estructura, en dicho caso podemos volver a la versión 23 y seguir desarrollando a partir de esta.

Qué necesito para usar subversión?

Para utilizar repositorios SVN necesitaremos un host:

Google code
Source Forge

Hay muchos más, pero estos son los que a mí me han gustado.
Un cliente de subversión, a mi parecer el mejor es TortoiseSVN

Estructura de nuestro Repositorio SVN

La estructura de un SVN es completamente libre, pero se suele seguir este modelo:
Repositorio SVN (/):

Trunk: El tronco es la carpeta donde se ejecutan todas o casi todas las modificaciones del software, se podría considerar la carpeta de desarrollo.
Tags: La etiqueta se utiliza para almacenar una versión estable o con un objetivo importante realizado.
Branches: Las ramas se utilizan cuando queremos implementar una característica al proyecto pero no queremos hacerlo en el Trunk dada su magnitud.

Trabajar con nuestro Repositorio

Una vez creado nuestro repositorio e instalado nuestro cliente vamos a aprender a crear, configurar y trabajar con nuestro repositorio.

Crear un repositorio

Para crear el repositorio creamos una carpeta donde queremos tenerlo, en mi caso en mi localhost.
Clicamos el botón derecho y elegimos la opción SVN Checkout

En la ventana que se nos abrirá ponemos la url de nuestro host SVN agregando /trunk, ya que tomaremos y guardaremos los datos en la carpeta de desarrollo.

Recibir y enviar archivos

El comando para recibir los archivos se llama “SVN Update” así que en nuestra carpeta hacemos clic derecho y elegimos dicha opción.
Y se nos abrirá un cuadro de texto dándonos un reporte de los archivos que se modificaron, agregaron o borraron y la versión que disponemos.

En mi caso no se habían ejecutado por lo que no hay archivos y solo me indica la versión actual.
Para enviar los archivos usamos la opción “SVN Commit”, así que ejecutamos dicha acción.
La ventana que se nos abrirá contiene 2 secciones. En la primera podemos agregar un mensaje a la nueva versión del repositorio, normalmente se escribe un texto explicando los cambios, o podemos agregar un mensaje anterior con el botón “Recent Message”.
En la segunda sección tenemos una lista con todos los archivos, si no recuerdo mal dispone de 3 status:

--- Leer completo en Programmers Team Blog ---

Ausente y buscado colaborador

noreply@blogger.com (nax) — Fri, 19 Feb 2010 22:24:00 +0000

Bueno al abrir el blog creo que pensé en una via de expresar mis conocimientos y dejar constancia de ellos...

A la ves a sido una forma de practicar un poco de SEO y ver los resultados de diversas estrategias de posicionamiento.

Durante estos 3 o 4 meses que he tenido el blog puedo decir, orgulloso, que he ido incrementando lectores poco a poco (nada exajerado pero yo no esperaba ni 5 personas).
También puedo decir que mis conocimientos se han ido incrementando a causa de este blog.
La necesida de conocer más para poder contarselo al que le interesa me ha dado las ganas de seguir avanzando y no estancarme.

Por todo ello me da cierta pena que, por motivos de estudio, este blog tenga que estar parado durante dos meses. Si que actualizaré cada semana un par de artículos, pero no los 2 artículos por día que llevaba este mes.

Por dichos motivos he pensado que seria buena idea tener un co-productor en el blog.
Es decir, si algún lector de este blog tiene ganas de escribir sobre Programación Web, SEO, vulnerabilidades o cualquier otra temática que involucre directamente el Webmastering que se ponga en contacto conmigo en esta entrada y llegaremos a un acuerdo para ser co-productor de forma indefinida.

Mientras tanto y hasta abril yo me despido y prometo, al menos, esos 2 aportes mensuales.

Un cordial saludo
nax

Vulnerabilidad en Wordpress 2.9

noreply@blogger.com (nax) — Mon, 15 Feb 2010 20:41:00 +0000

Thomas Mackenzie ha encontrado un bug del tipo Failure to Restrict URL Access en Wordpress 2.9 y superiors.

Los post que están en la basura pueden ser cambiados de usuarios por usuarios logueados en el sistema. Este problema sólo afecta a aquellos sitios que tengan escritores y colaboradores ajenos al círculo íntimo del blogger principal. No es un error de importancia para aquellos blogs como este en el que escribimos un número reducido de personas y que además todas somos administradoras.

Fuente: Segu-info y Linux Hispano

Uniform: Forms elegantes con JQuery

noreply@blogger.com (nax) — Sun, 14 Feb 2010 15:51:00 +0000

Hace unos días me llego un tweet sobre este script de JS.

Se trata de dar un punto de vista diferente a nuestros formularios, algo elegante, simple y vistoso.

La demo así como la descarga se encuentran en su página oficial:

Uniform - Sexy forms with jQuery

Minify para PHP [Optimización SEO]

noreply@blogger.com (nax) — Sat, 13 Feb 2010 11:14:00 +0000

Minify es una APP para PHP 5 que nos ayudará a seguir muchas de las reglas SEO de Yahoo!

Combina muchos archivos CSS y JS, elimina espacios en blanco y comentarios innecesarios y los deja en el servidor con compresión gzip y unos headers óptimos para el cliente.

Esto se resume en mayor velocidad de carga y cumplimiento de las reglas SEO de yahoo!

Antes de usar Minify:

Después de su uso:

El proyecto se publicó recientemente en google code: Minify on google code

Previsualizar un formulario mediante JavaScript

noreply@blogger.com (nax) — Thu, 11 Feb 2010 16:16:00 +0000

Hoy me pidieron ayuda con este código y lo dejo por si a alguien le es de utilidad.

Lo que hace es mostrar un "preview" de los datos de un formulario usando la propiedad .innerHTML

 <html> 
<head> 
</head> 
<script language="javascript"> 
 
function preview() { 
   div = document.getElementById('previewform') 
   text = "----------------" +  
         "<br /> Formulario <br />" + 
         "Nombre: " + document.forms.form1.nomb.value + 
         "<br />Apellido: " + document.forms.form1.apell.value + 
         "<br />----------------"; 
   div.innerHTML = text; 
 
} 
</script> 
 
<body> 
 
<form id="form1" name="form1" method="get" action="pagina.php"> 
 <p><strong>TÃº Nombre:</strong><input type="text" name="n" id="nomb"></p> 
<p><strong>TÃº Apellido:</strong><input type="text" name="a" id="apell"></p> 
<input type="submit" value="Enviar" style="font-family: Verdana; font-size: 12px; text-align: center; width: 80; height: 25; font-weight: bold"><br> 
<input type="reset" value="Borrar" style="font-family: Verdana; font-size: 12px; text-align: center; width: 80; height: 25; font-weight: bold"> 
<input type="button" value="Preview" style="font-family: Verdana; font-size: 12px; text-align: center; width: 80; height: 25; font-weight: bold" onclick="javascript:preview()" /> 
</center> 
</form> 
 
<div id="previewform"> </div> 
</body> 
 
</html>