Paulo Andrade

arrays con numpy y python

2017-01-03T10:00:00.000-06:00

El objetivo principal de numpy es trabajar con colecciones homogéneas de datos en arrays multi-dimensionales, estos datos están indexados dentro de tuplas (generalmente números) y son números positivos, además un concepto muy importante a aprender es que en numpy las dimensiones son llamadas "axes" (ejes), el numero de axes es el rango.

Un poco sobre los axes

Para entender un poco el concepto de los axes (ejes) veamos algunos ejemplos, vemos el siguiente array.-

a = ([1, 3, 5])

Este array tiene un rango 1 ya que se trata de un array de una dimensión, entonces como el axe es igual al rango, el axis tiene una longitud de 3, veamos ahora el siguiente array.-

a = ([1, 2, 3], [4, 5, 6])

El array tiene un rango de 2 (2 axes), el primer axis tiene una longitud de 2 y el segundo axis tiene una longitud de 3, entendido en otras palabras es una matriz de 2x3, espero que este concepto quede bien entendido.

La clase ndarray de numpy

Numpy provee una clase para matrices llamada ndarray la cual contiene propiedades y métodos muy útiles para trabajar con los array, a continuación listo algunas propiedades útiles.-

ndarray.ndim.- Nos muestra el numero de axes de la matriz.
ndarray.shape.- Nos indica el tamaño de la matriz (por ejemplo 3x2).
ndarary.size.- Nos muestra el numero total de elementos de la matriz.
ndarray.dtype.- Nos muestra un objeto donde se describen los elementos de la matriz.
ndarray.itemsize.- Nos muestra el tamaño en bytes de cada elemento de la matriz.
ndarray.data.- Nos muestra el buffer que contiene los elementos reales de la matriz.

Les muestro como funcionan las propiedades desde el interprete de python en la imagen de abajo.-

Crear arrays con numpy

Para crear arrays existen varias formas, empezamos creando un array de a forma tradicional de python.-

// Forma tradicional
import numpy as np

// Array de una dimension
a = np.array([1, 2, 3])

// Array de dos dimensiones
b = np.array([1, 2, 3], [4, 5, 6])

a.dtype.name // Nos mostrara 'int64'

Crear array con un datos especificos

También al momento de crear los arrays podemos especificar el tipo del array que necesitamos.-

// Creamos un array con numeros complejos
import numpy as np

comp = np.array([[1, 2], [3, 4]], dtype=complex)

Y vemos su contenido en la siguiente imagen.-

Crear array de puros ceros, unos o vació

Numpy nos ofrece métodos para crear matrices e inicializarlas con contenido especifico, por ejemplo.-

zeros( (columnas, filas) ) .- crea una matriz de ceros.
ones( (columnas, filas) ) .- Crea una matriz de unos
empty( (columnas, filas) ) .- Crea una matriz con datos aleatorios (estos datos son los que se encuentran en ese momento en las direcciones de memoria ocupadas).

Vemos el ejemplo en la imagen de abajo.-

Matrices con secuencia de números

Numpy también nos permite crear matrices las cuales podremos inicializar con una secuencia de datos mediante el método arange(), además estas secuencias las podremos hacer tanto con números enteros como con números flotantes.-

arange(num_inicial, num_final, secuencia)

Hay un detalle interesante al utilizar el método arange() con números flotantes y es que no se puede tener un control exacto de la cantidad de números que nos van a devolver en la matriz, para este caso se puede utilizar el método linspace() donde indicamos el total de números que queremos.-

linspace(num_inicial, num_final, total_num)

Crear array automáticos

Por ultimo vamos a ver como crear un array el cual se va a rellenar con valores desde el 0 hasta el que le indiquemos, veamos algunos ejemplos.-

// array de una dimensión
a = arange(5)

El código anterior nos crea un array de un axis con 5 elementos (0, 1, 2, 3, 4), ahora vamos a ver como crear un array de dos axes.-

// array de dos dimensiones
a = arange(15).reshape(3, 5)

// Si lo imprimimos nos mostraria lo siguiente
array([[0, 1, 2, 3, 4],
       [5, 6, 7, 8, 9],
       [10, 11, 12, 13, 14]])

Conclusiones

Al tratar de trabajar con una librería como numpy asumo que por lo menos se tiene un concepto básico de python, en este caso sera fácil aprender a trabajar con numpy, en caso contrario, te recomiendo que tomes un curso básico de python antes de continuar, muchas gracias por leer y hasta la próxima.

Instalar numpy para python 2.7 en ubuntu

2017-01-02T10:00:00.000-06:00

En un articulo anterior vimos como instalar opencv para poder trabajar en el reconocimiento de patrones en imágenes y video streaming, pero al trabajar con las imágenes trabajaremos con grandes cantidades de datos en matrices y hay es donde entra numpy, la cual es una librería que dota de cálculos matemáticos a python al estilo de matlab.

Para que nos sirve numpy

Como comentaba a principio del articulo numpy nos va a ayudar a realizar cualquier tipo de calculo vectorial para nuestros proyectos con opencv, con esa librería podremos realizar cualquier calculo de vectores y/o matrices (todas las operaciones conocidas en álgebra lineal), pero una de las cosas mas importantes es que numpy incorpora herramientas para poder integrar software escrito con otros lenguajes de programación como c/c++ a nuestro proyecto.

Instalación

Existen varios métodos de instalar numpy en ubuntu, nosotros lo vamos a instalar desde el gestor de aplicaciones, así que abrimos la shell y ejecutamos el siguiente comando.-

$ sudo apt-get install python-numpy python-scipy python-matplotlib ipython ipython-notebook python-pandas python-sympy python-nose

La descarga puede tomar un tiempo, así que hay que tener un poco de paciencia.

Verificar la instalación

Una ves terminada la instalación vamos a comprobar que todo se halla instalado y configurado correctamente, para ello abrimos el interprete de python (desde la shell) e importamos la librería de numpy como se muestra en la siguiente imagen.-

Vemos que ya podemos importar la libreria y la utilizamos para mostrar la versión instalada de esta.

Conclusiones

Si llegas a este punto y no te mostraron errores, ya estamos listos para empezar a trabajar con opencv, si tienes alguna duda o se te presento alguna complicación en el proceso, publica tu duda en los comentarios y con gusto te ayudare, gracias pr leer y hasta la próxima.

Instalar opencv en ubuntu

2016-12-31T01:06:00.000-06:00

En este articulo vamos a enseñar como instalar opencv en ubuntu, para ello vamos a realizar una serie de pasos previos para preparar nuestra instalación, así que sin más empecemos.

Un poco sobre OpenCV

Se trata de una librería open source creada inicialmente por intel pero fue liberada en el año 2006, con la cual podremos realizar reconocimiento de imágenes y videos utilizando lenguajes de programación como python, java, c/c++, es decir poder tener una visión artificial.

Instalando dependencias necesarias

Para versiones menores a la 16.04 de ubuntu utiliza el siguiente comando.-

