Disclaimer: A menos que se indique lo contrario, la mayoría de los wallpapers aquí publicados han sido obtenidos de manera libre y gratuita, sin embargo, si tú eres el autor de uno de ellos, tienes forma de comprobarlo y no deseas que sea exhibido aquí, por favor hazlo saber al administrador de este blog / Most of the wallpapers here were obtained in free form, but if you are an author, have a way to prove it and don’t want to show your work here, please contact the admin.

La verdad desconozco como se llame este wallpaper, pero es un excelente y exquisito trabajo tomado con una CANON EOS 20D

Disclaimer: A menos que se indique lo contrario, la mayoría de los wallpapers aquí publicados han sido obtenidos de manera libre y gratuita, sin embargo, si tú eres el autor de uno de ellos, tienes forma de comprobarlo y no deseas que sea exhibido aquí, por favor hazlo saber al administrador de este blog / Most of the wallpapers here were obtained in free form, but if you are an author, have a way to prove it and don’t want to show your work here, please contact the admin.

DISCLAIMER: Como el mismo autor del vídeo aclara, esto es solo una broma, así que si tu dices ser un Emo y te sientes ofendido, relajate, solo es una broma / As the author said, it’s only a joke, so if you’re a self proclamed Emo, just relax, this is only a joke

Está ha sido una semana regular, aunque algo turbia con ciertas cosas… pero bueno, aquí van los updates de la semana…

1. Me desvele viendo Death Note y ahora traigo unas ojeras terribles, aunque con ellas asustó más a mis alumnos ahora que estamos en exámenes… XD
2. Finalmente he instalado NextGEN Gallery en mi blog, y debo decir que corre como cuchillo en mantequilla ^^
3. La tercera parte del Curso de Ruby, tendrá que esperar a mañana o el lunes, sorry!
4. DreamHost sigue decepcionándome cada día que pasa… Espero que antes del termino de la semana, ya tengo el dominio de mi cliente funcionando como se debe (después de dos semanas). El mensaje del soporte técnico al estilo de “Ups! nos habíamos olvidado de revisar su cuenta, usted disculpe” no me inspira confianza.
5. Si piensan contratar una tarjeta de crédito y viven en México, no contraten la tarjeta Spira, son unos sinvergüenzas que no consideran en nada a sus clientes

Y para terminar con algo agradable, les dejo el Hare Hare Yukai al estilo de Lucky ☆ Star

Pocos plugins me causan tanta emoción como este que acabo de encontrar (Ok, el plugin tiene mucho tiempo de existir, pero apenas yo lo he descubierto). NextGEN es una galería de fotos muy completa, capaz de manejar sets de galerías y albumnes, todo esto con la comodidad de ajustarse a tu Wordpress de manera nativa, usando AJAX, LightBox y Flash, produce resultados realmente muy satisfactorios, teniendo además un panel de administración tan completo que te dejará una grata sensación de amor hacía el autor del plugin (por supuesto figurativo, so pervertidos).

Instalación

• Descarga el plugin
• Descomprime todo en la carpeta wp-content/plugins, te debería crear una carpeta llamada nextgen-gallery
• Baja el JW Image Rotator, descomprime el archivo, y copia el archivo imagerotator.swf a la carpeta nextgen-gallery
• Crea en wp-content una carpeta llamada gallery con permisos de escritura
• Tendrás dos plugins nuevos, NextGEN Gallery y NextGEN Gallery widget, activa el primero y el segundo solo si deseas usarlo en la sidebar

Utilización

Ahora que has activado el Plugin, notarás una nueva sección junto a Options (Opciones)

Echemos un vistazo en ella

Procedamos ahora a explicar de forma básica su funcionamiento

Creación de Álbumnes

1. Damos clic en la opción Album dentro de Gallery
2. Buscamos Add New Album, escribimos el nombre del álbum y presionamos Update

Nuestro álbum ha sido creado y esta disponible para más adelante

Creación de Galerías

Veamos ahora como se hacen las galerías, el siguiente paso en nuestro proceso

• Vayamos a Add Gallery dentro de Gallery
• En New Gallery, escribamos el nombre de nuestra galería y presionemos Update

Una vez creada, NextGEN nos arroja información importante que usaremos después

Administración de Galerías

Ahora que hemos creados una galería, vamos a ver las funciones básicas para su administración, como la edición de la galería, su eliminación y el añadido de fotos a la misma.

Eliminar

• Nos movemos a Manage Gallery, encontraremos una lista de las galerías que llevamos hasta ahora
• Presionamos el botón Delete a un lado de la galería correspondiente y le damos clic al botón Ok, de la ventana javascript que nos pide confirmación

Editar

