Cuando la aplicacion esta en produccion en conveniente que no se vean los errores. No queremos que los usuarios finales se mareen con los errores ni tampoco que nadie conozca la estructura interna del programa (si no es open source).

Es un cambio muy sencillo que hay que hacer para mostrar los errores o esconderlos pero siempre me olvido donde tengo que hacerlo asi que por eso lo anoto en un post.

En su aplicacion deben dirigirse a default/public/index.php y deben cambiar un par de lineas para que

Muestre los errores:

error_reporting(E_ALL ^ E_STRICT);
//error_reporting(0);

No Muestre los errores

//error_reporting(E_ALL ^ E_STRICT);
error_reporting(0);

No me pregunten que hace eso. Solo se que funciona, si quieren sacarse mas dudas vayan a la pagina oficial que seguro los ayudan mas.

Vamos a hacer uso de la libreria Auth que sirve justamente para facilitar toda esta tarea de autenticacion de usuarios.

Vamos a suponer que tenemos una tabla como la siguiente:

Tabla Usuarios

Vamos a tener un controlador llamado principal_controller.php con 2 acciones: index y login. Y tendremos 2 vistas correspondientes a esas acciones. Ya saben que index siempre va, aunque en este ejemplo no la vamos a usar para nada.

Lo primero para que los usuarios se logueen sera un formulario de logueo, entonces creamos el archivo login.phtml en la carpeta views/principal que contendra el siguiente codigo:

<?php echo View::content(); ?>

<?php echo Form::open("principal/login"); ?>
<?php echo Form::label("Usuario","login"); ?>
<?php echo Form::text("login"); ?>
<?php echo Form::label("Password","password"); ?>
<?php echo Form::pass("password"); ?>
<?php echo Form::submit("Ingresar"); ?>
<?php echo Form::close(); ?>

Es solo u formulario con 2 campos: login y password. En este archivo podemos ver varios cambios con respecto al tuto anterior. Esa es la forma de crear un formulario en beta2 y en las futuras versiones. Pueden ver mas sobre la clase para el manejo y creacion de formularios en la wiki de kumbiaphp.
Ahora vamos a crear la accion “login” en el controller “principal” con el siguiente contenido:

public function login(){
        if (Input::hasPost("login","password")){
            $pwd = Input::post("password");
            $usuario=Input::post("login");

            $auth = new Auth("model", "class: usuarios", "login: $usuario", "password: $pwd");
            if ($auth->authenticate()) {
                Router::redirect("principal/index");
            } else {
                Flash::error("Falló");
            }
        }
    }

En la linea

if (Input::hasPost("login","password"))

Verificamos que se reciban datos desde el formulario.
Luego guardamos los valores recibidos de los campos en 2 variables:

$pwd = Input::post("password");
$usuario=Input::post("login");

Luego se crea una nueva instacia de la clase Auth pasandole como parametros el modelo “usuarios”, y la variables anteriores. Y con la linea

if ($auth->authenticate())

podran saber si la autenticacion fue correcta o si hubo un error en el usuario o la pass.

Y no deben olvidarse de crear el modelo usuarios.php en la carpeta models con el siguiente contenido:

<?php
class usuarios extends ActiveRecord{
}
?>

Hay otras utilidades que podemos darle a la clase Auth, por ejemplo en cualquier controller y cualquier accion pueden saber si hay un usuario logueado con el simple uso de :

if(Auth::is_valid()){
 Flash::success("Usuario logueado");
}

Y tambien podemos saber los otros datos de la tabla usuarios asi:

$this->telefono=Auth::get('telefono');
$this->edad=Auth::get('edad');

Y por ultimo para desloguear a un usuario se debera usar:

Auth::destroy_identity();

Que anulara la login actual.

Tambien me cuando me pase por el IRC de kumbiaphp vi que existen otro metodos para crear un sistema de login, recomiendo que entren y pregunten alli porque hay mucha gente que sabe….y yo

Aclaro que no soy experto ‘aun’ en el uso de kumbiaphp asi que mis explicaciones pueden estar un poco incompletas.

Segun el blog oficial:

