Busco gente entendida en temas que se tratan en este blog: CodeIgniter, PHP, XHTML, CSS y cualquier cosa relacionada con el mundo web, que les gustaría participar en este blog como escritores y colaboradores.

Incluso si tenéis alguna sugerencia sobre algún tema nuevo a tratar no seguro que podemos llegar a un acuerdo. Venga animo y apuntaros!

Nos encontramos 4 links con tutoriales bastantes bien explicados (en ingles) de como aprender a usarlo. Por lo que he podido ver básicamente es añadir una librería y configurarla con los 4 parámetros que nos da Facebook, por todo lo demás no parece que haya muchas mas complicaciones.

Si puedo intentaré escribir algún articulo al respecto.

• Junal on the Run – A sample Facebook application with CodeIgniter.
• IT Project Management – Facebook & CodeIgniter – Definitive Guide
• pb – Code Igniter Facebook Connect/Application Library
• Elliot Haughin – Facebook Connect CodeIgniter Library

Si mas no es interesante echarle un vistazo a estas herramientas, ya que así podemos ver como están hechas las aplicaciones reales puesto que aquí normalmente trabajamos sobre tutoriales de ejemplos simples de aplicaciones.

XtraUpload, que asi se llama la aplición está escrito en PHP usando, como ya hemos dicho, el Framework de CodeIgniter. Tiene todas las caracteristicas que te esperarías para este tipo de paginas:

• Control de usuarios, tanto gratuitos como “Premium”.
• Usuarios Premium tienen opciones interesantes adicionales.
• Puedes especificar tipos de fichero, tamaños y en general configurar la aplicación a tu gusto.
• Permite pagos con PayPal y otros.

Lo interesante tambien de estas aplicaciones es indagar un poco en el codigo y ver como hacen determinadas cosas, como utilizan ciertas librerias, tanto de CodeIgniter como creadas por ellos mismos. Yo os recomiendo que echeis un vistazo de:

• Como está hecho todo el tema de verificación de usuarios (login, etc..)
• Todo lo referente a las descargas de archivos, control deMB bajados, y otras caracteristicas
• Como hacen para conectar con las pasarelas de pagos de PayPal, 2CheckOut, MoneyBrokers, StormPay y eGold.
• Upload, como lo gestionan, como lo controlan, etc.
• Como funcionan con los templates y themes.

Yo la verdad que le he pegado un vistazo y he encontrado muchas cosas interesantes, y esta es otra manera de aprender.

Por suerte CodeIgniter nos trae de la mano una buena herramienta llamada ‘Hooks’ o ganchos, que simplemente nos permite hacer eso, ejecutar determinadas funciones en un determinado momento.

El “determinado momento”, básicamente puede ser:

• pre_system: al principio de la ejecución del sistema, sin haber cargado básicamente nada.
• pre_controller: ejecutar antes de cargar el controlador, una vez cargadas las librerías y todo el systema básico.
• post_controller_constructor: justo se ejecutar tras el constructor del controlador pero antes de cualquier función.
• post_controller: se ejecutará una vez lo haya hecho el controlador.
• display_override: esto es para sobrescribir la función que nos muestra la pagina finalizada en el navegador.
• cache_override: lo mismo pero para la función de cache, nos permite sobreescrivirla.
• scaffolding_override: para crear nuestro propio scaffolding.
• post_system: ejecutará el código al final de todos los procedimientos.

En la user_guide de Codeigniter podréis encontrar esta información más extendida.

Bien, para que quede más claro, vamos a ver un ejemplo. En este caso supondremos que estamos trabajando en una página web multilenguaje. Y queremos crear un ‘hook’ que nos lea una variable de sesión que contiene el idioma que hay seleccionada y con eso nos cargue el idioma especificado (para los que no sepáis como funciona la “language class”, echarle un vistazo en la guía).

Antes de empezar, necesitaremos activar los hooks en el config.php:

$config['enable_hooks'] = TRUE;

Luego, accedemos al archivo “config/hooks.php”, y ahí definiremos nuestro hook y sus propiedades.

/*
| -------------------------------------------------------------------------
| Hooks
| -------------------------------------------------------------------------
| This file lets you define "hooks" to extend CI without hacking the core
| files.  Please see the user guide for info:
|
|	http://codeigniter.com/user_guide/general/hooks.html
|
*/

$hook['post_controller_constructor'] = array(
                                'class'    => 'Estado',
                                'function' => 'idiomas',
                                'filename' => 'estado.php',
                                'filepath' => 'hooks'
                                );

/* End of file hooks.php */
/* Location: ./system/application/config/hooks.php */

En este caso podemos observar como usamos el evento “post_controller_constructor”, de manera que nos cargará justo después del constructor pero antes de cualquier función, por lo que será perfecto para definir en que idioma tenemos que trabajar.

Class: nos define que clase tenemos que cargar. Como veréis en el código mas adelante, vamos a cargar una clase que se llama Estado.

Function: como se llama la función que vamos a cargar, que por supuesto estará dentro de nuestra clase especificada.