• En la misma sección de Manage Gallery, presionamos el botón Edit junto a la galería que vamos a editar
• Nos lleva a una nueva ventana con las siguientes opciones:
  1. Title: Título de la galería
  2. Description: Descripción de la galería
  3. Path: Ruta relativa de la galería
  4. Page Link To: Podemos ligar la galería a una página creada por Wordpress, el valor por defecto es Not Linked (no ligada)
  5. Preview Image: Imagen que servirá de Thumbnail a toda la galería, el valor por defecto es No Picture (Sin imagen)
  6. Create New Page: Se usa, si queremos que se genera una página Wordpress nueva por cada galería, el valor por defecto es Main Page(no parent) (Página principal sin página padre)
  7. Save Changes: Guarda los cambios
  8. Scan Folder For New Images: Revisa la carpeta por si hemos puesto fotos ahí sin hacer uso de NextGEN y las agrega

Agregar Fotos

• Vamos a Add Gallery, luego a Upload Images (Este paso lo podemos repetir según la cantidad de fotos que queramos)
• Por cada foto que se agrega, se genera un botón Remove, por si queremos eliminar alguna foto antes de subirlas a la galería
  
• En Upload Image, seleccionamos la foto que queremos subir a nuestra galería
• Luego en In to, escogemos la galería destino
• Presionamos Upload Images

Administrar las fotos

¡Hemos subido fotos, es hora de ver que podemos hacer con ellas antes de visualizarlas en nuestro blog.

• Nos vamos a Manage Gallery, luego pulsamos en Edit sobre la galería en la que hemos añadido las fotos. Si nos fijamos ahora, en la parte inferior de la ventana tenemos una sección que antes existía, pero estaba desierta, analicemos lo que podemos hacer en ella:
  1. ID: El Id de la foto
  2. File Name: El nombre de la foto
  3. Thumbnail: La miniatura de la foto, se puede ocultar, seleccionando el checkbox de la foto y presionando el botón Hide Thumbnails (y similar para mostrarla de nuevo, solo que ahora el botón se llama Show Thumbnails)
  4. Description: Escribe una breve descripción de la imagen
  5. Alt & Title: Para rellenar los atributos Alt y title de la etiqueta img
  6. Exclude: Evita que se vea en la galería
  7. View: Hace una vista previa de la foto
  8. Delete: Elimina la foto

Agregar Tags a las fotos

Las Tags son importantes porque ayudan a los navegadores a encontrar nuestras fotos, sirven para categorizar y ordenar también entre otras funciones, para colocar las tags a nuestras fotos, primero hay que usar el checkbox correspondiente a la foto que queremos editar, luego presionar el botón Show Tags (para ocultar las tags, presionamos de nuevo el botón que ahora dice Hide Tags)

Terminado todo, presionamos Save Changes

Usando NextGen en nuestro blog

Ha llegado la hora de la verdad, veamos como usar NextGEN en nuestro blog. Para mostrar una foto, debemos colocar el siguiente código en un post o una página:

Donde:

• id: Id de la foto
• width: Ancho de la imagen
• height: Alto de la imagen
• mode: Es opcional y se usa uno de dos posibles valoes: web20 - agrega un efecto de reflejo, watermark - agrega una sencilla marca de agua, definida en el mismo panel de administración
• float: left (izquierda) o right (derecha)

Ejemplos:

Para mostrar una galería:

Siendo id el ID de la galería. Cabe decir que esto, vierte el contenido de la galería en directo donde sea colocado, con un lindo enlace para cambiar a modo de diapositivas.

Finalmente, para colocar un álbum se usa:

Siendo id, el ID del álbum. Esto te entrega el álbum completo, como usa ajax, desde ahí puedes navegar en las galerías que están dentro del álbum y sus fotos.

Hasta aquí llega este extenso artículo sobre el plugin NextGEN Gallery, por supuesto quedaron algunos detalles en el tintero, pero será mejor que explores el plugin y descubras la enorme riqueza que te ofrece, como una idea de lo que faltó, puedes ir a Gallery, Options y configurar muchas cosas del plugin como la marca de agua, los efectos para mostrar las fotos, los thumbnail, etc. ¡Explora y diviertete!

Sin palabras.... U_U

Disclaimer: A menos que se indique lo contrario, la mayoría de los wallpapers aquí publicados han sido obtenidos de manera libre y gratuita, sin embargo, si tú eres el autor de uno de ellos, tienes forma de comprobarlo y no deseas que sea exhibido aquí, por favor hazlo saber al administrador de este blog / Most of the wallpapers here were obtained in free form, but if you are an author, have a way to prove it and don't want to show your work here, please contact the admin.

Es hora de apoyar a la gente en desgracia, si no puedes ayudar económicamente o enviando víveres o agua, puedes apoyar difundiendo los números de cuenta en donde se puede depositar cualquier cantidad y así ayudar a toda la gente de Tabasco que se encuentra en el total desamparo pues lo han perdido todo. Más del 70% del Estado se encuentra inundado, cientos de miles de familias lo perdieron todo en unos cuantos minutos, ayuda en la medida de tus posibilidades.

Como todos saben, el estado de Tabasco en la República Mexicana, se encuentra inundado en un 70%, es por ello que a través de los blogs que un servidor tiene, he decidido solicitar la ayuda de todos los lectores. Lo que puedas donar será de ayuda, de verdad, desde 1 peso es bueno, no dejes pasar la oportunidad de apoyar a la gente que se encuentra en desgracia, recuerda que nadie está exento de sufrir por la fuerza de la naturaleza.