KumbiaPHP es un framework para aplicaciones web libre escrito en PHP5. Basado en las prácticas de desarrollo web como DRY y el Principio KISS para software comercial y educativo. Kumbiaphp fomenta la velocidad y eficiencia en la creación y mantenimiento de aplicaciones web, reemplazando tareas de codificación repetitivas por poder, control y placer.

KumbiaPHP Framework intenta proporcionar facilidades para construir aplicaciones robustas para entornos comerciales. Esto significa que el framework es muy flexible y configurable.

KumbiaPHP es un esfuerzo por producir un framework que ayude a reducir el tiempo de desarrollo de una aplicación web sin producir efectos sobre los programadores.

Sus principales características son:

• Sistema de Plantillas sencillo
• Administración de Cache
• Scaffolding Avanzado
• Modelo de Objetos y Separación MVC
• Soporte para AJAX
• Generación de Formularios
• Componentes Gráficos
• Seguridad
• y muchas cosas más.

Adicional a esto Kumbia integra lo mejor de la Web en un solo framework para producir las aplicaciones Web del mañana (prototypejs, phpMailer, Smarty, FPDF, Script.aculo.us)

Segun yo:

KumbiaPHP es un framework de PHP muy poderoso y a la vez facil de usar para construir paginas web y sistemas web completos.

Entre las facilidades que les he descubierto puedo nombrar:

• Implementa completamente la arquitectura MVC. Esto hace que sea mas facil separar la programacion en si del diseño permitiendo reutilizar modelos y vistas.
• Implementacion de ORM. Esto permite usar convertir las bases de datos relacional en bases de datos orientadas a objetos. O mas sencillamente usar las tablas y registros como si fueran objetos.
• Etiquetas para facilitar el diseño de formularios, intregacion con jQuery y mucho mas.

Creo que si cabe destacar 2 cosas en KumbiaPHP framework son:

• Es creado por personas que hablan español y su documentacion esta en español.
• La comunidad alrededor es muy amigable y siempre dispuesta a ayudar.

Existen muchas fuentes de informacion y consulta para aprender a usar KumbiaPHP que ya les habia nombrado pero se las vuelvo a nombrar:

• wiki
• blog
• foro
• googlegroups
• IRC

La verdad esta demasiado disperso todo, personalmente me gustaria que estuviera un poco mas centrado todo. Pero de todas esas fuentes recomiendo googlegroups, la wiki y el IRC, los van a atender muy bien y ayudarlos en todo.

Como empezar?

• Pues con el clasico hola mundo. Hay uno en la wiki y otro en mi blog.
• Luego aprender a hacer CRUD (Create, Read, Update, Delete).
• Y luego tienen varios minitutoriales en mi blog y en la wiki.

Bueno como algunos no tienen idea de lo que es un framework aprovecho para decirles que no es como VisualBasic que tienen una interfaz y arrastran cosas a la pantalla, aqui sigue siendo todo codigo pero se vuelve muchisimo mas facil programar usando un framework que con el tradicional PHP.

Eso es todo, espero que les haya quedado claro. Ahora cuando alguien me pregunte que es KumbiaPHP lo mando a esta pagina

Mas que nada se habla de todas las ventajas de kumbiaphp asi que los que no saben que es KumbiaPHP deberian escuchar este podcast.

Aqui se los dejo:

Nunca me habia interesado por escuchar podcast pero desde ahora si

Otra vez los valores los vamos a sacar de una tabla en una base de datos, en este caso vamos a usar la misma tabla que en mi post anterior.

De nuevo vamos a tener la misma estructura en la aplicacion: un controlador (categorias_controller.php) con 2 acciones (index y listarCat) con sus correspondientes vistas y un partial (autocomplete.phtml) para que sea mas limpio el codigo de la vista y ademas podamos reusarlo.

Primero habra que bajar todo lo que necesitamos, aqui les prepare un paquete con todo lo que necesitan. Lo descomprimen y tienen 2 plugins jquery (dimensiones y autocomplete) que deben colocar en la carpeta app/public/javascript, tiene el jquery que deben colocar en la misma carpeta y un css que deben colocar en la carpeta app/public/css.