Filename: en que archivo se encuentran la clase y la función especificada anteriormente? Ese archivo deberá ir colocado en “application/hooks”, en nuestro caso es “estado.php”.

Filepath: aquí definimos en que carpeta se encuentra nuestro archivo. Por defecto mira en la carpeta “hooks”, aunque podéis cambiar esto por “controllers” o algo así, aunque yo os recomiendo mantenerlo en “hooks” para tenerlo mas ordenado.

Una vez tenemos esto, procedemos a crear nuestro código

	if(!defined('BASEPATH'))
		exit('No direct script access allowed');

	class Estado
	{
		function idiomas()
		{
			$CI =& get_instance();

			$lang = $CI->session->userdata('idioma');
			if(empty($lang))
			{
				$lang = "spanish";
				$CI->session->set_userdata(array('idioma'=>'spanish'));
			}

			$CI->lang->load('global', $lang);
		}
	}

Como podéis ver, este código es muy simple. Recogemos el valor de una variable ’session’, hacemos una comprobación por si no existe y creamos una por defecto, luego cargamos el idioma según esa variable.

Bueno espero que con el ejemplo haya quedado claro, seguro que le encontráis muchas funcionalidades, la verdad es que son muy útiles.

Podemos pensar en ir a la carpeta “system” ahí buscar el helper y modificarlo. Si, se puede hacer pero es una manera muy “guarra” de proceder, básicamente por dos razones:

• Nos actualizan el CodeIgniter y coincide que modifican ese helper, vamos a tener un problema.
• Queremos reutilizar código, es muy engorroso ir haciendo copy&paste de funciones de algunos helpers.

Por ello, CodeIgniter nos da una herramienta para poder hacerlo y a la vez evitar estos problemas. Es tan fácil como añadir un fichero en la carpeta “application/helpers” que se llame “MY_<nombre_del_helper_a_extender>.php”.

Nota: el prefijo MY_ se puede cambiar por otro que queramos (que no sea CI, ya que es el que usa el sistema) en el config.php.

Veamos un ejemplo, queremos  añadir una nueva función al array helper que nos servira para codificar en utf8 (muy util, por cierto para los tipicos $_POST). Vamos a proceder en crear un archivo que se llame “MY_array_helper.php” en la carpeta “application/helpers” tal y como hemos comentado.

Añadiremos este codigo:

< ?php
	if(!defined('BASEPATH'))
		exit('No direct script access allowed');

	function to_utf8($in)
	{
		if(is_array($in))
		{
			foreach ($in as $key => $value)
			{
				$out[to_utf8($key)] = to_utf8($value);
			}
		}
		elseif(is_string($in))
		{
			return utf8_encode($in);
		}
		else
		{
			return $in;
		}

		return $out;
	}
?>

Y ya esta, muy simple. Ahora simplemente habria que cargar el helper con el “config/autoload.php” o simplemente asi:

$this->load->helper(”array”);

En caso de que queráis modificar o sobrescribir una función de algún helper, es hacer exactamente lo mismo pero poniéndole el mismo nombre.

Una imagen generada dinámicamente puede tener varias ventajas como por ejemplo:

• Podemos controlar fácilmente cuanta gente la esta viendo
• Restringir la visión de esta a los usuarios que queramos
• Evitar que los usuarios tengan acceso a la imagen original
• Poder generar una imagen del tamaño que queramos según convenga
• Generar thumbnails, o modificaciones de la imagen original sin tener que generar copias

Esta ultima ventaja también nos trae a la desventaja, según lo que queramos, ya que al generar una imagen dinámicamente en PHP lo que estamos haciendo es aligerar la carga en el disco duro pero augmentar el tamaño del procesamiento, con lo que estamos cargando al servidor.Para conseguir hacer eso es tan fácil como crear una función en CodeIgniter que con la ayuda de la librería de imágenes “Image Manipulation Class” o “image_lib”. En la “user_guide” de CodeIgniter podéis ver que esta librería nos da un gran abanico de funciones y propiedades para poder trabajar con imágenes, pero por lo que nos interesa a nosotros usaremos solo unas pocas.

class Imagenes extends Controller
{

	function Imagenes()
	{
		parent::Controller();
	}

	function index()
	{
		$this->load->view("imagen");
	}

	function muestraImagen($width, $height, $ratio)
	{
		$config['source_image'] = "imagen.jpg";
		$config['maintain_ratio'] = $ratio;
		$config['dynamic_output'] = TRUE;
		$config['width'] = $width;
		$config['height'] = $height;

		$this->load->library('image_lib', $config);
		$this->image_lib->resize();
	}
}

Como podéis ver, el código es bien sencillo, solo es necesario especificar el ancho, la altura, si queremos que mantenga el ratio (es decir las proporciones) y decirle donde se encuentra la imagen. Normalmente en una aplicación real la “url” de la imagen la sacareis de una base de datos.

A continuación en la vista es tan simple como en el atributo “src” de la imagen, hacer la llamada a nuestra función con los parámetros deseados.

<img src="index.php/imagenes/muestraImagen/300/300/1" />

