Punksolid » programación

Autocompletar con scriptaculous

Punksolid — Tue, 16 Aug 2011 14:08:23 +0000

Lo que vamos a hacer es un cuadro search box como el google suggest, que a diferencia de este, no haremos una petición ajax al servidor ya que tendremos los valores precargados en una variable javascript, útil cuando los registros son pocos y estáticos.
Reconozco que a estas alturas medio mundo usa jquery, pero como persona de escaso conocimiento en el área, para el propósito me sirvió prototype y scriptaculous.

Lo primero que tenemos que hacer es descargar scriptaculous, y extraemos todos los js dentro de una carpeta javascripts.

El siguiente paso es crear el archivo css.css para darle un diseño bonito al recuadro de opciones que aparecerán conforme vayamos escribiendo, el código de css.css es

div.autocomplete {
  margin:0px;
  padding:0px;
  width:250px;
  background:#fff;
  border:1px solid #888;
  position:absolute;
}
 
div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}
 
div.autocomplete ul li.selected {
  background-color:#ffb;
}
 
div.autocomplete ul li {
  margin:0;
  padding:2px;
  height:32px;
  display:block;
  list-style-type:none;
  cursor:pointer;
}

El tercer paso es crear el archivo autocompletar.html donde incluiremos los javascripts de prototype y scriptaculous, automáticamente se incluirán todas las dependencias.