Luego como siempre todo eso debe ser incluido en el template que esten usando, algo asi les deberia quedar:

  <?php echo stylesheet_link_tag('jquery.autocomplete') ?>
  <?php echo stylesheet_link_tags(); ?>
  <?php echo javascript_include_tag('jquery-1.3.2'); ?>
  <?php echo javascript_include_tag('dimensions'); ?>
  <?php echo javascript_include_tag('jquery.autocomplete'); ?>

Primero veamos la vista index.phtml que es donde tenemos el input text. Tiene solo este codigo:

<?View::partial('autocomplete')?>
<?= input_field_tag('input_cat')?>

Otra vez es importante el nombre del input porque lo usaremos en el partial. El codigo del partial es el siguiente:

<script type="text/javascript">
  $(document).ready(function(){
     $("#input_cat").autocomplete("<?echo PUBLIC_PATH."categorias/listarCat"?>");
  });
</script>

Como veran recibe como parametro la URL de la vista que tiene los valores a mostrar.
Antes de ver esa vista tenemos que ver la accion correspondiente pues es donde realizamos la consulta para filtrar los resultados.

public function listarCat(){
  //para que solo se muestre la vista sin el template
  $this->set_response('view');
  //la variable q tiene lo que escribimos en el input text
  $input = $_GET["q"];
  //realizamos la consulta y el resultado lo pasamos a la vista
  $this->cats=$this->Categorias->find("nombre like '%$input%'");

La vista toma esa variable y genera una lista que la verdad no entiendo porque es asi, hubiera sido mejor usar el formato JSON pero bueno, asi funciona

<?foreach ($cats as $value) {
	echo "$value->nombre|$value->id \n";
}?>

Una vez mas eso es todo, ahora prueben y deberia funcionar. Es un plugin muy sencillo de usar, antes me complicaba un monton pero era solo por falta de conocimientos y cada dia aprendo un poco mas Y si alguien sabe el porque de ese formato para la vista listarCat por favor digamelo en los comentarios.

Actualizacion: Tal como dice CaChi en los comentarios, al valor ‘q’ que recibimos lo debemos pasar por un filter_var. Revisen su articulo para mas informacion.

Para lograrlo vamos a hacer uso de un este plugin. Existen muchos pero me gusta el estilo facebook de este. Ademas los valores los vamos a traer desde una tabla en la base de datos porque es lo mas normal. Mi tabla va a ser esta:

Primero vamos a bajar el plugin y el estilo css jquery.tokeninput.js (click derecho->guardar enlace como…)

El plugin lo vamos a guardar en la carpeta app/public/javascript y al css en app/public/css

Necesitaran tambien obviamente jquery, si no lo tienen lo bajan de algun lado, y ahora debemos incluir todo eso en nuestro template. Yo lo hice en views/templates/default.phtml pero si ustedes usan otros entonces deberan agregar las siguientes lineas en los templates que corresponda. Deberia quedarles algo asi:

  <?php echo stylesheet_link_tag('token-input-facebook') ?>
  <?php echo stylesheet_link_tags(); ?>
  <?php echo javascript_include_tag('jquery-1.3.2'); ?>
  <?php echo javascript_include_tag('jquery.tokeninput'); ?>

Vamos a usar un controlador llamado categorias_controller.php con 2 acciones(index y listarCat) con sus correspondientes vistas y un partial para tags.phtml para el codigo javascript del plugin.

En la vista index.phtml es donde tendremos el campo input text que usaremos para los tags y que tendra el efecto autocomplete:

  <?View::partial('tags')?>
  <?= input_field_tag('input_cat')?>

El nombre del input es importante porque lo usaremos en el partial, el codigo del partial es este:

<script type="text/javascript">
$(document).ready(function () {
  //la url que le pasamos debe ser relativa
  $("#input_cat").tokenInput("<?echo "../categorias/listarCat"?>", {
            classes: {
                tokenList: "token-input-list-facebook",
                token: "token-input-token-facebook",
                tokenDelete: "token-input-delete-token-facebook",
                selectedToken: "token-input-selected-token-facebook",
                highlightedToken: "token-input-highlighted-token-facebook",
                dropdown: "token-input-dropdown-facebook",
                dropdownItem: "token-input-dropdown-item-facebook",
                dropdownItem2: "token-input-dropdown-item2-facebook",
                selectedDropdownItem: "token-input-selected-dropdown-item-facebook",
                inputToken: "token-input-input-token-facebook"
            }
          });
});
</script>

Parece largo pero la unica linea importante es la que esta despues del comentario, o sea la de la URL que procesara los resultados, el resto es solo el estilo y algunas cosas mas sin mucha importancia. Como ven estoy llamando a otra vista (listarCat).
La accion listarCat sera la encargada de procesar lo que escribimos y generar una vista con los valores requeridos usando el formato JSON. La accion es esta:

public function listarCat(){
  //esto para que no devuelva el template, solo la vista
  $this->set_response('view');
  //q tiene lo que acabamos de escribir en el campo de texto
  $input = $_GET["q"];
  //hacemos la consulta
  $categorias=$this->Categorias->find("nombre like '%$input%'");
  //hacemos un array que vamos a transformar a formato JSON en la vista
  $this->data = array();
  foreach ($categorias as $cat) {
    $json = array();
    $json['value'] = $cat->id;
    $json['name'] = $cat->nombre;
    $this->data[] = $json;
  }
}

Esta claro con los comentarios verdad? Ahora la vista listarCat.phtml tiene solo lo siguiente:

<?php echo json_encode($data);?>

Eso es todo, ahora si cargan http://localhost/mi_programa/categorias/index/ deberian ver funcionando el efecto de tags y autocomplete.

Esta lindo el efecto y es de lo mas buscados por eso me decidi a postearlo pero nunca lo uso y eso es porque no se como procesar el valor del input!!!!! en la pagina del plugin no dice como, o no veo donde…asi que el que lea esto y sepa eso por favor digame

Primero deben saber de que se tratan las listas enlazadas o en cascada, son esos combobox o selects en los que uno al seleccionar una categoria se cargan las subcategorias en otro combobox. En PHP seria sumamente facil hacerlo, el chiste es lograr hacerlo sin recargar la pagina ya que sino seria incomodo para los usuarios.

El ejemplo final quedara algo asi:

Al seleccionar una categoria inmediatamente semostraran las subcategorias en la lista de al lado recojiendo la informacion desde la base de datos.Esta va a ser nuestra base de datos de ejemplo:

Vamos a tener un controlador llamado categorias_controller.php con las acciones index y mostrarSubCat con sus correspondientes vistas y vamos a hacer uso de un partial (cascada.phtml) para facilitarnos la vida.

Primero vamos a ver que en la accion index.phtml tenemos lo siguiente:

Seleccione una categoria:<br/>
<? echo select_tag(array(
'categorias.id',
'Categorias', 'option'=>'nombre',
'size'=>7
)) ?>

<?View::partial('cascada')?>
<div id='div_subcategorias'></div>

<script type="text/javascript">
$("#categorias_id").change(function(){
var categorias_id=$('#categorias_id').val();
url="<?php echo PUBLIC_PATH.'admin/mostrarSubCat/'; ?>" + categorias_id;
$("#div_subcategorias").load(url);
});
</script>

public function mostrarSubCat($categorias_id=0){
// es para no enviar el template
$this->set_response('view');
//para tenerlo disponible en la vista
$this->categorias_id = $categorias_id;
}

Seleccione una subcategoria:<br/>
<?php
echo select_tag(array("subcategorias.id",
'order' => 'nombre',
'Subcategorias', 'option'=> 'nombre',
'conditions'=> "categorias_id = $categorias_id",
'size'=>7));

Como usar los partial de google maps?

Bajar el zip desde aqui

Descomprimir y colocar los 2 archivos en la carpeta app/views/partials

El primer partial (mapsGetPunto.phtml) sirve para obtener la latitud y longitud de un punto en el mapa. Los datos se muestran en una ventana informativa dentro del mismo mapa y tambien pueden usarse en 2 input text para que puedan guardarlos en una base de datos o lo que quieran. Algo asi:

Para usarlo deben llamar al partial desde cualquier view asi:

<?php $centro=array('lat'=>'-24.79', 'lng'=>'-65.41', 'zoom'=>'14');?>
<?php View::partial('mapsGetPunto', false, array('centro'=>$centro)); ?>

<?=input_field_tag('lat')?><br/>
<?=input_field_tag('lng')?>

El marcador rojo se puede arrastrar y soltar y cuando se lo deja caer en un algun lado es cuando muestra los datos. El array centro tiene las coordenadas donde centraremos el mapa y tambien el zoom que queremos darle. Y los input ‘lat’ y ‘lng’ son donde podremos obtener los valores de latitud y longitud respectivamente.

El segundo partial (mapsSetPuntos.phtml) sirve para marcar varios puntos en el mapa. Algo asi:

Y se usa asi:

<?php $centro=array('lat'=>'-24.79', 'lng'=>'-65.41', 'zoom'=>'14');?>

<?php $puntos=array(
array('lat'=>'-24.79', 'lng'=>'-65.41'),
array('lat'=>'-24.792', 'lng'=>'-65.416'),
array('lat'=>'-24.785', 'lng'=>'-65.419')
);?>

<?php View::partial('mapsSetPuntos', false, array('centro'=>$centro,'puntos'=>$puntos)); ?>

En este ademas del punto del centro tambien debemos pasarle las cordenadas de los puntos que queremos que aparezcan en el mapa.

Como veran son 2 partial muy sencillos y basicos pero a mi me ayudaron mucho, a partir de esos pueden sacar muchos mas. Para guiarme yo usaba los ejemplos del API de google maps y las referencias del API cuando no sabia que hacia alguna funcion.

Si buscan en google ‘plugin jquery’ veran que hay decenas o cientos de miles en internet, algunos muy utiles, otros muy llamativos pero para un principiante como yo no es tan facil de implementar, por eso voy a comenzar desde 0, como siempre hice, y explicar lo que voy aprendiendo en este blog.

Una pagina con plugins interesantes, utiles y faciles de implementar en kumbia php es jqueryui.com y voy a comenzar explicando como implementar el ejemplo del acordeon (ver aqui). O sea mi intencion es hacer algo asi:

Acordeon

Nos sirve para separar contenido, como veran en el acordeon solo puede haber una seccion activa al mismo tiempo. Pueden usarlo con varios propositos…y cuando se les ocurra algo me dicen porque yo no le veo utilidad pero es el ejemplo mas facil de aplicar y explicar y por eso comienzo con este

Como veran en la pagina hay un enlace que dice “View Source”, si le hacen click veran el codigo del ejemplo y es asi como podran ver e implementar los ejemplos en sus aplicaciones o paginas. Y si ven a la derecha hay enlaces a otras formas de usar el mismo ejemplo pero con las opciones modificadas.

Por ahora miremos el codigo, siempre es algo que comienza con una funcion javascript llamada $, en el caso de implementarlo con KumbiaPHP framework es util que esto lo metamos siempre en un partial, si no saben lo que es un partial les recomiendo que lean la wiki de KumbiaPHP framework. Luego de la funcion javascript casi siempre esta el codigo que deberemos usar en la vista y la manera de implementar el ejemplo jQuery. Vamos a hacerlo…

Bajar lo que necesitamos

Antes que nada debemos bajar jquery y el plugin con su theme, para ello vamos a esta pagina y elegimos lo que necesitamos, en este caso necesitamos:

• UI core
• en la seccion widgets marcamos Accordion
• A la derecha elegimos un theme.

Agregar jQuery,el plugin y el theme a KumbiaPHP framework

Descomprimimos el archivo que bajamos anteriormente y veran 3 carpetas, de esas 3 nos interesa la que se llama develpment-bundle.

• Movemos la carpeta ui a /public/javascript de Kumbiaphp
• Movemos la carpeta themes a /public/css
• Movemos el archivo jquery-1.3.2 dentro de /public/javascript

Ahora agregan lo siguiente:

<?php echo stylesheet_link_tag('themes/ui-lightness/ui.all') ;
echo javascript_include_tag('jquery-1.3.2');
echo javascript_include_tag('ui/ui.core');
echo javascript_include_tag('ui/ui.accordion'); ?>

entre las etiquetas <head></head> en el archivo app/views/templates/default.phtml que es donde esta nuestro template por defecto. O en el template que esten usando. Si no saben lo que es un template lean esto. Ademas fijense que el theme que yo use es el ui-lightness, ustedes deberan reemplarlo por el que hayan elegido.

Creamos un partial que llamaremos acordeon.phtml con el siguiente codigo:

<script type="text/javascript">
	$(function() {
		$("#accordion").accordion();
	});
</script>

Con esto esta todo listo para usar el acordeon.

Como usar nuestro acordeon:

En cada vista en la que por alguna razon queramos usar el acordeon haremos esto:

<?php View::partial('acordeon');?>
<div id="accordion">
    <a href="#">Cabecera 1</a>
    <div>Contenido de la primer parte</div>
    <a href="#">Cabecera 2</a>
    <div>contenido de la segunda parte.</div>
</div>

Como veran el uso es simple, es solo tener un div con el id accordion y dentro las partes que vamos a separar.

Cual es la ventaja de tenerlo en un partial? Pues que para modificar el codigo de todos los acordeones de nuestra aplicacion solo deberemos modificar un solo archivo. Por ejemplo si ya tenemos nuestra pagina o aplicacion llena de acordeones por todos lados y ahora decidimos que queremos que cada parte se abra al pasar el mouse en vez de al hacer click solo deberemos modificar el partial para que quede asi:

<script type="text/javascript">
	$(function() {
		$("#accordion").accordion({
			event: "mouseover"
		});
	});
</script>

Espero que les sirva. Y como agregado les dejo este enlace en donde podran encontrar como hacer implementar el widget del datepicker.

Datepicker

Subir imagenes al servidor es util es muchas aplicaciones…por ej: una tienda virtual, un blog, un fotolog, y en muchos otros ejemplos que seguro ya estaran imaginando, y hacerlo con kumbiaphp es sumamente facil. Como siempre yo solo les mostrare el codigo basico y ustedes se encargaran de mejorarlo y adaptarlo a sus necesidades.

Para este pequeño ejemplo tendremos un un controlador (ejemplo_controller.php) con una accion (subir) y 1  view (vista). Veamos primero el codigo de la vista subir.phtml:

<?php View::content(); ?>

<h3>Agregar Foto:</h3>

<?= form_tag("ejemplo/subir","enctype: multipart/form-data")?>

<p><label>Imagen:</label><?php echo file_field_tag("foto"); ?></p>

<?= submit_tag("Agregar") ?>

<?= end_form_tag() ?>

Como veran solo tiene un campo y es un file_field_tag que es el tipico textbox que al lado tiene un boton que dice examinar. Veamos ahora el controller y la vista:

<?php

class EjemploController extends ApplicationController{

function index($page=1){ }

function subir(){

//cargamos la libreria que necesitamos: upload

Load::lib('upload');

//cargamos la foto

Upload::image('foto');

}

}

Muuuy sencillo verdad? Es solo cargar la libreria y luego cargar la foto con Upload::image(‘nombre’) donde nombre es el nombre del campo file_field_tag que usamos en la vista.

Aunque podemos hacer un par de cosas mas, por ejemplo, tal vez necesitemos el nombre de la imagen para guardarlo en una base de datos, lo obtenemos con la siguiente instruccion en el controlador:

$imgname=$_FILES['nombre']['name'];

Donde nuevamente nombre es el nombre del campo file_field_tag.

Otra cosa que tambien podemos queres hacer es subir la imagen con otro nombre, eso lo hacemos cuando la subimos, asi:

Upload::image('nombre','nuevo_nombre');

Muy sencillo todo verdad? Bueno un consejo, yo estuve 2 dias peliando con este codigo porque no me andaba, probe de todo pero que era alguna comilla de mas o de menos como siempre pero resulto que era mi navegador que me subia imagenes con tamaño 0kb, asi que si les pasa lo mismo prueben con otro navegador