$ sudo apt-get install --assume-yes libopencv-dev build-essential cmake git libgtk2.0-dev pkg-config python-dev python-numpy libdc1394-22 libdc1394-22-dev libjpeg-dev libpng12-dev libtiff5-dev libjasper-dev libavcodec-dev libavformat-dev libswscale-dev libxine2-dev libgstreamer0.10-dev libgstreamer-plugins-base0.10-dev libv4l-dev libtbb-dev libqt4-dev libfaac-dev libmp3lame-dev libopencore-amrnb-dev libopencore-amrwb-dev libtheora-dev libvorbis-dev libxvidcore-dev x264 v4l-utils unzip

En la versión 16.04 (o superiores) utiliza este comando.-

$ sudo apt-get install build-essential cmake git

$ sudo apt-get install ffmpeg libopencv-dev libgtk-3-dev python-numpy python3-numpy libdc1394-22 libdc1394-22-dev libjpeg-dev libpng12-dev libtiff5-dev libjasper-dev libavcodec-dev libavformat-dev libswscale-dev libxine2-dev libgstreamer1.0-dev libgstreamer-plugins-base1.0-dev libv4l-dev libtbb-dev qtbase5-dev libfaac-dev libmp3lame-dev libopencore-amrnb-dev libopencore-amrwb-dev libtheora-dev libvorbis-dev libxvidcore-dev x264 v4l-utils unzip

Listo ya podemos proceder con el siguiente paso.

Preparar la instalación de openCV

Una ves instaladas las dependencias, vamos a descargar openCV desde su web oficial y vamos a descomprimirlo, y desde la shell vamos a ingresar al directorio principal y crearemos un nuevo directorio al que llamaremos "build" e ingresaremos en el, con el siguiente comando.-

$ mkdir build && cd build

Ahora vamos a configurarlo.-

$ cmake -D CMAKE_BUILD_TYPE=RELEASE -D CMAKE_INSTALL_PREFIX=/usr/local -D WITH_TBB=ON -D WITH_V4L=ON -D WITH_QT=ON -D WITH_OPENGL=ON ..

Y procedemos a crear el paquete de instalación.-

$ make

Instalar openCV

Para instalar vamos a utilizar la dependencia "checkinstall" (si no la tienes instalada debes hacerlo).-

$ sudo apt-get install checkinstall

$ sudo checkinstall

Comprobación de la instalación

Para ver que todo halla salido bien, vamos abrir una nueva ventana en la terminal y entraremos al interprete de python, donde vamos a importar la librería de openCV (la encontramos con el nombre cv2) y mostramos la versión instalada como se muestra en la siguiente imagen.-

Conclusiones

Si llegaste a este punto espero que todo halla salido bien y estes al pendiente de nuevos artículos sobre este tema, en caso contrario publica tu duda en los comentarios y con gusto te ayudare, gracias por leer, hasta la próxima.

Deploy de una app con nodejs en heroku

2016-12-29T18:08:00.000-06:00

Recientemente el uso de nodejs para crear el backend de nuestras aplicaciones web es mas usual (no a tal grado de hacerlo como con PHP ya que este sigue siendo mucho mas popular y sus servidores son muy económicos de mantener) y aun que es algo caro tener un servidor para realizar pruebas de nuestra aplicación en producción existen herramientas como heroku que nos van a permitir hacerlo de forma gratuita.

En este articulo les voy a enseñar como desplegar una app creada con nodojs en heroku en unos simples pasos, antes de continuar sera necesario tener una aplicación lista, en caso de no tenerla puedes utilizar la que heroku tiene para pruebas, además si utilizas windows debes de tener instalado tanto git como nodejs para poder continuar.

Crear una cuenta en heroku

Vamos a necesitar crearnos una cuenta en heroku para poder hacer uso de sus servidores, es muy sencillo y rápido, para ello entramos a su web oficial y damos clic en "sign up for free".-

Preparando el entorno de desarrollo

Para poder realizar el deploy de nuestra app necesitamos tener instaladas las heroku CLI, las cuales son un conjunto de herramientas que nos van a facilitar la vida, las puedes encontrar desde la web oficial de heroku. Su instalación es sencilla.

Una ves instaladas, vamos a abrir la shell (terminal de git para windows) y nos vamos a ubicar en el directorio principal de nuestro proyecto, lo siguiente que vamos a hacer es loguearnos a heroku desde la shell con el siguiente comando.-

$ heroku login

Y nos pedirá que ingresemos el email y password que dimos al registrarnos en heroku.-

Muy bien antes de poder subir la app al servidor de heroku hay que realizar un par de cosas, lo primero es usar git para crear un repositorio del proyecto y poder guardar los cambios realizados en el, si no lo hacemos al momento de querer subir la app heroku no reconocera nada, entonces iniciamos un nuevo repositorio con git.-

$ git init

Utilice comandos como "git add ." y "git commit -m 'string'" para poder guardar todos los archivos del proyecto con git (control de versiones), es necesario tener un conocimiento basilisco de esta herramienta.

El segundo paso a realizar es crear una app en heroku, algo así como nuestro server para subir nuestra app de nodejs, para ello utilizamos el siguiente comando (el nombre de la app lo crea heroku al azar).-

$ heroku create

En este ejemplo la app creada en heroku se llama "obscure-shelf-17681" y para acceder a esta podemos visitar la url "http://obscure-shelf-17681.heroku.com" pero si lo hacemos en este momento no se mostrara nada.

Deploy de la app

Ahora si ya tenemos todo listo para subir la app a heroku, lo hacemos utilizando el siguiente comando.-

>git push heroku master

NOTA: antes de subirlo es necesario crear el archivo ".gitignore" en el directorio principal del proyecto, y como contenido usar "node_modules/*", con esto evitaremos que se suban al servidor las dependencias de node y nos cause un error.

Este proceso aparte de subir nuestros archivos al servidor (app de heroku) tambien instala las dependencias necesarias para el proyecto con nodejs, una ves termine, la app estara lista para empezar a correrla.

Correr la app

Ya terminamos la parte mas difícil, ahora solo vamos a correr la app con el siguiente comando.-

$ heroku ps:scale web=1

Listo ya podremos ver nuestra app corriendo en el navegador.-

Conclusiones

Bueno si llegaste a este punto, seguro que ya tienes tu app corriendo en heroku, de no ser así, puedes dejar tu duda en el área de comentarios y con gusto te ayudare, muchas gracias por leer, hasta la proxima.

Crear modulos con nodejs

2015-01-21T18:05:00.001-06:00

Que tal amigos del blog, les dejo el tercer video del curso de nodejs, en el cual vamos a ver como crear modulos con el fin de evitar tener todo el codigo del servidor en un solo archivo, de esta forma tendremos nuestro codigo mas limpio y ordenado facilitando la lectura del mismo.

Les dejo la documentacion del video.-

Los módulos nos van a permitir tener una mejor organización de nuestro código, ya que podremos separar partes del servidor que nos sirvan para realizar una tarea en concreto en diferentes documentos y de esta forma evitar tener todo el código del server en un solo documento.

Crear un modulo:

Para crear un módulo debemos crear un nuevo documento y darle un nombre que sea referente a la funcionalidad del módulo a crear (es una buena práctica) y guardarlo con la extensión .js, lo podemos guardar en el root del proyecto (o crear un directorio para nuestros modulos).

Dentro del documento podremos declarar variables y funciones las cuales cuando el módulo sea requerido por nosotros se convertirán en propiedades y métodos del objeto creado al requerirlo.-

/* Módulo de ejemplo

ejemplo.js */

// Declaramos una propiedad

var nombre = "Paulo";

// Declaramos un método

function saludar()

{

console.log("Hola");

}

Ahora solo faltaria exportar la propiedad y el método declarado en el módulo ejemplo.js para poder acceder a estos desde el documento que requiera el módulo.-

module.exports.nombre = nombre;

module.exports.saludar = saludar;

El código anterior se declara al final del módulo.

Incluir módulos propios:

Para incluir un módulo propio lo hacemos de igual forma en cómo incluimos los módulos que vienen por defecto en nodejs, con la diferencia de indicar el path del módulo partiendo de ./ que indica el directorio principal del proyecto.-

// Incluimos el módulo ejemplo.js

var ejemplo = require("./ejemplo.js");

// Mostramos el contenido de la propiedad nombre

console.log( ejemplo.nombre );

// Llamamos al método saludar

ejemplo.saludar();

Ejemplo final del video.-

//server.js

var http = require("http"),
   urls = require("url"),
   router = require("./router.js"),
   rutas = require("./rutas.js"),
   port = 3000;

http.createServer(function (req, res){
   var url = urls.parse(req.url);
   var pathname = url.pathname;
   router.router(rutas.rutas, pathname, res);
}).listen(port);

console.log("Servidor corriendo en el puerto: "+port);

// router.js

function router(rutas, pathname, res)
{
   // Verificamos que la ruta a la que se va acceder este declarada en el objeto rutas
   if(typeof rutas[pathname] === "function"){
       // Si esta declarada ejecutamos la función asignada a la ruta return
       rutas[pathname](res);
   } else {
       res.writeHead(404, {"Content-type" : "text/html"});
       res.write("Error 404 Pagina no encontrada");
       res.end();
   }
}

module.exports.router = router;

// rutas.js
var rutas = {}; // Creamos el objeto rutas

// Agregamos las rutas al objeto
rutas["/"] = inicio;
rutas["/admin"] = admin;

function inicio(res)
{
   res.writeHead(200, {"Content-type" : "text/html"});
   res.write("Pagina de inicio");
   res.end();
}

function admin(res)
{
   res.writeHead(200,{"Content-type" : "text/html"});
   res.write("Pagina de administracion");
   res.end();
}

module.exports.rutas = rutas;

Crear un router para el servidor web con nodejs

2014-12-22T21:14:00.002-06:00

Quetal amigos del blog, les dejo el segundo video del curso de nodejs, en este video vamos a aprender a crear un router para nuestro servidor web, con el cual vamos a conseguir servir contenidos dependiendo de la ruta en la que ingrese el usuario.

Les dejo documentación sobre el video.-

Módulo url:

Este módulo posee utilidades para la resolución y análisis de las url de nuestro servidor.

// Incluimos el módulo url
var urls = require("url");

propiedad url del objeto req:

Esta propiedad nos devuelve la url completa solicitada en la petición a nuestro servidor, todo lo referente a peticiones lo podemos encontrar en el objeto req (request).

// Obtenemos la url de la petición al servidor

var url = req.url;

Método parse del objeto urls:

Este método nos ayuda a transformar en un objeto la url que le pasamos por parámetro para poder obtener diferentes partes de la url como el host, path, pathname, query, etc, cuando nos referimos al objeto urls, hablamos del módulo url.

// Convertimos en un objeto la url de la petición

var url = urls.parse(req.url);

Propiedad pathname:

Podemos acceder a esta propiedad en el objeto resultante al utilizar el método parse(), si seguimos los ejemplos anteriores el objeto resultante esta en la variable url.

// Obtenemos el pathname de la url

var pathname = url.pathname;

Mi primer servidor web con nodejs

2014-12-19T22:51:00.001-06:00

Que tal un saludo a todos los seguidores del blog, hace mucho que no posteo nada por aqui, les pido una disculpa :) , pues bien, les traigo un video en el que vamos a ver como crear un servidor web con nodejs.

Les dejo la documentacion de lo visto en el video.

Módulo http:

Este módulo nos ayuda con la tarea de los protocolos al momento de servir nuestras páginas web, lo guardamos en la variable http y a partir de ese momento esta variable se convierte en un objeto del módulo http para poder acceder a sus métodos.

// Incluimos el módulo http
var http = require("http");

Método createServer del objeto http:

Este método nos va a crear un servidor, como parámetro utilizamos un callback al cual le vamos a pasar dos parámetros, que son los siguientes:

req - (request) petición
res - (response) respuesta

En el momento que se dispare este callback, los parámetros req y res se convierten en objetos de los cuales podremos acceder a sus propiedades.

// Creamos un servidor
http.createServer(function (req, res) {
// Instrucciones
});

Objeto res:

Este objeto sólo existe mientras se responda a la petición que se hace al servidor (por ejemplo pedir una pagina web) y podremos utilizar sus métodos para interactuar con el contenido de la página a servir.

Método writeHead:

Este método pertenece al objeto res y nos sirve para crear una cabecera para el documento web a mostrar, recibe dos parámetros, el primero es el status de la petición y el segundo parámetro es el tipo de contenido a mostrar.