Aquí tenéis una DEMO para que veáis que funciona de verdad.

Para acabar comentaros, que para crear un thumbnail de una imagen (al disco duro), es casi idéntico a esto, solo que cambia el parámetro de “dynamic_output” y un par de cosas mas que os lo dejo en el aire para que podáis indagar vosotros mismos.

- Nos dirijiremos a la página web de CakePHP y bajaremos la ultima versión, yo en este caso he bajado la versión “1.2.0.7945 RC4″, supongo que cualquier versión que sea 1.2.xxx será todo igual. Pondremos todos los archivos bajados en nuestro servidor (ya sea local o remoto).

Ojo! Hay que tener activado el módulo “Mod_Rewrite”, lo mas seguro esque ya lo tengáis activado, en este caso veréis algo parecido a esto [captura], en caso de que no lo tengáis activado veréis algo sin “estilos cargados” [captura].

- Ahora hay que darle permisos de escritura a la carpeta “tmp” dentro de la carpeta app/

- Pasamos a crear una base de datos y añadimos los datos de conexión en app/config/database.php

- Cambiamos la cadena de seguridad en app/config/core.php, donde pone “Configure::write(’Security.salt’, ‘*****’);” ponemos cualquier combinación de letras y simbolos que queramos.

Si todo se ha configurar correctamente al acceder a la carpeta de la aplicación os tendran que salir 4 recuadros de color verde que os dicen:

Your tmp directory is writable.

The FileEngine is being used for caching. To change the config edit APP/config/core.php

Your database configuration file is present.

Cake is able to connect to the database.

Con esto ya seremos capaces de empezar a trabajar con CakePHP. Si os surge algún problema en la instalación no dudéis en preguntarmelo.

Bueno creo que ya van bastantes artículos sobre CodeIgniter, al menos -creo yo- para dar una base bastante buena a gente que empiece con él para que se pueda desenvolver en aplicaciones complejas. No es que me haya cansado o algo parecido, pero por razones de trabajo ahora tengo que “aprender” a usar otro framework de PHP, en este caso el agraciado es CakePHP.

En un primer vistazo puedo ver como tiene cosas muy parecidas a CodeIgniter (claro los dos son frameworks que siguen el modelo MVC) pero este es mucho mas estricto en ese tema.

Así que he pensado, porque no compartir con los lectores mi camino de aprendizaje de este nuevo framework, porque a veces es la mejor manera de aprender, con alguien que mas o menos esta a tu mismo nivel y que tiene los mismo problemas o dificultados a la hora de enfrentarse a este framework.

Por lo que de ahora en adelante creo que intentare focalizar algo mas en CakePHP, que la verdad que tiene mas “tela” que CI y es bueno saber un poco de todo para no encontrarte sorpresa en un futuro ¿no?

Enlaces: CakePHP

Por razones de seguridad los ejemplos del “Subidor de Imágenes” han sido totalmente eliminados, aunque he dejado el código para que os lo podáis bajar.

Si veis algún problema o algo no dudéis en comentármelo.

Como ya dije en el articulo anterior, usaremos estas dos librerías: File Uploading Class y Image Manipulation Class.

Al ser un solo formulario lo haremos todo en una misma función del controlador. Para empezar necesitaremos subir el archivo al servidor y a su vez almacenar la información en la base de datos:

				$config['upload_path'] = './uploads/';
				$config['allowed_types'] = 'gif|jpg|png';
				$config['max_size']	= '5000';
				$config['encrypt_name'] = TRUE;

				$this->load->library('upload', $config);

				if(!$this->upload->do_upload("imagen"))
				{
					echo $this->upload->display_errors();
				}
				else
				{
					$data = $this->upload->data();
					$this->db->query("INSERT INTO `imagenes` (`imagen`, `fecha`, `ip`) VALUES (?, ?, ?)", array($data['file_name'], time(), $_SERVER['REMOTE_ADDR']));

Como veis es muy fácil de usar, hay que especificar las distintas opciones que queremos en el array config (hay mas opciones disponibles en la guía de usuario de CI). Le pasamos el “name” input del formulario para subir la imagen en la función “do_upload”. Y luego simplemente añadir un registro en la base de datos con la información que nos da “$this->upload->data()”;

Ahora necesitaremos que a partir de esta imagen se cree un thumbnail, lo haremos así:

					$config['image_library'] = 'gd2';
					$config['source_image'] = $config['upload_path'].$data['file_name'];
					$config['create_thumb'] = TRUE;
					$config['maintain_ratio'] = TRUE;
					$config['width'] = 200;
					$config['height'] = 200;				

					$this->load->library('image_lib', $config);
					$this->image_lib->resize();		

El funcionamiento es casi idéntico al de subir archivos: especificamos las opciones que queramos en el array de config y usamos la función “resize()” en este caso para crear el thubmnail.

Y bueno eso es todo por ahora. Como siempre, pongo a vuestra disposición una demo totalmente funcional para que podáis comprobar que todo funciona perfectamente. Desde la misma demo tenéis un link para bajaros el código del taller.