Zoom

Installation via composer

> composer require daycry/zoom

Manual installation

Configuration

> php spark zoom:publish

Usage Loading Library

Usage as a Service

Usage as a Helper

Authentication

Request

Refresh Token

Example Token to save in your database

Sample Code

Fancy Box una librería js con el que podemos abrir imágenes, páginas web, vídeos, o lo que se nos ocurra, de forma muy elegante, en ventanas tipo Popup, con jQuery.
Esta librería la podemos descargar desde la siguiente página web: Enlace

<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" type="text/css" href="../js/jquery.fancybox.css" />

<!-- Para disponer de nuevas transiciones -->
<script type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></script>

<!-- Para navegar entre los elementos de la galería-->
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

<!-- css -->
<link href="/fancybox/jquery.fancybox-1.3.4.css" media="screen" rel="stylesheet" type="text/css"></link>

Para hacerlo funcionar solo tenemos que indicar un "id" o "class" a nuestros enlaces para aplicar la librería fancy Box sobre estos elementos.

En este caso hemos utilizado el enlace con clase class="fancyExample" sobre una imagen que vamos a ampliar. Mostramos la imagen en pequeño (foto1p.jpg) y vamos a ampliar la imagen (foto1.jpg) que fancyBox coge automáticamente del "href" del enlace:

<a class="fancyExample" href="../img/foto1.jpg" title="Imagen simple"><img src="../img/foto1p.jpg" width="200" height="150" /></a>

Ahora aplicamos la librería fancy Box a la clase que hemos creado.

<script type="text/javascript">
$(document).ready(function(){
 $(".fancyExample").fancybox({ });
});
</script>

En este otro ejemplo vamos a abrir una página web externa en HTML, primero preparamos el enlace:

<a class="fancyExample" href="ejemplo.html">Abrir página web externa - ejemplo.html</a>

<script type="text/javascript">
$(document).ready(function(){
 $(".fancyExample").fancybox({
  'autoScale'  : false,
  'transitionIn'  : 'none',
  'transitionOut'  : 'none',
  'width'   : 680,
  'height'  : 450,
  'type'   : 'iframe'
 });
});
</script>

En la página web existe mucha documentación sobre como personalizar la librería según nuestras necesidades, ya que es personalizable al 100% de forma sencilla

En este post vamos a ver como integrar nuestro Editor TinyMCE en nuestro TextArea.
Este editor permite almacenar en formato html el contenido de nuestro textarea, de forma que quede con un estilo mucho mas atractivo al pintarlo por pantalla, y no quede como un texto llano.

Lo primero que hay que hacer es descargar las librerías de la página oficial:
Descargar

Una vez descargamos, el conjunto de archivos los podemos dejar en una carpeta en el root de Codeigniter, de esa forma si desarrollamos otra aplicación podremos acceder a estos ficheros sin necesidad de volverlos a poner en la nueva aplicación.

La dirección donde dejaría los archivos es la siguiente:

<?php echo base_url();?>public/tinymce/tinymce.min.js

Que sería en:

http://localhost/nombreProyecto/public/tinymce/

Dentro de esa carpeta estarían todos los ficheros que descargamos de la página.

Como Utilizar el plugin

<!DOCTYPE HTML>
<head>
    <meta http-equiv="content-type" content="text/html" />
    <meta name="author" content="daycryweb.blogspot.com" />
    <title>TinyMCE en Codeigniter</title>
 
    <script type="text/javascript" src="<?php echo base_url();?>public/tinymce/tinymce.min.js"></script>
    <script type="text/javascript">
    tinymce.init({
        selector: "textarea"
     });
    </script>
 
</head>
 
<body>
     
    <form method="post">
        <textarea id="mensaje"></textarea>
    </form>
 
</body>
</html>

Con el ejemplo anterior, le estamos indicando que todos los campos de texto del tipo "TextArea", tendrán las características que incluye el plugin.

Existen bastantes configuraciones para el plugin, incluso se pueden incluir otros plugins dentro de las librerías TinyMCE, por ese motivo os voy a dejar la url donde podréis encontrar varios ejemplos de configuraciones mas avanzadas.

