Si eres de los que trabaja indistintamente en varios equipos (sobremesa, portátil, etc…) te habrás encontrado en bastantes ocasiones con la necesidad de copiar todo el trabajo hecho desde el disco duro de un equipo a un pendrive y volver a volcarlo en el disco duro de otro equipo. Si no lo tienes que hacer muy a menudo no hay ningún problema, pero si es una tarea diaria se puede convertir en un fastidio, sobretodo cuando empiezas a no tener claro si la última versión de tu proyecto la tienes en el portátil, en el PC de sobremesa, o en aquel pendrive de color amarillo. O era el rojo?

Para evitar esto lo ideal es tener el código centralizado. Una opción sería trabajar directamente con el código “on-line”. Muchos entornos de desarrollo permiten añadir cuentas de FTP a su explorador, de manera que podrías abrir y editar los archivos directamente en tu servidor. En mi opinión esta opción no es nada recomendable, pero se puede usar en casos muy puntuales.

Otra forma de hacerlo es teniendo nuestros archivos en un pendrive y trabajando directamente sobre ellos. Es la opción que estoy usando últimamente y funciona bastante bien gracias a los VirtualHost de Apache. Tiene alguna desventaja, como por ejemplo si trabajas con bases de datos tendrás que tenerla instalada localmente en cada equipo y no en el pendrive. Algo que tampoco he conseguido es que la web se pueda ejecutar indistamente en equipos que utilicen diferente S.O, por ejemplo Ubuntu y Windows. Por temas de permisos será necesario formatear el pendrive con un sistema de archivos adecuado a nuestro S.O. haciéndolo, en algunos casos, inutilizable en otro S.O.

Instrucciones para Ubuntu

a) Lo primero que haremos será formatear un pendrive desde Sistema -> Administración -> Utilidad de discos con el sistema de archivos Ext4 y el tipo de partición Linux (0×83). También le pondremos una etiqueta al volumen, por ejemplo proyectos.

b) Para crear el virtual host para nuestro dominio ejemplo.com abrimos un terminal desde Aplicaciones -> Accesorios -> Terminal y tecleamos en la consola

cd /etc/apache2/sites-available

c) Copiamos el esquema por defecto

sudo cp default ejemplo.com

d) Editamos el esquema recién creado

sudo gedit ejemplo.com

Debería quedarnos algo parecido a esto

<VirtualHost *:80>
	ServerAdmin webmaster@localhost
	ServerName ejemplo.com

	DocumentRoot /media/proyectos/www/ejemplo
	<Directory />
		Options FollowSymLinks
		AllowOverride All
	</Directory>
	<Directory /media/proyectos/www/ejemplo >
		Options Indexes FollowSymLinks MultiViews
		AllowOverride All
		Order allow,deny
		allow from all
	</Directory>

	ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
	<Directory "/usr/lib/cgi-bin">
		AllowOverride None
		Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
		Order allow,deny
		Allow from all
	</Directory>

	ErrorLog /var/log/apache2/error.log

	# Possible values include: debug, info, notice, warn, error, crit,
	# alert, emerg.
	LogLevel warn

	CustomLog /var/log/apache2/access.log combined

    Alias /javascript /media/proyectos/www/ejemplo/javascript
    Alias /doc/ "/usr/share/doc/"
    <Directory "/usr/share/doc/">
        Options Indexes MultiViews FollowSymLinks
        AllowOverride None
        Order deny,allow
        Deny from all
        Allow from 127.0.0.0/255.0.0.0 ::1/128
    </Directory>

</VirtualHost>

e) Guardamos el archivo y activamos el nuevo host virtual

sudo a2ensite ejemplo.com

f) Editamos el archivo /etc/hosts

sudo gedit /etc/hosts

y añadimos la entrada de nuestro dominio

127.0.0.1 ejemplo.com

g) Reiniciamos el servidor Apache

sudo /etc/init.d/apache2 restart

h) Insertamos el pendrive y le damos los permisos adecuados para poder acceder a nuestro proyecto web desde el navegador

cd /media
chmod 755 proyectos

i) Creamos los directorios necesarios en el pendrive

cd proyectos
mkdir www
cd www
mkdir ejemplo