Hoy por ti, mañana por mi …. dice el dicho. Ayuda con lo que puedas, cualquier cantidad sirve, no te dé pena si sólo puedes hacerlo con $1.00, $10.00, $100.00 o lo que sea, cada quien lo hace de acuerdo a sus posibilidades y todo es de utilidad.

A continuación les dejo los números de cuenta a los que se puede depositar para apoyar a toda ésta gente que se encuentra en desgracia:

• Banamex
  A nombre de Fomento Social Banamex
  Cuenta: 120, sucursal 100
• BBVA-Bancomer
  A nombre de Fundación BBVA Bancomer
  04 Apóyame 3
  Cuenta: 0427692633
• Banorte
  Cuenta: 27
  Cuenta: Clabe 072-790 000000000270
• Santander
  Cuenta: Apoyo a Tabasco
• Scotiabank
  Cuenta: 00100911240
• HSBC
  A nombre de Fundación Merced
  Cuenta: 4025940156
• Banco Azteca
  Cuenta: 01720115412160
• Ixe Banco, S.A.
  A nombre de Damnificados de Tabasco
  Cuenta: 7777777-8

Aqui unos banners con más información:

NOTA: AL momento de re-escribir este artículo, me entere de la nueva versión de la librería con soporte total para PHP5 y nuevos tipos de gráficas, aún así, no ha cambiado en sus funciones básicas que son las que se explican aquí.

LibChart es es una líbrería orientada a objetos de libre distribución y facilidad de uso que te ahorrara la difícil tarea de crear gráficas en tus aplicaciones Web. Todo lo que tienes que hacer, es bajarte la librería, instalarla en tu aplicación y empezar a usarla. Entremos en detalle.

Instalar la librería

Después de descargar la librería, es necesario que está se descomprima y se coloque en un subdirectorio de nuestra aplicación, en mi caso, le he dejado el nombre de la librería a la carpeta, solo para recordar que estoy haciendo.

Una vez subidos los archivos, deberás hacer lo siguiente:

• Otorga el permiso 555 a la carpeta que acabas de subir
• crea dentro de esa carpeta una subcarpeta donde se van a guardar las gráficas (se generan en formato .PNG) y ponle los atributos 777 (siempre puedes jugar con los permisos), en mi caso, le puesto demo como nombre a la carpeta

Creando gráficos

Al momento, LibChart, soporta gráficas de barras horizontales y verticales, circulares y gráficas de líneas, así que tendremos que elegir cual vamos a crear, pero primero, en nuestras aplicaciones, incluyamos la librería correspondiente (ver la nota el inicio de este artículo).

Recordemos que debemos apuntar al nombre que le hayamos puesto a la carpeta de nuestra librería. Con eso ya tenemos incluida la librería, ahora vemos como crear una gráfico de barras horizontal

Con barra verticales

Circular o de pastel

Líneal

Se ve bastante fácil, por cierto, los parametros numéricos representan ancho y alto respectivamente, $ chart es el nombre que le hemos dado a nuestra variable la cual se deriva de las clases LineChart, VerticalChart, HorizontalChart y PieChart; lo siguiente, es añadir por supuesto el contenido de la gráfica.

addPoint es un método que consiste en agregar un punto a nuestra gráfica, se instancia de la Clase Point, e incluye, el título entre comillas y el valor necesario para poder representarlo, lo que quiere decir que podemos agregar tantos puntos como datos necesitemos representar. Ahora, como ya tenemos los datos, es importante colocarle un título a nuestra gráfica, de otra forma ¿cómo sabremos que estamos ilustrando? setTitle se encarga de ello

Ahora que ya tenemos todo completo, hay que renderizar el gráfico y que se genere el archivo .png con nuestra gráfica

El método render le dice a donde vamos a depositar la gráfica, es importante como mencione al inicio que el directorio donde vamos a poner las gráficas generadas tenga el permiso 777 o 775, se que para los paranoicos de la seguridad esto es inaudito, pero vamos, hay mecanismos para ello, una recomendación es que no pongan sus gráficas sobre la raíz de su servidor sino quieren llevarse sorpresas desagradables (por aquello de los hackers, crakers, lammers, script kiddies, etc). Lo último que queda por hacer, es simplemente mostrar la gráfica en nuestra aplicación, lo haré de la forma más sencilla posible

Nada del otro mundo, ¿eh? si todo salió bien, ya tienen un perfecto sistema de generación de gráficas. Veamos el código completo de una gráfica y su visualización.

Y las bases de datos, ¿qué?

Sabía que se lo preguntarían, suponiendo que ya tenemos todo el código para la conexión de una base de datos, podemos tomar un ejemplo sencillo de como gráficar datos de alumnos de una determinada escuela.

Cuyo resultado sería:

¡Espero que les haya sido de utilidad!