Configuraciones avanzadas

La clase Model de Codeigniter es la clase que nos permite realizar la consultas contra la base de datos. De esta forma si en algún momento decidieramos cambiar el motor de base de datos, no afectaría ni a los controladores ni a las vistas de nuestra aplicación web.

Estos ficheros php se encuentran dentro de la carpeta "models".

Un ejemplo de archivo sería el siguiente:

class User_model extends CI_Model {

    function __construct()
    {
        parent::__construct();
    }
}

Este fichero lo guardariamos en la carpeta models con el nombre de: "user_model.php".

En el ejemplo anterior, vemos la declaración de un objeto model con la función "construct".
Simplemente hereda las funciones de CI_Model, que es la clase del core de Codeigniter que contiene todas las funciones de consulta, inserción, actualización y borrado de datos de la BBDD.

Codeigniter tiene una característica muy buena, ya que permite realizar este tipo de acciones de manera muy sencilla, gracias al active record.
Active record son funciones que montan automáticamente la consulta a la base de datos, pasándole los parámetros que deseeamos.

Como por ejemplo:

$query = $this->db->get('users');

La siguiente linea de código montaría la siguiente consulta:

// Produce: SELECT * FROM users

Dependiendo si el resultado es un conjunto de filas o simplemente una fila, utilizaremos la función "result(), o "row()".

Veamos un ejemplo completo

class User_model extends CI_Model {

    function __construct()
    {
        parent::__construct();
    }

    public function getUsers(){
        $query = $this->db->get('users');
        return $query->result();
    }
}

El siguiente ejemplo devolvería múltiples filas de resultados de la tabla users.

¿Cómo utilizar esta función para recuperar los datos?

Podeis encontrar mas información en la siguiente url:

http://ellislab.com/codeigniter/user-guide/database/active_record.html

En este post vamos a comentar como poder recoger las variables que nos llegan desde la url.
En codeigniter hay dos maneras de recoger las variables dependiendo de como se envien en la url.

Para que esto funcione se debería de añadir un helper en el autoload.php de Codeigniter, que se encuentra en "application/config".

Por ejemplo:

http://localhost/proyecto/index.php/blog/3

Si recibieramos una url de este estilo, en el controlador podríamos recoger ese valor de la siguiente manera:

Ejemplo de archivo controlador


Donde la variable $id que pasamos por parámetro correspondería al "3" de la url, y se lo pasamos a la vista para que la imprima.

Un ejemplo de imprimir ese valor en la vista lo tenéis en el post anterior.

Esta forma se puede utilizar simplemente cuando pasamos un solo valor a la url.

Ahora bien:

¿Como se generan estas url desde la vista del Codeigniter?

En el post anterior comentaba como hacer una configuración mínima de Codeigniter para comenzar a utilizarlo.
Hoy voy a explicar como programar con una estructura modelo - vista - controlador a través de este framework.

Para empezar voy a explicar que es un controlador, pues bien, un controlador es el archivo que contiene la lógica de nuestra aplicación web, es el archivo que se encarga de llamar a los archivos model, (que son los que contienen las consultas a la base de datos), tratar esos datos, y enviarlos a la vista para que salgan por pantalla.


Ejemplo de archivo controlador


Este ejemplo sencillo es un ejemplo claro de como se envían las variables del controlador a la vista para su visualización.
Este código lo guardaremos como blog.php.
La ubicación de los archivos controladores se han de poner en la carpeta: "application/controllers/".

CI_Controller es la clase es la clase del core de codeigniter que se usa para los archivos controladores, y así, heredar todas sus funciones.
La función index es la acción que tendremos que llamar desde el navegador para que realice el código que hemos añadido.
Todas las variables que se quieran enviar a la vista se tienen que pasar por un array, y ese array pasárselo a la vista para que haga el render de ese array en forma de variables individuales.

Si quisieramos pasarle mas variables lo haríamos de la siguiente manera:





Ejemplo de archivo Vista

Los archivos vista, son los archivos que contienen el código html para visualizar el contenido por pantalla.
La ubicación de estos archivos es: "application/views/"