res.writeHead(200, {"Content-type" : "text/html”});

Método write:

Este método pertenece al objeto res y nos sirve para mostrar contenido en pantalla, recibe como parámetro el texto a mostrar.

res.write("<h1>Hello Word</h1>");

Método end:
Este método pertenece al objeto res y como buena práctica siempre debe ser llamado al finalizar una respuesta ya que indica que las cabeceras y contenido ya fueron enviados.

res.end();

Método listen:

Este método recibe como parámetro el puerto en el que estará corriendo nuestro servidor.

http.createServer(...).listen(3000);

Arrancar el servidor:

Para poder arrancar nuestro servidor debemos abrir la terminal y ubicarnos en el directorio donde se encuentra nuestro servidor y ejecutar la siguiente instrucción.

node server.js

Donde server.js es el archivo que contiene el código de nuestro servidor, para acceder a ver el ejemplo abrimos el navegador e ingresamos a la siguiente url.

http://127.0.0.1:3000

Introduccion a lungo framework y como crear mi primera app

2014-06-22T22:13:00.002-05:00

Que tal amigos del blog les dejo un videotutorial, en donde aprenderan a preparar el entorno de desarrollo del Framework Lungo con el que empezaremos a desarrollar aplicaciones moviles, ademas crearemos nuestra primera app basica, asi que empecemos.

Cualquier duda pueden dejearla en el foro de programacion azteca y ademas en github podras encontrar el codigo que utilizamos en el video.

Texto con efecto diamante con gimp

2014-03-06T23:08:00.003-06:00

Que tal amigos del blog, seguramente como desarrolladores web o diseñadores están usando alguna herramienta de edición de imágenes para sus proyectos, pues de hoy en delante estaremos publicando videotutoriales sobre Gimp un editor de imágenes gratuito y de software libre, para que estén pendientes de los artículos.

En este articulo veremos como colocar un efecto diamante al texto y a su vez vemos como crear un pincel para Gimp.

Cualquier duda o recomendación estoy a sus ordenes, saludos.

Crear servidor web con Nodejs

2014-03-05T22:32:00.002-06:00

Que tal amigos del blog, les traigo un videotutorial en donde aprenderán a crear su primer servidor web con nodejs, es muy fácil y notaran que logramos esto con muy pocas lineas de código, si aun no tienes instalado node en tu sistema, no te quedes atrás e instala node que es una excelente tecnología web.

Cualquier duda estoy a sus ordenes saludos.

Instalar nodejs y sus variables de entorno en windows

2014-03-04T23:21:00.001-06:00

Que tal amigos del blog, en este articulo les dejo el primer videotutorial del mini curso de nodejs, es un mini curso intensivo, es decir, vamos directo al grano (al código) y no nos detenemos a ver la teoría, espero les agrade, se trata de una tecnología nueva que poco a poco gana terreno en el mundo de la programación web.

Cualquier duda que tengan respecto al tema estoy a sus ordenes.

barra de progreso estilo youtube para blogspot

2014-03-03T22:49:00.001-06:00

Que tal amigos del blog, lo mas seguro es que la mayoría de todos nosotros utilizamos el servicio de youtube, el cual tiene una barra de progreso (en la parte superior) que nos indica cuando la pagina empieza a cargar y cuando la pagina esta lista, en este articulo les voy a mostrar como instalarla en nuestro blog (aplica tanto para blogger o cualquier otra plataforma).

Entramos al administrador de blogger e ingresamos al menú Plantilla y en Editor Html.-

Buscamos el siguiente código en el editor.-

]]></b:skin>

Y pegamos el siguiente código antes del código anterior.-

#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: #FF0905;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 4px;
}
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}
#nprogress .spinner {
display: block;
position: fixed;
z-index: 999;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}
@-webkit-keyframes nprogress-spinner {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

Ahora nos dirigimos hasta el final del editor y antes de la etiqueta </body> pegamos el siguiente código.-

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'/>
<script src='http://azteca.programandowebs.com/host/barra.js'/>
<script>
NProgress.start()
$(document).on("ready", function(e){
    NProgress.set(0.4);
    NProgress.inc();
});
$(window).on("load", function (e){
    NProgress.done();
});
</script>

Listo, ya tenemos instalada nuestra barra de progreso en nuestro blog, espero les sirva, ya que en mi opinión le da un estilo mas profesional al blog y al usuario se le da un indicio de que algo esta pasando, cualquier duda como siempre estoy a sus ordenes, saludos.

Parametros y metodos de wxFrame en wxPython

2014-03-02T18:45:00.002-06:00

Que tal amigos del blog, en la primer articulo sobre wxPython hable sobre como crear nuestro primer programa (nuestra primer ventana), fue realmente algo muy sencillo, este articulo es un complemento para el anterior, les mostrare algunos métodos útiles de wxFrame (objeto con el que creamos la ventana) para manipular el uso de nuestra ventana.

Parámetros de wxFrame

Empecemos hablando sobre el objeto que nos permite crear una ventana, el cual puede recibir hasta 7 parámetros, los 3 primeros son obligatorios y los últimos 4 son opcionales, veamos el constructor.-

wx.Frame(PARENT, ID, TITLE, POS, SIZE, STYLE, NAME)

El parámetro PARENT puede recibir como valor None, con esto indicamos que es la ventana padre del programa y ninguna ventana podrá estar por encima de esta jerarquicamente, en caso contrario indicamos la que seria la ventana padre.

El parámetro ID le asigna un identificador a nuestra ventana con el fin de poder asociarla a algún evento, le podemos asignar el valor -1 y dejar que pyhton le asigne el identificador automáticamente.

El parámetro TITLE indica el titulo de la ventana el cual se mostrara en la barra de titulo de la ventana.

El parámetro POS indica la posición en la cual aparecerá la ventana, puede recibir como parámetro wxDefaultPosition y el sistema operativo en el que se ejecute nuestro programa determina la posición por defecto, o podemos indicar la posición en X e Y tomando como referencia la parte superior izquierda de la ventana, con las siguientes coordenadas aparecerá pegada ala parte superior izquierda, ejemplo.-

pos=(0 , 0)

El parametro SIZE indica el tamaño de nuestra ventana, puede recibir como parametro wxDefaultSize y el sistema determinara el tamaño por defecto, o se lo podemos indicar de la siguiente manera, ejemplo.-

size=(800, 600)

El parámetro STYLE permite seleccionar varios estilos para nuestra ventana en el sentido de mostrar u ocultar componentes de la misma.-

wx.CAPTION (muestra un pie de imagen en la ventana)
wx.CLOSE_BOX (muestra cuadro de cerrar)
wx.DEFAULT_FRAME_STYLE (componentes por defecto)
wx.MINIMIZE_BOX (muestra un cuadro de minimizar)
wx.MAXIMIZE_BOX (muestra un cuadro de maximizar)
wx.RESIZE_BORDER (muestra un borde de tamaño variable)
wx.SYSTEM_MENU (muestra el menú de sistema con distintos comandos)

Hasta el momento vimos como configurar nuestra ventana desde el constructor de wxFrame pero tambien hay métodos que nos permiten configurar ciertos componentes del frame sin necesidad de declararlos en el constructor, veamos cuales son.

Posición de la ventana

El método SetPosition() indicamos la posición en la que aparecerá nuestra ventana, veamos un ejemplo de como posicionar en la esquina superior izquierda.-

impor wx
class Example(wx.Frame):
    def __init__(self, parent, title):
        super(Example, self).__init__(parent, title)
self.SetPosition(0, 0)
        self.Show(True)
def main():
    app = wx.App
    frame = Example(None, 'posicionando la ventana')
    app.MainLoop()
def __name__ == "__main__":
    main()

Tamaño de la ventana

El método SetSize() indica el tamaño dela ventana, recibe como parámetro el ancho y el alto de nuestra ventana, ejemplo.-

impor wx
class Example(wx.Frame):
    def __init__(self, parent, title):
        super(Example, self).__init__(parent, title)
self.SetSize(800, 600)        self.Show(True)
def main():
    app = wx.App
    frame = Example(None, 'posicionando la ventana')
    app.MainLoop()
def __name__ == "__main__":
    main()

Otros métodos

Existen mas métodos que nos pueden ayudar con la configuración de la ventana veamos un ejemplo rápido

Centre() centra nuestra ventana
SetMaxSize() asigna un tamaño máximo de ventana
SetMinSize() asigna un tamaño mínimo para la ventana
SetTitle() asigna un titulo a nuestra ventana

Conclusiones

Hasta el momento solo somos capaces de crear una venta simple y poder manipular algunos componentes de la misma, poco a poco aprenderemos a crear una aplicación mas robusta en el siguiente articulo veremos como crear un menú y asignarle un evento para que realice una acción, cualquier duda con gusto los auxiliare.

Información acerca del autor en blogger

2014-03-01T12:38:00.000-06:00

Hola que tal amigos del blog, les muestro como colocar un cuadro de información acerca del autor del articulo mas amplio y con mejor aspecto que el que muestra por defecto la plataforma blogger (bueno, si se le puede llamar cuadro de información :P), es muy fácil de implementar.

Primero deben de entrar a la opción PLANTILLA y después en EDITAR HTML todo esto en el administrador de blogger.

Ya en el editor, buscamos las siguientes lineas de código.-

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'>
<data:post.author/>
</span>
</b:if>
</span>

Las cuales vamos a reemplazar por las siguientes lineas de código.-

<b:if cond='data:blog.pageType == "item" '>
<div class='acerca'>
<img src='url_imagen'/>
Publicado por <data:post.author/>
<p>Información sobre nosotros</p>
</div>
</b:if>

No olviden colocar la url de la imagen de su avatar y cambiar la información dentro de las etiquetas <p> y </p>, ya casi terminamos solo falta colocar los estilos para nuestro cuadro, buscamos el siguiente código.-

]]></b:skin>