j) Ya podemos crear nuestro proyecto ejemplo.com, guardarlo en /media/proyectos/www/ejemplo y visualizarlo con el navegador entrando en http://ejemplo.com

Espero que te sea de utilidad. Próximamente publicaré las instrucciones para Windows.

Tras pasar todo el correo de Outlook a Evolution con ayuda de la herramienta readpst y configurar las cosas más básicas he instalado el entorno de desarrollo Eclipse junto con las PDT (PHP Development Tools). Buena parte de la información que hay disponible en la red para su instalación hace referencia a versiones anteriores de Ubuntu y Eclipse y siguiendo esas instrucciones poco a poco la cosa se ha ido enredando…

Para una instalación básica del entorno de desarrollo en PHP no hace falta complicarse tanto y se puede hacer siguiendo estos pasos:

Entramos en Aplicaciones -> Centro de software de Ubuntu y tecleamos eclipse en el buscador. Seleccionamos Eclipse en la lista y lo instalamos.

Una vez instalado Eclipse seleccionamos Eclipse Plug-in Development Environment (PDE) en la misma lista y lo instalamos también.

Ya lo tenemos instalado. Nos vamos al menú Aplicaciones -> Programación de Ubuntu y ya nos aparece Eclipse. Abrimos la aplicación.

Entramos en la opción Help -> Install New Software… de Eclipse y añadimos estos dos sitios de software clicando en Add.

Name: DLTK 2.0
Location: http://download.eclipse.org/technology/dltk/updates-dev/2.0/

Name: PDT 2.2
Location: http://download.eclipse.org/tools/pdt/updates/2.2/interim/

Seleccionamos en la lista el segundo de los sitios que hemos añadido. Aparecerá una lista de los paquetes disponibles para instalar. Le damos a la flecha que hay delante del nombre del paquete para ver que características contiene. Podemos elegir las que queramos, de momento instalamos solamente el Runtime Feature.

Clicamos en Next, aceptamos los Términos y procedemos con la instalación. Una vez instalado reiniciamos Eclipse para que los cambios se apliquen sin problemas.

Abrimos otra vez Eclipse y clicamos en Window -> Open Perspective -> Other…. Ahí podemos seleccionar la perspectiva de PHP y a partir de ahora tendremos una nueva pestaña para cambiar la perspectiva.

Ya estamos listos para empezar a crear nuestros proyectos en PHP con Eclipse.

Buena programación!

La versión 1.0 Spirit beta1 de KumbiaPHP Framework incluye PHPMailer y puedes encontrar un artículo sobre su uso en el blog de CaChi.

En este artículo vamos a ver como integrar en KumbiaPHP otra librería para envío de correo, en este caso SwiftMailer. Es realmente sencillo.

Lo primero será bajarse la última versión disponible de la librería.

Una vez lo tengamos, descomprimos el archivo. Si nos queda un archivo .tar volvemos a descomprimir. Ya tenemos la estructura de directorios y archivos. Lo siguiente es entrar en la carpeta core/vendors de KumbiaPHP y ahí crear la carpeta swiftmailer. Una vez lo tenemos volvemos a la estructura de archivos de SwiftMailer y copiamos todo el contenido de la carpeta lib dentro de la carpeta swiftmailer que acabamos de crear, tal que así:

A continuación entraremos en la carpeta core/libs de KumbiaPHP y crearemos de nuevo una carpeta con nombre swiftmailer. Una vez creada entramos y creamos el archivo swiftmailer.php que deberá tener estas líneas:

<?php

require_once CORE_PATH . 'vendors/swiftmailer/swift_required.php';

Con eso la librería SwiftMailer ya habrá quedado integrada en nuestra instalación de KumbiaPHP.

Para utilizarla basta simplemente con cargar la librería desde nuestra aplicación con Load::lib(‘swiftmailer’);.

Load::lib('swiftmailer');
$transport = Swift_MailTransport::newInstance();
$mailer = Swift_Mailer::newInstance($transport);
$message = Swift_Message::newInstance('Probando envío con SwiftMailer')
	->setFrom(array('sergio@example.com' => 'Sergio Pacho'))
	->setTo(array('destinatario1@example.com', 'destinatario2@example.com'))
	->setBody('Esto es el cuerpo del mensaje')
;
$result = $mailer->send($message);

Espero que te sea de utilidad.