El siguiente código lo vamos a guardar como blogview.php, ya que es el nombre que le hemos puesto en el controlador.



Para poder comprobar su funcionamiento, la url que se ha de poner en el navegador sería:

http://localhost/proyecto/index.php/blog/index

Donde blog es el nombre del controlador y index es el nombre de la acción del controlador, aunque en este caso si no hubieramos puesto el index hubiera funcionado de la misma forma.

Enrutamientos

Codeigniter te permite configurar enrutamientos, según la forma de la url.
Este archivo se encuentra dentro de: "application/config/routes.php"








Por defecto si simplemente ponemos en nuestro navegador la siguiente url: http://localhost/proyecto
Nos reenviará al controlador welcome.php dentro de la carpeta controllers, que es el controlador por defecto.
Si substituimos "welcome" por "blog", nos reenviaría al controlador blog.php.

Este sería un ejemplo básico de enrutamiento, ya que codeigniter te permite parametrizar los enrutamientos con variables, como el siguiente ejemplo:

$route['blog/(:num)'] = "blog/index/$1";

Este ejemplo, en nuestro caso no tiene mucho sentido, pero lo que le estamos indicando es que ante cualquier numero que escribamos en nuestra url, como por ejemplo http://localhost/proyecto/index.php/blog/3

Nos reenviará al controlador blog, acción index, y pasandole un variable por parámetro.

En el siguiente post explicaré como poder recoger esa variable en el controlador para su uso.

Controllers II

En este blog voy a comentar un tema que se utilizan en casi todas las páginas web que existen, y es el tema de la paginación.
La paginación consiste en dividir una cantidad de resultados en diferentes partes, para que no aparezcan todos de golpe y de esa manera evitar listados muy grandes.

La librería Zebra Pagination, es una librería escrita en PHP, y su función el realizar una paginación aparentemente compleja de forma muy sencilla.

Esta librería se puede descargar de: http://stefangabos.ro/php-libraries/zebra-pagination/


Ejemplo

En este ejemplo vamos a utilizar también la librería ezSQL para conectar con una base de datos.
Antes de continuar con este blog, recomendaría que os leyerais http://daycryweb.blogspot.com.es/2013/01/libreria-ezsql.html, para poder entender un poco el funcionamiento de ezSQL.


Conexión con la Base de datos

Para poder realizar la pagínación de forma correcta, necesitamos dos parametros:

- Número de datos por página
- Número de datos en total

Esto lo podríamos saber de la siguiente manera:


Una vez tenemos estos dos datos ahora ya podemos utilizar nuetra librería Zebra:


Vamos a limitar la salida de los resultados de cada página, con la cláusula LIMIT de MySQL, de esa manera si estamos en la página 1, sacará resultados del 1 al 10, en la página 2, del 11 al 20, y así sucesivamente.


La librería Zebra, trae un css por defecto, que podríamos utilizar con total normalidad, y los resultados meterlos en una tabla HTML para que quedara mas visual, pero el funcionamiento sería el mismo.

Algo Interesante

Esta parte es la continuación del blog anterior, que comentábamos, el como crear un objeto a través de una clase y como manipular este objeto con las funciones de que estaban definidas en dicha clase.

Pues bien, en este apartado vamos a hablar de Herencia entre clases, tipos de variables y tipos de funciones.
Primero vamos a definir los conceptos y después veremos unos ejemplos para que quede mucho más claro, ya que a veces puede ser algo confuso.

 Los tipos de variables pueden ser:



 Los tipos de funciones pueden ser:



Vamos a poner un ejemplo para que se vea como se utiliza la herencia entre clases, incluyendo ejemplos de los términos mencionados anteriormente.



Hemos creado una clase Abuelo que hereda las propiedades de Persona, grácias a la propiedad extends.

Ejemplo de utilización

$abuelo = new Abuelo(); //creamos el objeto.

$abuelo->setApellido ("apellidos");



$abuelo->setNombre ("Daycry");


$abuelo->setEdad("78");//modificamos el valor de la variable edad a 78

IMPORTANTE