Y antes del código anterior colocamos el siguiente código.-

.acerca
{
background: #f9f9f9;
border: 1px solid #ddd;
letter-spacing: normal;
color: #222;
font-size: 13px;
padding: 5px;
margin: 10px 0 10px 0;
}
.acerca img
{
border: none;
float:left;
margin:0 10px 10px 0;
width:80px;
height:80px;
}

Con esto terminamos, el resultado final es este.-

Puedes jugar un poco con el CSS y darle el formato que tu quieras, espero les sirva y cualquier duda con gusto te ayudare, saludos.

Crear mi primer programa con wxPython

2014-02-28T10:28:00.001-06:00

Que tal amigos del blog, un cliente me ha solicitado crear un programa para administrar una dulceria, algo así como un sistema punto de venta con el cual se pretende llevar un registro e inventario de los productos que venden y tener la posibilidad de imprimir facturas electrónicas, la mi cuestión era que lenguaje de programación utilizar, después de analizar entre C++ y Python, me decidí por este ultimo, debido a que cuenta con un excelente kit de herramientas para la creación de aplicaciones de escritorio GUI (Interfaz Gráfica de Usuario) llamado wxPython

Decidí subir algunos artículos con lo básico para poder utilizar wxPython, para seguirlos es necesario conocer un poco sobre Python y tenerlo instalado en nuestro ordenador (si no tienes ni idea de Python con gusto los auxiliare).

Mi primera ventana

Es algo parecido al hola mundo al momento de aprender un nuevo lenguaje de programación, les muestro el código completo y explico.-

import wx
app = wx.App(False)
frame = wx.Frame(None, -1, 'Mi primer ventana')
frame.Show()
app.MainLoop()

Realmente es un ejemplo bastante sencillo, veremos linea por linea la sintaxis.-

import wx

Importamos el modulo wx.Python el cual nos creara un objeto desde el cual podremos acceder a sus métodos mediante la variable wx.

app = wx.App(False)

Creamos un objeto App (aplicación), es importante que cada programa cuente con este objeto , el cual representa a la aplicación y nos permite arrancar el sistema de wxPython.

frame = MiPrimerVentana(None, -1, 'Mi primer ventana')

Creamos un objeto Frame el cual es uno de los componentes importantes de wxPython, prácticamente es un contenedor al cual le pasamos 3 parámetros, el primero decide si el objeto frame es un componente padre o un componente hijo, al utilizar None indicamos que sea un componente padre y es el mas alto en la jerarquía de componentes, el segundo es el identificador del frame, al utilizar -1 dejamos que wxPython le asigne un identificador automáticamente y por ultimo le asignamos el nombre a nuestra ventana.

frame.Show()

Show() es un método el cual muestra nuestro Frame en pantalla

app.MainLoop()

El método MainLoop() es el encargado de iniciar un bucle en la espera de eventos, permitirá tener corriendo el programa hasta que sea cerrado por el usuario.

El ejemplo anterior fue solo para explicar un poco el funcionamiento de wxPython, pero ya en la practica utilizaremos clases para trabajar, aquí un ejemplo básico de una clase para mostrar una ventana.-

import wx

class MiPrimerVentana(wx.Frame):
def __init__(self, *args, **kwargs):
super(MiPrimerVentana, self).__init__(*args, **kwargs)
self.SetTitle('Mi primer ventana')
self.Show(True)

def main():
app = wx.App(False)
MiPrimerVentana(None)
app.MainLoop()

if __name__ == "__main__":
main()

Este seria la vista del ejemplo en funcionamiento.-

Con esto terminamos la pequeña introducción a wxPython, cualquier duda con gusto los auxiliare pueden contactarme por mi twitter o dejarlo en el área de comentarios, saludos.

Cambios en el frontend del blog

2014-02-27T21:57:00.002-06:00

Hola amigos del blog, les pido una disculpa a los usuarios concurrentes y de igual manera a los usuarios nuevos, en estos últimos días he cambiado la plantilla del sitio y he estado realizando varias pruebas que seguramente causaron molestias debido a que la información o algunos componentes del sitio no se visualizaba de la forma correcta.

El desarrollo del nuevo frontend en mi opinión ya es de un 80 a 90%, solo a la espera de contar su colaboración para terminar, en estos momentos el sitio es totalmente responsive design, es decir que se visualizara en cualquier dispositivo móvil (smartphone, tableta) y es en esta parte donde necesito que me comuniquen si tienen algún problema al entrar al sitio.

De igual manera si en tu opinión crees que le falte algo o que le sobre al sitio, haslo saber, lo importante es hacer un sitio atractivo para tu visita.

Muchas gracias y saludos, éxitos en tus proyectos.

Rescatar proyecto de cara al seo

2012-12-10T21:45:00.000-06:00

Pues tal y como dice el titulo, necesito rescatar un proyecto que empece hace ya 6 años, se trata de la pagina Programación Azteca, les cuento un poco, es una pagina dedicada a manuales y tutoriales de programación web, el sitio lo deje abandonado hace poco mas de año y medio hasta ese momento me venia según yo recuerdo dando alrededor de 4000 visitas mensuales y simplemente se vino abajo en visitas y posicionamiento.

Condiciones Actuales (Hace 3 días)

Como desapareció un tiempo de internet debido a que no se renovó el dominio, el sitio esta colocado en un subdominio, esta condición es temporal ya que en cuanto empiece a mejorar se cambiara a un dominio propio.

La pagina tenia indexada el 100% de sus paginas alrededor de 550 pero por un error en el archivo robots.txt en donde se le indicaba la dirección del sitemap de forma errónea por tal error Google desindexo todas sus pagina, actualmente el sitio cuenta con solo 1 pagina indexada.