En la Wiki de KumbiaPHP tenemos un muy buen ejemplo sobre el uso de listas enlazadas con jQuery para la inserción de nuevos registros en la base de datos.

En este artículo aprovecharemos el citado ejemplo y veremos como adaptarlo para que el mismo sistema de listas enlazadas con jQuery nos sirva a la hora de editar un registro existente.

En primer lugar añadiremos el método edit en nuestro controlador: clientes_controller.php.

public function edit($id = null)
{
  if ($id)
    $this->clientes = $this->Clientes->find($id);

  if ($this->has_post('clientes'))
  {
    if (!$this->Clientes->update($this->post('clientes')))
    {
      Flash:error('Fallo Operación');
      $this->clientes = $this->post('clientes');
    } else {
      Router::route_to('action: index');
    }
  }
}

A continuación añadiremos algo de código a los métodos getComunas y getCiudades del controlador: clientes_controller.php.

public function getComunas(){
  $this->set_response('view');
  $comunas = new Comunas();
  $this->comunas = $comunas->buscar($this->post('regiones_id'));

  if ($this->has_post('comunas_id'))
    $this->clientes->comunas_id = $this->post('comunas_id');
}

public function getCiudades(){
  $this->set_response('view');
  $ciudades = new Ciudades();
  $this->ciudades = $ciudades->buscar($this->post('comunas_id'));

  if ($this->has_post('ciudades_id'))
    $this->clientes->ciudades_id = $this->post('ciudades_id');
}

Con las líneas que hemos añadido podremos saber no sólo que valores deberá tener la lista sino también cuál de esos valores deberá estar seleccionado. Para completar esta funcionalidad crearemos la vista: edit.phtml.

<?php View::content(); ?>
<?php echo form_tag("$controller_name/$action_name"); ?>
<table id='table_forms'>
	<tr>
		<th>Región</th>
		<td>
		<?php echo select_tag(array('clientes.regiones_id', $regiones, 'option' => 'nombre', 'include_blank' => 'Seleccione...')); ?>
		</td>
	</tr>
	<tr>
		<th>Comuna</th>
		<td><div id='div_comunas'></div></td><td>
	</td></tr>
	<tr>
		<th>Ciudad</th>
		<td><div id='div_ciudades'></div></td>
	</tr>
	<tr>
		<?php echo hidden_field_tag(array('clientes.id')) ?>
		<td colspan="2" align="center"><?php echo submit_tag('Actualizar')?></td>
	</tr>
</table>
<?php echo end_form_tag(); ?>

<script type='text/javascript'>
$("#clientes_regiones_id").change(function(){
    var regiones_id = $('#clientes_regiones_id').val();
    $.ajax({
        type: "POST",
        url: "<?php echo PUBLIC_PATH . 'clientes/getComunas/'; ?>",
        data: "regiones_id=" + regiones_id,
        success: function(html){
            $("#div_comunas").html(html);
        }
    });
});
$(window).load(function(){
    var regiones_id = "<?php echo $clientes->regiones_id ?>";
    var comunas_id = "<?php echo $clientes->comunas_id ?>";
    $.ajax({
        type: "POST",
        url: "<?php echo PUBLIC_PATH . 'clientes/getComunas/'; ?>",
        data: "regiones_id=" + regiones_id + "&comunas_id=" + comunas_id,
        success: function(html){
            $("#div_comunas").html(html);
        }
    });
});
$(window).load(function(){
    var comunas_id = "<?php echo $clientes->comunas_id ?>";
    var ciudades_id = "<?php echo $clientes->ciudades_id ?>";
    $.ajax({
        type: "POST",
        url: "<?php echo PUBLIC_PATH . 'clientes/getCiudades/'; ?>",
        data: "comunas_id=" + comunas_id + "&ciudades_id=" + ciudades_id,
        success: function(html){
            $("#div_ciudades").html(html);
        }
    });
});
</script>

Como puedes ver, es bastante parecida a la vista que utilizamos para crear un nuevo registro, sólo que en este caso hemos añadido más código para que en el momento en que se carga la página se rellenen todas las listas desplegables con los valores que corresponden y con el valor correctamente seleccionado. Fíjate especialmente en las líneas resaltadas para entender mejor su funcionamiento.

Espero que te sea de utilidad.