<script type="text/javascript">
var bandsList = [
  'ABBA',
  'AC/DC',
  'Aerosmith',
  'America',
  'Bay City Rollers',
  'Black Sabbath',
  'Boston',
  'David Bowie',
  'Can',
  'The Carpenters',
  'Crass',
  'Deep Purple',
  'The Doobie Brothers',
  'Eagles',
  'Fleetwood Mac',
  'Haciendo Punto en Otro Son',
  'Heart',
  'Iggy Pop and the Stooges',
  'Journey',
  'Judas Priest',
  'KC and the Sunshine Band',
  'Kiss',
  'Kraftwerk',
  'Led Zeppelin',
  'Lindisfarne (band)',
  'Lipps, Inc',
  'Lynyrd Skynyrd',
  'Pink Floyd',
  'Queen',
  'Ramones',
  'REO Speedwagon',
  'Rhythm Heritage',
  'Rush',
  'Sex Pistols',
  'Slade',
  'Steely Dan',
  'Stillwater',
  'Styx',
  'Supertramp',
  'Sweet',
  'Three Dog Night',
  'The Village People',
  'Wings (fronted by former Beatle Paul McCartney)',
  'Yes'
script><script type="text/javascript">
   window.onload = function() {
      new Autocompleter.Local(
        'bands_from_the_70s',
        'band_list',
        bandsList,
        {ignoreCase:false}
      );
   }
script>


  Your favorite rock  band from the 70's:

Y listo ya con eso debemos tener un textbox con sugerencias.

Enlaces

Autocompleter.Local para ver los parámetros aceptados.

Ajax search suggest with cakephp

Ejemplo simple autocomplete.local

Busquedas de filtros complejos en CakePHP

Punksolid — Fri, 12 Aug 2011 11:57:44 +0000

Para comprender la situación mejor, necesitamos ver el screenshot de la vista.

Hay varias formas de hacer esto, la mas común es usar la función query de CakePHP para armar la consulta SQL en base a condiciones by (@el_keogh) , está la función find, pero no se pueden poner condiciones dentro, así que lo que se puede hacer es armar el array conditions desde afuera de la siguiente forma:

 
//Bloque #1 asignacion de variables para comodidad
$alumnoid=$this->data['Examene']['cuenta'];
$user=$this->data['Examene']['user'];
$fechaInicio=$this->data['Examene']['Fecha de Inicio'];
$fechaFin=$this->data['Examene']['Fecha de Fin'];
$formadepago=$this->data['Examene']['forma_de_pago'];
$resultado=$this->data['Examene']['resultado'];
$conditions=array();
 
//Bloque #2 Condiciones tabla Alumnos
if(!empty($this->data['Examene']['nombre'])){
	$conditions['Alumno.nombre LIKE']='%'.$this->data['Examene']['nombre'].'%';
}
if(!empty($this->data['Examene']['apellido_paterno'])){
	$conditions['Alumno.apellido_paterno LIKE']='%'.$this->data['Examene']['apellido_paterno'].'%';
}
if(!empty($this->data['Examene']['apellido_materno'])){
	$conditions['Alumno.apellido_materno LIKE']='%'.$this->data['Examene']['apellido_materno'].'%';
}
//Bloque #3 Condiciones tabla Examenes
if(!empty($alumnoid)){
	$conditions['Examene.alumno_id']=$alumnoid;
}
if(!empty($user)){
	$conditions['Examene.user_id']=$user;
}
//Bloque #4 Condiciones de intervalos de fecha
if(!empty($fechaInicio)){
	$conditions['Examene.created >'] = $fechaInicio;
}
if(!empty($fechaFin)){
	$conditions['Examene.created <='] =$fechaFin.' 23:59:59';
}
if(!empty($formadepago)){
	$conditions['Examene.forma_de_pago'] =$formadepago;
}
if(!empty($resultado)){
	$conditions['Examene.resultado'] =$resultado;
}
//Bloque #5 query
$conditions['Examene.statusid <>']=4;
$examenes= $this->paginate($conditions);
?>

Bloque #1 asignación de variables

En este caso se manejan dos tablas distintas de la base de datos, están relacionadas entre si, Alumnos y Examenes, utilicé asignación de variables para mas comodidad en su manejo, pero no son necesarias.

Bloque #2 Condiciones de tabla Alumnos

Las condiciones determinan cuando hay datos en los campos, si no hay datos, no hay condición que aplicar y nada que meter en el array, las primeras tres condiciones pertenecen a la tabla alumnos, de la cual se va a buscar por nombre NO exacto por eso los LIKE y la concatenación del símbolo de porcentaje. Para que esto funcione, las relaciones en el modelo deben estar previamente establecidas.

Bloque #3 Condiciones de tabla Examenes

En el segundo bloque ponemos las condiciones de la otra tabla, nada especial ya que los valores de esos campos deben ser exactos.

Bloque #4 Condiciones de intervalos de fecha

Para cuando tenemos intervalos de fechas y tenemos el formato en Datetime, es necesario concatenar la hora en la que termina el dia, si no lo hiciéramos contaría hasta la hora 00:00:00 no devolviéndonos los resultados del ultimo dia especificado.

Bloque #5 Query

La función paginate, se utiliza casi de la misma manera que un find y listo automagicamente cakephp devolverá solo los exámenes de los campos donde se les haya especificado algun dato, notese que este tipo de búsqueda es de tipo AND, o sea cada campo va filtrando aun mas la búsqueda, en lugar de añadir nuevas coincidencias.

Cualquier duda o comentario es bienvenido.
Referencias
Complex Find Conditions
Pagination in cakephp

cakephp-instaweb

Punksolid — Thu, 12 May 2011 08:12:43 +0000

cakephp-instaweb server es un webserver pequeño con todas las configuraciones necesarias para desarrollar en cakephp, no necesitas instalar todo el entorno php. Funciona igual al django-runserver, solo en la terminal te colocas en la carpeta de la aplicación, corres el comando y listo, tendrás tu app funcionando en http://localhost.com:3000

Si usas Ubuntu 10.10 y cakephp 1.3.8 te marcará un error

CGI Script Error

Premature end of script headers.

Si instalaste cakephp-instaweb desde los repositorios de maverick se habrá instalado la versión 0.4.X, el error anterior se soluciona con la versión mas nueva 0.5-1 para instalarlo primero debes desinstalar completamente el cakephp-instaweb y luego descargar el .deb desde launchpad para Ubuntu Natty, no causa conflicto alguno.

Con eso se habrá solucionado el problema.

Como imprimir en impresora (Miniprinter) desde Python en Linux

Punksolid — Sat, 09 Apr 2011 22:08:43 +0000

Via MrTopf

Como en muchas otras cosas, apenas soy un novato y hay muchas formas de hacer lo que expongo en el titulo, está podría no ser la mejor, pero es una de ellas y por supuesto gracias a @Jorgekbw3 que encontró la solución:

Después de haber instalado la impresora en cuestión y haberla colocado como predeterminada con el administrador de impresoras, ya debe ser accesible a impresión con el comando

lp texto.txt

Bajo ese principio accesaremos al sistema desde python con

import os

printer=os.popen('lpr','w')

printer.write('texto')

printer.close()

Y eso es todo.

Probado con Ubuntu 10.10, Python 2.6 y Miniprinter Epson TM-T88V

Entorno de desarrollo para Symbian en Linux

Punksolid — Tue, 21 Sep 2010 05:23:32 +0000

Recientemente he tenido interés en desarrollar una aplicación para móviles symbian con Python for S60 tambien conocido como Pys60, cabe mencionar que soy novato en esto y no tengo idea de como la mayoria de los desarrolladores tienen configurado su entorno.

En el articulo anterior expliqué como Conectar Nokia 5530 por bluetooth y RFComm para desarrollo en Python en Ubuntu 10.04 pero al funcionar en la consola de linux no es practico estar viendo o estar ejecutando el codigo al vuelo, así que expongo lo que creo es una mejor manera.

También descarté usar el emulador de symbian para Windows (tristemente no hay emulador para linux, y no parece que vaya haber pronto) ya que parece lento y pienso que si vamos a batallar lo mismo correr el script en el emulador que en el mismo celular ¿que mejor que hacerlo en el celular?.

Interprete Python para Symbian

Para que una aplicacion hecha en python funcione en el celular de manera comercial necesita elaborarse un paquete .sis, de otra manera si intentas ejecutar un .py lo va a leer como archivo de texto, para eso se ocupa el interprete Python (Python_2.0.0.sis) y el PythonScriptShell(PythonScriptShell_2.0.0_3_2.sis) eso se descarga desde https://garage.maemo.org/projects/pys60/ (PythonForS60_2.0.0.tar.gz) ambos se encuentran en el directorio /PythonForS60/PyS60Dependencies/. Pasan los archivos al celular y los ejecutan en el siguiente orden Python primero y despues el PythonScriptShell.

Conexion PC - Celular

Ubuntu linux viene preparado para conectar por bluetooth y tener acceso a los archivos para eso vamos a dar en el icono de bluetooth y 'Configurar un dispositivo nuevo', seguimos los pasos indicados en el que tendremos que proporcionar la clave provista por ubuntu desde el celular.

Despues de emparejar el celular ocupamos saber la direccion de la carpeta a la que tiene acceso el interprete python, que suele ser /data/python, para eso vamos a entrar desde el navegador de archivos dando clic en el icono de bluetooth de nuevo y luego, examinar los archivos en el dispositivo, buscamos el directorio de python y una vez ahí veremos varios archivos .py de demostracion, estamos en la carpeta correcta, ahora presionamos las teclas Ctrl + L para saber la direccion y nos debe aparecer algo similar a esto en la parte superior

obex://[00:BD:3A:70:9B:EB]/E:/data/python

En la barra de direcciones después de presionar Ctrl + L estará la dirección que necesitaremos mas adelante.

Sincronizacion

Suponiendo que la carpeta del proyecto y todo el entorno python ya lo tenemos instalado en la computadora, procederemos a hacer una sincronizacion, para eso utilizo el programa Conduit que es bastante practico, ligero, eficiente y lo podemos descargar desde los repositorios, nosotros solo utilizaremos sincronizacion de una direccion entre carpetas, primero arrastramos una 'Carpeta' desde 'Files and Folders' hacia la derecha le damos clic derecho al elemento y luego en 'Configure Item' , seleccionamos la carpeta donde tenemos nuestro proyecto, dejando desmarcadas las opciones avanzadas presionamos cerrar, luego añadimos otra carpeta del lado derecho de la carpeta que recien creamos y ponemos la direccion obtenida en el paso de Conexion PC - Celular dando clic donde está el icono del lapiz.

Despues de eso ya está configurado todo, pero para eficiencia daremos clic derecho sobre la linea negra que une las dos carpetas y nos vamos a 'Sincronization Options' y luego en 'Always Up to Date' con eso en cuanto guardemos el archivo empezará la sincronizacion, que apenas tarda algunos segundos.

Así debería quedar después de la configuración explicada.

Y eso es todo, si tienes alguna duda o crees que hace falta algo puedes dejarlo en los comentarios.

Enlaces

How to write a python for Series 60 script and test it

Pys60 Actualizado

Conectar Nokia 5530 por bluetooth y RFComm para desarrollo en Python en Ubuntu 10.04

Punksolid — Thu, 16 Sep 2010 11:36:46 +0000

Primero que nada la mejor documentacion está en ingles en el wiki de desarrollo de Nokia http://wiki.opensource.nokia.com/projects/PyS60_Bluetooth_console

Este entorno ha funcionado en Ubuntu 10.04 con un Nokia 5530 y el python 2.0.0 de symbian.

Instalar librerias

Las librerias necesarias son

'hcitool' para encontrar el dispositivo
'sdptool' y 'sdpd' para registrar los puertos seriales que se van a utilizar
'rfcomm' para emular el puerto serial sobre bluetooth
''screen" para empezar a mandar datos por terminal

Instrucciones

Conectar el adaptador bluetooth y luego en la consola escribir:

$ hciconfig reset

Luego comprobar que el dispositivo se instaló o lo detectó bien

$ hcitool dev

Registrar el puerto serial (usar el canal 2. Por alguna razon, el canal 1 y 3 puede no funcionar la conexion)

$ sdptool add --channel=2 SP

Ahora poner el canal en escucha

$ rfcomm listen rfcomm2 2

Ahora asegurarte que el bluetooth en tu celular esté encendido, e ir a la aplicacion de Python y luego en las opciones seleccionar Bluetooth Console. Seleccionar los dispositivos disponibles ( en mi caso default host), si la operación es exitosa deberias ver lo siguiente en tu consola.

Waiting for conection on channel 2

Connection from 00:00:00:00:00:00 to /dev/rfcomm2

Press CTRL-C for hangup

Ahora abre otra terminal y escribe:

$ screen /dev/rfcomm2

Eso sería todo, la consola se debería poner limpia y ya deberias poder empezar a escribir tu codigo en python.

Happy Coding

Enlaces

PyS60 Bluetooth console

Bluetooth Console

Como Actualizar un Div con Ajax y CakePHP 1.2

Punksolid — Wed, 16 Sep 2009 02:01:58 +0000

Empezaré suponiendo que tienes nociones básicas sobre CakePHP1.2 y sabes hacer de perdida un CRUD.

Agregar las librerías javascript

Cakephp tiene una buena integración con las librerías javascript de prototype y scriptaculous, las cuales debemos descargarlas primero desde la pagina de descarga de scriptaculous y la de descargas de prototype, la de prototype es un archivo js. Renombrar a prototype.js y ponlo en "app/webroot/js".

La librería de scriptaculous es un archivo .zip que contiene una carpeta src que a su vez contiene muchos archivos js los cuales debemos copiar y ponerlos también en la app/webroot/js.

Añadir los helpers javascript y ajax al controlador

Ahora necesitamos agregar los helpers de javascript y de ajax. Una opcion es agregarlos a cada controlador a como la vayamos necesitando o agregarlos al app_controller para que estén disponibles en todos los controladores.

class AppController extends Controller {
var $helpers = array('Html','Form','Javascript','Ajax');
 
}
Vistas
Cada vista que sue javascript debemos añadirle las siguientes etiquetas

echo $javascript->link('prototype');
echo $javascript->link('scriptaculous');
?>
Ajax 3 - testing ajax link and button

        $link_array1 = array('controller'=>'tweets' ,'action'=>'simple_ajax1_fcn');
		//the function to execute: function ajaxfcn1 in controller tests
        $link_array2 = array( 'update' => 'divout');
 
       echo ($ajax->link('this an ajax link', $link_array1,$link_array2));
        echo "

";
?>
 



the div to update

Controlador


class TweetsController extends AppController {
 
        var $name = 'Tweets';
        var $uses = array();            // prevent cake from looking for a database model
		var $helpers = array('Html','Ajax','Javascript');
        function index() {
 
        }
        function simple_ajax1_fcn() {
                $this->autoRender = false;
                echo "text from ajax call";
        }
}?>

Configurar Eclipse Para Colorear Sintaxis De Los Archivos .CTP de CakePHP

Punksolid — Tue, 08 Sep 2009 08:12:56 +0000

CakePHP 1.2 maneja las vistas con una extensión .CTP lo cual hace que no puedas ver coloreado los archivos, que son en esencia HTML y PHP combinado.

Para solucionar esto debemos hacer lo siguiente en el Eclipse:

Window -> Preferences -> General -> Content Type -> Text

Y en el recuadro seleccionamos donde dice HTML, al hacer esto, un poco mas abajo está el botón Add y después de presionarlo escribimos *.ctp y damos aceptar.

Ahora así como seleccionamos HTML seleccionaremos PHP Source File, y añadimos de la misma forma.

Damos aceptar dos veces, y automáticamente los nuevos archivos que abras aparecerán coloreados.

Enviar archivo a travez de bluetooth y python en linux ubuntu

Punksolid — Sun, 03 May 2009 01:45:19 +0000

Primero que nada para empezar a trabajar ocupamos las herramientas, para eso necesitamos tener instalado la librería lightblue para python esto lo podemos lograr con

sudo apt-get install lightblue

también hay otras librerias que se necesitan pero seguramente ya las tienes instaladas.

Ahora ya solo corre la consola de python, abre una terminal escribe python y listo.

import lightblue
lightblue.finddevices()
# devolverá la mac y nombre de los dispositivos detectados
lightblue.findservices()
#devolverá la mac, canal y protocolo de comunicacion disponibles de los dispositivos,  yo usé el canal 9 que dice OBEX Object Push
cliente = lightblue.obex.OBEXClient('00:1A:DC:8C:51:2D',9)
#creamos la variable con la direccion mac y el canal del dispositivo
cliente.connect()
#nos conectamos al dispositivo nos aparecerá una respuesta como esta 
#
putresponse = cliente.put({"name": "b.txt"}, file("b.txt", 'rb'))
#especificamos que le enviamos al cliente
cliente.disconnect()

Y listo con eso abremos enviado un archivo de nota al teléfono en mi caso ya estaba como amistoso, desconozco si se puede con dispositivos desconocidos o como será la respuesta.

Select o SelectTag en CakePhp 1.2

Punksolid — Thu, 19 Mar 2009 06:16:47 +0000

Me confundí un poco a la hora de ocupar un selectTag en cakephp 1.2, y al buscar no lo encontré rapido, viendo la API me funcionó de la siguiente manera.
select(Nombre,$options(array))

echo $form->select('tipocuenta',array(0=>'Cuenta Corriente',1=>'Cuenta de Ahorros'));