En el ultimo mes solo tubo un total de 275 visitas, equivalente a un total de 10 visitas diarios en promedio (lo que es nada), ademas checando las keywords por las cuales llegan visitantes mediante los buscadores son solo 3 y en mi opinión un poco irrelevantes, las menciono a continuación.-

1.- Finanzas (con 9 visitas mensuales)

2.- Dyrpi (con 8 visitas mensuales)

3.- Etiquetas obsoletas de html (con 2 visitas mensuales)

Cierto que algo muy malo!!!, pero así esta la situación ademas cabe mencionar que el sitio esta algo obsoleto en cuanto a tecnología web se refiere, ademas de no validar en la W3C algo que de cierta forma Google toma en cuenta para un mejor posicionamiento.

Imagen del sitio antes de la actualización

Y uno de los temas mas importantes es que el blog tenia el año y medio sin ninguna publicación en otras palabras no tiene contenido fresco, algo que Google ve muy mal.

Que se pretende hacer

1.- Primero que nada hay que corregir el archivo robots.txt para que nos indexe de forma correcta los enlaces en nuestro sitemap.

2.- Actualmente solo tengo registrado el sitio en las herramientas para webmaster de Google y creo que seria una buena idea registrarlo en Bing para realizar comparativa de estadísticas de estos dos buscadores.

3.- Hay que realizar cambios en el código del sitio, hy que ir de la mano de la tecnología así que creo que es imprescindible actualizar a tecnologías como HTML 5 y CSS3, tratando de eliminar todo el código obsoleto, y en el proceso ver que el código valide en los estándares de la W3C.

4.- Hay que publicar por lo menos un articulo por semana, para indicarle a Google que se esta trabajando en el contenido.

Creo que es lo mejor empezar con poco, mas que nada en el SEO one page, para tratar de rescatar un poco el sitio.

Conclusiones

La verdad parece una tarea bastante tediosa, primero tratar de rescatar este sitio en cuanto a SEO se refiere, Segundo hay que actualizar la tecnología de este sitio convertirlo a HTML 5 y CSS 3 en su totalidad y como tercer punto convertirlo de un sitio común y corriente a una plataforma web, pero esperemos aprender en el proceso y por que no divertirnos.

Los mantendré al tanto de las actualizaciones del sitio y si mejoramos o empeoramos en cuanto a SEO, saludos.

Configurar un dominio personalizado para blogger

2012-10-21T18:24:00.001-05:00

Aprovechando que le asignare un dominio propio a este blog (el cual se encuentra en la plataforma Blogger), les mostrare la forma de hacerlo paso a paso en forma de tutorial, espero les sirva a mas de alguno, así que comencemos a configurar el dominio nuevo, si surgiera algún problema no duden en comentarlo y con gusto les ayudare.

Lo primero es ir a la configuración del blog al que vamos a personalizar desde blogspot.com , vamos a la parte donde dice configuración en el menú de la derecha, después hacemos clic en añadir un dominio personalizado como lo muestra la imagen de abajo.-

Se te preguntara si quieres comprar el dominio por medio de blogger o si ya cuentas con el nos vamos a la opción cambiar a la configuración avanzada, si compras el dominio en blogger has caso omiso a este tutorial, ya que Google configura el dominio automáticamente.-

Yo me iré por la segunda opción ya que cuento con el dominio ya por mas de un año, nos pedirá que ingresemos el dominio nuevo, el cual debemos de ingresarlo con las www, si no lo haces blogger no te dejara avanzar con la configuración, lo ingresamos y Google nos pedirá que registremos en el dominio los datos que se nos proporciona, así que damos clic en instrucciones de configuración, para que se generen dichos datos.

Al dar clic, se nos va a redirigir a una nueva pagina en donde se nos preguntara si sera un dominio o un subdominio el que vamos a utilizar, en mi caso seleccionare dominio.-

Una ves hecho lo anterior se nos desplegara una lista con los pasos e instrucciones a seguir para terminar de configurar nuestro dominio nuevo, el primer paso debemos ingresar al panel de control de nuestro dominio (este c-panel es proporcionado por nuestro proveedor de dominio) desde donde vamos a modificar los DNS del dominio para que apunten a nuestro blog, para ello, vamos a ingresar la información de nuestros CNAMES y A-records proporcionados por Google.

Empecemos con ingresar nuestros registros CNAMES (ingresaremos 2), para el primer registro CNAME en la parte de Name, label o host ingresaremos www, en donde dice Destination, target o point ingresa ghs.google.com y para el segundo registro CNAME ingresamos los datos proporcionados por Google, estos datos son únicos para cada usuario, como lo muestra la imagen de abajo.-

Por tal motivo, debes de utilizar los datos que te proporcione Google y no utilizar los de la imagen, el segundo paso es crear 4 registros A apuntando a 4 IPs diferentes, de igual modo proporcionadas por Google, aquí las direcciones IP son las mismas para todos.-

Con esto ya habremos terminado casi todo el trabajo, explicando un poco lo que ya hicimos, los registros CName indican hacia donde apunta el dominio (en este caso a nuestro blog), y los registros A nos sirven para que se redireccionen las url sin www (misitio.com a www.misitio.com) a url con www, en caso de no configurar los registros A e intentamos ingresar a la url sin www nos mandara un error 404, pagina no encontrada.

Ya por ultimo regresamos a la configuración de blogger e ingresamos de nuevo el dominio nuevo y damos clic en guardar, si te mandara un mensaje de error debes esperar alrededor de 1 hora a 48 horas para que sufran efecto los nuevos registros CNAME y A, una ves que te deje guardar blogger marca la casilla de redireccion automática y guardas.-

Listo, ahora ya nuestro dominio tendría que estar funcionando sin problemas, encaso de presentarse alguno, solo espera algunos minutos en los que hace efecto la configuración, saludos y espero les sirva.

Disponible nueva herramienta de Google para desautorizar enlaces

2012-10-17T21:37:00.000-05:00

El día de ayer hablaba sobre el efecto y consecuencias de Google penguin, afortunadamente Google tomo cartas en el asunto y a agregado una nueva herramienta en la webmaster tools llamada disavow links (desautorizar enlaces) con la que se pretende combatir los sitios spam que dañan según san Google la calidad de nuestras paginas.

Google solo recomienda utilizar esta herramienta cuando se te notifique (por parte de Google) que tu sitio tenga el problema de enlaces de sitios spam, ya que de otra manera podrás afectar gravemente el rendimiento de tu sitio en las búsquedas de Google, así que si no cuentas con este problema olvida utilizar esta herramienta.

Aquí les dejo el enlace a la nueva herramienta de Google, y les dejo un video de Matt Cuts explicando el uso de la herramienta.-

Google penguin al acecho muere el seo

2012-10-17T00:42:00.001-05:00

Si bien es cierto que pase mucho tiempo fuera de internet, en esta semana que intento ponerme al día me encuentro con un tema SEO que me llamo mucho la atención, se trata de un nuevo cambio en el algoritmo de Google (Google penguin) el cual se puso en marcha el 24 de abril del presente año y este se basa en la forma en que califica a los enlaces entrantes a nuestro sitio web.

Explicándolo mejor si nuestro sitio web empieza a tener un incremento anormal de enlaces entrantes a nuestro sitio (de sitios con mala reputación , Google lo considerara como una estrategia de SEO NEGRO, en este caso compra de enlaces hacia nuestro sitio y considera que infringimos las directrices para webmaster de Google, como consecuencia a este acto, Google nos envía un mensaje advirtiéndonos de lo sucedido y si no damos una solución convincente y lo mas detallada posible. el sitio perderá veracidad ante Google y tendremos una estrepitosa caída en posiciones al igual que en el PageRank y buscando en varios foros, la única solución en caso de tener el problema es pedir una solicitud de reconsideracion pero pues el daño ya estará hecho.

Para que se entienda mejor todo esto incluyo un vídeo de Matt Cuts explicando el caso.-

Ya teniendo un poco mas claro el concepto del nuevo algoritmo de Google, mi humilde opinión o forma de ver las cosas, es que ya Google hace todo esto por interés propio, mi web cae en esta penalización y la forma de seguir adelante es haciendo una campaña de Google Adwords, para no sufrir las consecuencias o no encuentro otra respuesta, por que antes Google detectaba un enlace proveniente de un sitio malo y solamente lo ignoraba y todos tranquilos, y ahora el webmaster del sitio que recibe estos enlaces de sitios malos sufre las consecuencias de actos de otras personas (entendiendo que nunca se compraron enlaces) y caemos en dicha penalización.

Si Google no empieza a tomar cartas en el asunto y sus siguientes algoritmos no son los suficientemente buenos e inteligentes tendremos que darnos en la necesidad voltear a ver otros buscadores, como ejemplo Bing, este es el mensaje que manda Google al caer en dicha penalización.-

Dear site owner or webmaster of http://example.com/,We've detected that some of your site's pages may be using techniques that are outsideGoogle's Webmaster Guidelines.Specifically, look for possibly artificial or unnatural links pointing to your site that could be intended to manipulate PageRank.

Examples of unnatural linking could includebuying links to pass PageRank or participating in link schemes.

We encourage you to make changes to your site so that it meets our quality guidelines. Once you've made these changes, please submit your site for reconsideration in Google's search results.

If you find unnatural links to your site that you are unable to control or remove, please provide the details in your reconsideration request.

If you have any questions about how to resolve this issue, please see our Webmaster Help Forum for support.

Sincerely,

Google Search Quality Team

Por lo pronto es todo, si encuentro mas información se las are saber.

Como eliminar la barra de blogger de mi blog

2012-10-16T00:33:00.001-05:00

Hola amigos, me di a la necesidad de abrir un nuevo blog en la plataforma de blogger y configurando la plantilla nueva, elimine la barra que te proporciona blogspot por default, que en lo personal le quita mucha vista al sitio web, y la verdad luce mas sin esta barra, es muy fácil, rápido y sencillo.

El primer paso es ingresar en el menú de la izquierda en la opción plantilla, y dentro de esta, en la opción edición html como lo muestra la siguiente imagen.-

Una ves estando en el editor html buscaremos el selector body {, este selector se encontrara casi al principio dentro de la sección de código CSS, una ves localizándolo colocaremos antes de este selector el siguiente código.-

#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}

Y listo guardamos, y vamos a ver el resultado y notamos que la barra de blogger se ha eliminado como lo muestra la imagen de abajo, haciendo la vista de la pagina mas atractiva para los visitantes.-

Explicando un poco el código

El resultado es obtenido mediante código Css, es muy practico y fácil de en tender, la primer linea del código colocamos el nombre del identificador de la barra en este caso "navbar-iframe" y colocamos las propiedades que este debe tener entre corchetes {}.

La primer propiedad es height:0px; indica la altura de un elemento, en este caso la barra y sera igual a 0, es decir que no tendrá altura.

La segunda propiedad es visibility:hidden; indica si un objeto es visible o no, en este caso no hacemos visible la barra de blogger, pero aun sigue ocupando espacio en la pagina y necesitaremos echar mano de una tercera propiedad "display".

La tercer propiedad es display:none; y define como se debe mostrar un elemento, en este caso la barra, y su valor es none, es decir que no debe mostrar el elemento.

Y gracias a este pequeño código es que logramos eliminar la barra, si deseas que vuelva a salir tan solo elimina el código anterior y listo, espero les sea de ayuda, saludos.

Creando una landing page en facebook con iframe tabs statics

2011-12-02T13:03:00.000-06:00

La famosa landing page, no es mas que una pagina de aterrizaje, es decir, es la pagina a la que llegaran nuestros visitantes cada ves que entren a nuestra facebook page, es una buena opción, ya que cuando entren a nuestra pagina, por default suelen ver el muro de la misma y en ocasiones no es nada llamativo y hace que los visitantes salgan de ahí sin hacer clic en el botón me gusta, y al tener configurada una landing page como pagina de inicio, podremos sorprender a nuestros visitantes con contenido original y llamativo para atraparlos y por que no, unirse a nuestra comunidad.

Para lograr nuestro objetivo, haremos uso de una la aplicación iframe tabs statics html, la cual nos da las ventajas de poder crear una pagina para los fans y otra para los que aun no lo son, asi podremos jugar mas con el contenido de nuestra pagina.

Debemos ir al enlace que coloque arriba (el enlace de la aplicación), una ves dentro de la pagina de la aplicación debemos de dar clic en ir a la aplicación.-

Y después dar clic en add static html to a page, lo cual hará que esta aplicación se instale en nuestra pagina de facebook.

La instalación a terminado y nos regresa a nuestra pagina de facebook, ahora es momento de empezar la configuración, así que damos clic en editar la pagina y después en la sección de aplicaciones, ahora veremos la aplicación static html:iframe tabs instalada y damos clic en editar configuración.-

Aquí podremos ingresar el nombre de la pestaña que nos llevara a la landing page.

Una vez hecho esto, volvemos a nuestra pagina y damos clic en la pestaña de la aplicación, en mi caso la he llamado inicio, y les aparecerá una pagina como esta.-

En el primer bloque editaremos el contenido para los no fans de nuestra pagina y en el segundo bloque el contenido para los que ya son fans, en caso de solo editar el primer bloque, este, sera mostrado para los fans y no fans, por cierto esta aplicación soporta html, css y javascript, así que ya con esto las posibilidades son muy buenas.

Ahora solo queda configurar esta aplicación como pagina de inicio, para ello, vamos a editar la pagina, en la sección de gestionar permisos veremos la opción de pestaña de inicio predeterminada, ahí escogemos el nombre que le pusimos a la aplicación iframe tabs statics (yo le he puesto inicio).

Listo ahora cada ves que alguien entre a nuestra pagina en facebook, vera nuestra pagina creada con la aplicación, ahora solo depende de nosotros para atraer fans a nosotros, nos vemos hasta la próxima.

Como crear una pagina de facebook para nuestra web

2011-11-30T11:49:00.000-06:00

Voy empezar a publicar una serie de artículos donde se va explicar como crear una pagina de facebook para nuestro blog o pagina web (también les puede servir para una empresa o negocio personal), primeramente debemos tener una una cuenta en facebook e ingresar a la siguiente dirección donde les tendrá que aparecer una pagina parecida a esta.-

En esta pagina vamos a elegir la categoría que mejor nos venga para nuestro objetivo, si estas indeciso no te preocupes, mas adelante podemos modificar estas opciones, una ves elegida la categoría acepta las condiciones de uso y da clic en como empezar para continuar.

En el siguiente paso vamos a elegir la imagen que tendrá nuestra pagina de facebook, esta puede ser cargada desde el ordenador o bien cargada desde tu sitio web, cuando terminemos con este paso damos clic en continuar (si estas indeciso en elegir esta imagen puedes dar clic en omitir y continuar con el proceso y mas adelante podrás elegir tu imagen).-

El siguiente paso se trata de dar a conocer tu nueva pagina de facebook, lo cual en lo personal no es recomendable, por que la pagina aun esta en blanco, es mejor omitir este paso, así que mejor damos clic en omitir y continuamos con el proceso de creación de la pagina.

En el ultimo paso vamos a ingresar algo de información básica sobre nuestra facebook page, la dirección del sitio web al que pertenece esta pagina y una breve descripción.

Listo con esto terminamos la creación de nuestra pagina en facebook, ahora solo queda configurar la pagina para tenerla en las mejores condiciones posibles para nuestros seguidores, pd. solo queda ingresar la información de ubicación de nuestra pagina para que nos puedan encontrar en las posibles búsquedas de los usuarios.

En próximos artículos explicare como configurar la pagina creada en facebook para tener mejores resultados, hasta la próxima.

Cambiar el idioma del foro phpbb3

2011-11-28T10:49:00.001-06:00

En días anteriores publique un articulo para la instalación del foro phpbb3 al igual que otro donde explico la configuración del foro phpbb3 para su optimo desempeño, así que vamos a trabajar en como cambiar el idioma de nuestro foro ya que por defecto solo viene instalado el ingles.

Entremos a la pagina oficial de phpbb3 en donde nos descargaremos el paquete de idioma (en el caso de la mayoría me imagino que sera español) que necesitemos, para los que vallan a descargar el paquete de idioma en español existen dos versiones, la primera traducirá nuestro foro en un español casual y la segunda en español formal, así que elijan la que mejor les convenga.

Una ves terminada la descarga procedemos a descomprimirla en local, dentro de la carpeta que descomprimimos vienen 2 carpetas como lo indica la imagen.-

El contenido de las dos carpetas las debemos de subir por ftp a nuestro servidor donde tengamos instalado el foro, el contenido de la carpeta languaje deberá ir en la dentro de la carpeta del mismo nombre (language) ubicada en el directorio raíz del foro, la segunda carpeta styles contiene 2 carpetas mas (prosilver y subsilver) las cuales debemos de copiar dentro de la carpeta style ubicada de igual manera en el directorio raíz del foro.

Una vez terminado estos pasos ingresamos al panel de control de nuestro foro y vamos ir a la pestaña general, en la opción board settings y ahí cambiamos el idioma por defecto del foro a español.

Ya para terminar, deben ir al foro y cambiar el idioma del usuario en perfil de usuario y listo, con estos pequeños pasos ya tenemos nuestro foro en español, espero les sirva, saludos.

Guía de instalación para foro phpbb3

2011-11-27T14:48:00.000-06:00

Hola nuevamente, hoy me he decidido instalar un foro para una de mis paginas web, y aprovechando la instalación, voy a publicar varios articulos donde explicare que pasos hay que seguir para lograr una instalacion y configuracion optima para el funcionamiento del foro, por cierto me he inclinado por utilizar la plataforma phpbb3, un foro de codigo abierto (licencia GNU, podemos modificar el cogido a nuestro gusto), tal ves no este a la altura como Vbulletin pero también tiene lo suyo.

Primeramente debemos de verificar que nuestro servidor cuente con los siguientes requisitos (en la actualidad son muy pocos los servidores que tienen alguna limitación) soporte para php 4.3.3+, soporte para bases de datos (mysql 3.23+, postgresql 7.3+, sqllite 2.8.2+, oracle), si cumples con los dos requisitos anteriores, tu servidor esta listo para la instalación.

Asi que empezemos con la instalación, primero vamos a la pagina principal del foro phpb3, donde vamos a descargar la ultima versión disponible (así estaremos al día con las actualizaciones de seguridad del foro).

Una ves terminada la descarga del archivo del foro phpb3, procedemos a descomprimirlo en local y a subirlos mediante ftp a nuestro servidor conservando la estructura de directorios, cuando terminemos de subir los archivos procederemos a cambiar los permisos de los siguientes directorios y archivos para que puedan ser modificables por todos.-

*config.php (666)

*store/ (777)

*cache/ (777)

*files/ (777)

*images/avatars/upload/ (777)

Entramos mediante el navegador web ala dirección donde subiste el foro y nos vamos a la pestaña install y damos clic en proceed to next step.-

Si seguiste al pie de la letra los pasos que describí anteriormente te deberá de aparecer en la pantalla de requisitos en el apartado de files and directories como found, writable, significa, que cambiaste correctamente los permisos de los archivos y directorios como lo muestra la siguiente imagen y podemos empezar con la instalación.-

Para poder instalar el foro phpbb3 debemos de ingresar antes algunos datos, los cuales describo a continuación, en database type lo dejamos tal y como esta (no modificamos nada), y dejamos en blanco database server hostname or dns y database server port, y terminamos ingresando el nombre de la base de datos en la que alojaremos la información del foro, así como el nombre de usuario y contraseña de la misma para darle acceso a la aplicación y damos clic en proceed to next step para continuar.

Si los datos de conexión a la base de datos que ingresaste son correctos se te indicara que la conexión tubo éxito en caso contrario deberes de rectificar los datos e ingresarlos nuevamente, si todo estuvo en orden continuamos con la instalación.

Ya estamos por terminar la instalación, ahora solo queda ingresar un nombre para el administrador del foro y su contraseña (los cuales nos servirán mas adelante para ingresar al panel de control del foro), ademas de ingresar un email al cual se le enviara información sobre el foro instalado, al terminar de ingresar los datos damos clic en proceed to next step para continuar con la instalación.

La aplicación verificara los datos ingresados, si todo es correcto continuamos con la instalación y llegamos a la pantalla de configuraciones avanzadas del foro, pero aquí no hay nada que hacer, dejamos las opciones que vienen por defecto y procedemos a terminar la instalación (en este punto es donde se crean automáticamente las bases de datos del foro).

Listo, la instalación a terminado con éxito, no olviden borrar el directorio install y todo su contenido, para evitar llevarnos un disgusto en el futuro, ademas de cambiar nuevamente los permisos del archivo config.php a 644 (modificable solo por ti), con esto terminamos el articulo de hoy, les dejo algunos enlaces que serán de su interés.-

* Configurar foro phpbb3.