07 Abr

Paths de wordpress que puedes necesitar

Codigo Fuente

Estas son algunos de los paths de wordpress que puedes necesitar para realizar desarrollos de temas o plugins para WordPress.

plugins_url(): Retona el path de instalación de los plugins.

get_theme_root(): Retona el path raiz de instalación de los temas(theme).

get_template_directory_uri(): Retorna la url donde estan guardados los archivos del tema(theme) actual.

admin_url(): Retorna la direccion de las paginas administrativas de WordPress.

content_url(): Indica donde se encuentra el directorio wp-content.

site_url() y home_url(): Retona la direccion del sitio.

includes_url(): retorna el path de los archivos de INCLUDE de WordPress.

wp_upload_dir(): Retorna el path de el directorio donde se almacenan los archivos subidos por el ususairo.

07 Dic

Instalacion del wifi usb TL-WN725N en el raspberry pi

Raspberry Banner

Si ustedes como nosotros se han encontrado con el problema de querer conectar a la red la raspberry pi, pero de forma inalambrica y tienen disponible una wifi usb TP-LINK TL-WN725N, aqui les comentaremos los pasos necesarios para instalarla con exito.

Nota

Para poder seguir los pasos del siguiente tutorial deber saber hacer una conexion por medio de ssh o estar trabajando en el bash del raspberry pi

 

Pasos de instalación en el raspberry

Paso 1

lo primero que debemos hacer es actualizar el firmware del raspberry pi

rpi-update

En caso que el comando anterior nos llegue a dar un error, es porque no tenemos instalado el paquete y debemos que instalarlo asi

sudo apt-get install rpi-update

con esto ya tendrán el comando rpi-update listo para actualizar el raspberry pi

Paso 2

Ahora debemos actualizar los paquetes del sistema operativo del raspberry pi, esto se hace por medio de los siguientes comandos (tenga en cuenta que cada linea es un comando que debe ejecutar)

sudo apt-get update
sudo apt-get upgrade
sudo reboot

la explicación de estos comandos es la siguiente, el primero actualiza las lista de paquetes identificando asi cuales son los paquetes obsoletos y que deben ser actualizados, el segundo comando se usa para actualizar aquellos paquetes identificados como desactulizados en el comando anterior y el ultimo comando ejecuta un reinicio para que la actualización tenga efecto en todos los componentes actualizados.

Paso 3

antes de instalar el controlador necesitamos saber una información para poder saber cual es el archivo que vamos a descargar.

uname -a

el resultado sera algo como esto

Linux termometro 3.12.33+ #722 PREEMPT Sat Nov 22 12:03:51 GMT 2014 armv6l GNU/Linux

de esta información debemos de tener en cuenta lo siguiente 3.12.33+ #722 pues con esta información debemos seleccionar de la lista la url de descarga del controlador

Paso 4

ahora vamos al siguiente link+ para poder conocer cual es fragmento de url de descarga, de acuerdo con la informacion anterior (3.12.33+ #722)

Raspberry usb wifi

Con la informacion que esta subrayada, completamos la url quedando asi
https://dl.dropboxusercontent.com/u/80256631/8188eu-20141107.tar.gz, de esta url la informacion que siempre varia es la que se encuentra despues de ultimo slash, esta url la necesitamos para el completar el primer comando del paso 5.

Paso 5

ahora si vamos a descargar e instalar el controlador

wget https://dl.dropboxusercontent.com/u/80256631/8188eu-20141107.tar.gz
tar -zxvf 8188eu-20141107.tar.gz
sudo install -p -m 644 8188eu.ko /lib/modules/3.12.33+/kernel/drivers/net/wireless
sudo insmod /lib/modules/3.12.33+/kernel/drivers/net/wireless/8188eu.ko
sudo depmod -a
sudo reboot

En el caso de los comandos 3 y 4 es necesario cambiar 3.12.33+ por el valor que nos dio el comando del paso 3

Paso 6

Teniendo esto y después del reinicio que se genero en el ultimo comando del paso anterior, procedemos a hacer la conexion wifi, pues ya la debe haber reconocido.

Para hacer la conexion wifi se debe modificar el archivo del sistema /etc/wpa_supplicant/wpa_supplicant.conf agregandole lo siguiente

network={
        ssid="nombre de la red"
        psk="password de la red"
        proto=RSN
        key_mgmt=WPA-PSK
        pairwise=TKIP
        auth_alg=OPEN
}

Paso 7

Este ultimo paso es opcional, aunque a veces muy necesario.

En ocasiones la conexion wifi que acabamos de configurar entra en reposo cuando no esta transmitiendo, el problema surge cuando se quiere volver a conectar con el raspberry, pues la conexion wifi no responde, para solucionar este problema debemos de hacer lo siguiente.

debemos crear el archivo /etc/modprobe.d/8188eu.conf con el siguiente comando

sudo nano /etc/modprobe.d/8188eu.conf

Este comando abrirá el editor nano, el cual nos va a permitir en el nuevo archivo ingresar la siguiente información.

options 8188eu rtw_power_mgnt=0 rtw_enusbss=0

Con esta linea dentro del archivo oprimimos CTRL+o y CTRL+X para guardar y cerrar respectivamente, y por ultimo un reinicio mas al raspberry y desconectar el cable de red para que use la conexion wifi.

27 Nov

Jquery Tips (Metodos)

Codigo Fuente

Después de aprender a seleccionar con jquery los elementos del documento html por medio de los selectores anteriormente comentados, esa importante saber que hacer con estos, por lo cual vamos a ver como aplicar métodos a un elemento seleccionado.

Ejemplos de aplicación de métodos con jquery


// Aplica propiedad CSS al elemento seleccionado 
$(". className"). css(" border", "1px solid red"); 

// Aplica CSS de un elemento usando un objeto
$(". className"). css({" border": "1px solid red"}); 

// Aplica dos CSS a los objetos seleccionados 
// (notese que este ejemplo usa una notación de objeto para el caso de las propiedades que 
// se desean establecer por medio del método CSS de jquery, por esta razon se 
// puede usar para aplicar mas de una propiedad) 
$(". className"). css({ "color": "red", "font-weight": "bold" });

// Esconde la segunda fila de la tabla
$(" table tr:nth-child( 2)"). hide(); 

// Convierte la lista < ul id = "list" > en una lista ordenable 
$(" ul# list"). sortable(); 

// Selecciona todos  los elementos y los filtra usando el metodo "is" 
$("*"). is(" p"); 

// El metodo "is" es usado con la variable "this" dentro de los callback para poder indetificar su tipo
$(this). is("div"); 

// Selecciona un elemento y con el metodo "parent" selecciona el elemento padre 
$("p#short"). parent();

// Selecciona todos los inputs si estos tienen como padre el elemento "form"  
$(" input"). parent(). is(" form"); 

// Selecciona y aplica el estilo CSS, limpia la cola, hace una nueva seleccion y aplica nuevo CSS, en otras palabras los elementos 

quedan con fuente de color azul y los elementos quedan con fuente de color rojo 
$(" p"). css(" color", "blue"). end(). add(" b"). css(" color", "red"); 

// si se hace sin el metodo "end" entre los elementos ambos quedan con fuente de color rojo.
$(" p"). css(" color", "blue"). add(" b"). css(" color", "red");

27 Nov

Jquery tips (Selectores)

Codigo Fuente

JQuery es sin duda el framework javascript mas popular en la web, por esto en ocasiones es importante tener a la mano información que aunque es básica, nos ayudara a resolver varios problemas.

Empecemos con lo basico

$(" div");

Es lo mismo que

jQuery(" div");

selectores

// Selector por tag
$("body"); 

// Selector por id del elemento 
$("# id"); 

// Selector por clase del elemento 
$(".className"); 

// Selector usando pseudo-selector CSS :nth-child 
$(" div:nth-child( 2)"); 

// Selector de todos los elementos del documento html 
$("*"); 

// Selector de todos los elementos párrafo
$("p"); 

// Selector para párrafos spans y divs 
$("p, span, div"); 

// selector de párrafo con id 
$(" p# short");

// selector de div con clase
$(" div.option"); 

// Selector con elemento y pseudo-selector :first o :last
$(" p:first"); 
$(" p:last"); 


// Selector con elemento y pseudo-selector nth-child (nos permite seleccionar cualquier posición de una lista de elementos )
$(" p:nth-child( 1)"); // primero
$(" p:nth-child( 2)"); // segundo
$(" p:nth-child( 3)"); // tercero

// Selector con elemento y pseudo-selector nth-child con palabras clave even o odd
// even para seleccionar todos los pares 
// odd para seleccionar los impares
$(" p:nth-child( even)"); 
$(" p:nth-child( odd)"); 

// Selector con los paréntesis cuadrados para seleccionar cualquier elemento con un atributo llamado "xxx"
$("[xxx]"); 

// Selector para seleccionar todos los párrafos hijos pero solo después de cualquier elemento con clase "s"
$(".s ~p"); 

// Selector para los inputs de type definido ejemplo tipo "text"  
$(" input[ type = text]");

// Selector para todos los checkbox seleccionados usando el selector de atrubuto [] o el psudo-selector :checked, selector que tambein sirve para los radio buttons 
$(" input:checked"); 

// Selector poara seleccionar solo checkboxes 
$(" input[ type = checkbox]: checked"); 

// Selector para todos los elementos inputs contenidos en el elemento form
$("form input"); 

// Selector para todos los elementos a dentro de la tabla 
$("table tr td a"); 

Aqui terminan los tips de selectores.

24 Nov

Configurar camara web lifecam vx-500 en octopi

Codigo Fuente

Primero les hablo del gran proyecto que es OctoPrint y su adaptacion a raspberry pi llamado OctoPi

OctoPrint es un software de control de Impresoras 3D que se ejecuta desde un navegador y permite controlar tu impresora 3D de forma remota a través de la red; este grandioso software es open source y recientemente ha sido apadrinado por la empresa española Bq.

OctoPi mas que una adaptación, es un script que genera una imagen de raspbian modificado, esta es una imagen del sistema operativo linux para raspberry, este script deja listo el sistema para conectarlo a la impresora 3D y usarlo como Host para poder hacer las impresiones y el manejo de la impresora.

Estos dos grandes proyectos los conocí por que hace un tiempo empece con la creación de mi impresora 3D y me vi en la necesidad de tener un host, el cual inicialmente era mi portatil, pero luego encontre en la red que se podia usar un raspberry pi, el cual ya tenia y empece a configurar, realmente por medio del proyecto OctoPi fue muy facil, pero fue muy complicado lograr hacer funcionar la camara web que tengo, esto para podr observar como va la impresion sin estar al lado de la impresora.

Realmente creo que el problema que tube con la camara web es por lo vieja que es, por lo cual me toco investigar mucho en internet pero al final lo logre; aqui les cuento los comandos y procedimiento que realice para poder hacer funcionar mi camara lifecam vx-500 (Microsoft).

Octopi crea un script para arrancar la camara web, este script esta ubicado en la direccion /home/pi/scripts/webcamDaemon, el archivo arranca con el sistema operativo, pero en mi caso la camara arrancaba pero no daba ninguna imagen, por lo cual procedi a comentariar los comandos internos del archivo, para poder ejecutarlos manualmente y asi saber cual era el problema.

Sucede que por Octopi para hacer uso de la camara web usa otro proyecto open source llamado mjpg_streamer el cual usa por defecto el formato de procesamiento de imagen JPEG, el cual no es soportado por mi camara, asi que para saber cual era el formato use los siguientes comandos.

Primero instale los siguiente

sudo apt-get install subversion libv4l-dev libjpeg8-dev imagemagick fswebcam

Esto instala una aplicación la cual nos va a dar información sobre la cámara web, luego de haber instalado, ejecutamos el siguiente comando:

fswebcam --verbose

Este comando nos dará la siguiente información

--- Opening /dev/video0...
Trying source module v4l2...
/dev/video0 opened.
src_v4l2_get_capability,87: /dev/video0 information:
src_v4l2_get_capability,88: cap.driver: &amp;quot;uvcvideo&amp;quot;
src_v4l2_get_capability,89: cap.card: &amp;quot;Microsoft LifeCam&amp;quot;
src_v4l2_get_capability,90: cap.bus_info: &amp;quot;usb-bcm2708_usb-1.2&amp;quot;
src_v4l2_get_capability,91: cap.capabilities=0x84000001
src_v4l2_get_capability,92: - VIDEO_CAPTURE
src_v4l2_get_capability,103: - STREAMING
No input was specified, using the first.
src_v4l2_set_input,181: /dev/video0: Input 0 information:
src_v4l2_set_input,182: name = &amp;quot;Camera 1&amp;quot;
src_v4l2_set_input,183: type = 00000002
src_v4l2_set_input,185: - CAMERA
src_v4l2_set_input,186: audioset = 00000000
src_v4l2_set_input,187: tuner = 00000000
src_v4l2_set_input,188: status = 00000000
src_v4l2_set_pix_format,520: Device offers the following V4L2 pixel formats:
src_v4l2_set_pix_format,533: 0: [0x56595559] 'YUYV' (YUV 4:2:2 (YUYV))
Using palette YUYV
Adjusting resolution from 384x288 to 352x288.
src_v4l2_set_mmap,672: mmap information:
src_v4l2_set_mmap,673: frames=4
src_v4l2_set_mmap,722: 0 length=202752
src_v4l2_set_mmap,722: 1 length=202752
src_v4l2_set_mmap,722: 2 length=202752
src_v4l2_set_mmap,722: 3 length=202752
--- Capturing frame...
Captured frame in 0.00 seconds.
--- Processing captured image...
There are unsaved changes to the image.

En la linea 21 nos damos cuenta que nos indica que el formato de imagen que da la camara es YUYV (Using palette YUYV) por lo cual nos toca indicarle a mjpg_streamer que use este formato.

Para poder indicarle al demonio de Octopi que use este formato tenemos que modificar el archivo sh /home/pi/scripts/webcamDaemon dejandolo asi

#!/bin/bash

MJPGSTREAMER_HOME=/home/pi/mjpg-streamer
MJPGSTREAMER_INPUT_USB=&amp;quot;input_uvc.so -y&amp;quot;
MJPGSTREAMER_INPUT_RASPICAM=&amp;quot;input_raspicam.so&amp;quot;

# init configuration
camera=&amp;quot;usb&amp;quot;
camera_usb_options=&amp;quot;-r 640x480 -f 10&amp;quot;
camera_raspi_options=&amp;quot;-fps 10&amp;quot;

if [ -e &amp;quot;/boot/octopi.txt&amp;quot; ]; then
    source &amp;quot;/boot/octopi.txt&amp;quot;
fi

# runs MJPG Streamer, using the provided input plugin + configuration
function runMjpgStreamer {
    input=$1
    pushd $MJPGSTREAMER_HOME
    echo Running ./mjpg_streamer -o &amp;quot;output_http.so -w ./www&amp;quot; -i &amp;quot;$input&amp;quot;
    LD_LIBRARY_PATH=. ./mjpg_streamer -o &amp;quot;output_http.so -w ./www&amp;quot; -i &amp;quot;$input&amp;quot;
    popd
}

# starts up the RasPiCam
function startRaspi {
    logger &amp;quot;Starting Raspberry Pi camera&amp;quot;
    runMjpgStreamer &amp;quot;$MJPGSTREAMER_INPUT_RASPICAM $camera_raspi_options&amp;quot;
}

# starts up the USB webcam
function startUsb {
    logger &amp;quot;Starting USB webcam&amp;quot;
    runMjpgStreamer &amp;quot;$MJPGSTREAMER_INPUT_USB $camera_usb_options&amp;quot;
}

# we need this to prevent the later calls to vcgencmd from blocking
# I have no idea why, but that's how it is...
vcgencmd version

# echo configuration
echo camera: $camera
echo usb options: $camera_usb_options
echo raspi options: $camera_raspi_options

# keep mjpg streamer running if some camera is attached
while true; do
    if [ -e &amp;quot;/dev/video0&amp;quot; ] &amp;amp;&amp;amp; { [ &amp;quot;$camera&amp;quot; = &amp;quot;auto&amp;quot; ] || [ &amp;quot;$camera&amp;quot; = &amp;quot;usb&amp;quot; ] ; }; then
        startUsb
    elif [ &amp;quot;`vcgencmd get_camera`&amp;quot; = &amp;quot;supported=1 detected=1&amp;quot; ] &amp;amp;&amp;amp; { [ &amp;quot;$camera&amp;quot; = &amp;quot;auto&amp;quot; ] || [ &amp;quot;$camera&amp;quot; = &amp;quot;raspi&amp;quot; ] ; }; then
        startRaspi
    else
        echo &amp;quot;No camera detected, trying again in two minutes&amp;quot;
    fi

    sleep 120
done

El cambio que se realiza es en la linea numero 4 en donde se le pone un -y antes de las comillas finales.

Con esto solo falta reiniciar y el raspberry pi y el octoprint ya estaran transmitiendo imagen en vivo.

Espero que este articulo sea de ayuda.

29 Jul

Como instalar node js, npm y express en linux ubuntu/mint

Codigo Fuente

Para instalar node js lanzaremos los siguientes comandos

Este comando es para agregar un repositorio PPA

sudo add-apt-repository ppa:chris-lea/node.js

Los siguientes comandos actualizan el listado de los paquetes disponibles e instala el paquete de nodejs el cual tambien incluye a npm

sudo apt-get update
sudo apt-get install nodejs

Ya con estos comandos instalados podemos comprobar las versiones de nodejs y npm

$ node --version
v0.10.29

npm --version
1.4.14

por ultimo para instalar el express en linux ubuntu/mint

sudo npm install -g express
sudo npm install -g express-generator
25 Nov

URLs amigables para Yii Frameworks

Codigo Fuente

para poder hacer esto el procedimiento es muy sencillo, pero como suele ocurrir en interner en ocaciones la informacion esta dispersa, por loo cual les traigo es tip de como configurar esto en unos simples pasos

paso 1
tener habilitado la extencion de mod_rewrite en apache

paso 2
crear el archivo .htaccess en la raiz del sitio con la siguiente información

RewriteEngine on

# if a directory or a file exists, use it directly
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d

# otherwise forward it to index.php
RewriteRule . index.php

paso 3
buscar en el archivo de configuracion del nuevo sitio (comunmente esta en protected/config/main.php) la linea donde este «urlManager» y descomentariar el bloque, el bloque debe quedar asi:

		'urlManager'=>array(
			'urlFormat'=>'path',
			'showScriptName'=>false,
			'rules'=>array(
				'<controller:\w+>/<id:\d+>'=>'<controller>/view',
				'<controller:\w+>/<action:\w+>/<id:\d+>'=>'<controller>/<action>',
				'<controller:\w+>/<action:\w+>'=>'<controller>/<action>',
			),
		),
16 Jul

Cambiar Zona Horaria Linux

Codigo Fuente

Hoy vengo con este corto y sencillo tip para poder cambiar la zona horaria del sistema operativo linux, la verdad es que siempre que necesito esta información termino buscando por muchos lugares, por lo cual para no tener que volver a hacer muchas búsquedas lo pongo aquí y lo comparto con ustedes para que cuando lo necesiten lo encuentren fácilmente.
Leer más

03 Nov

Apuntes de GIT parte 1

Codigo Fuente

apuntesgit

En la empresa donde actualmente trabajo me toco manejar el versionado del código, es divertido, pero todo entra en una época de desastre cuando uno se da cuenta que toca hacerlo todo en consola, y peor cuando uno esta acostumbrado a trabajar en ambiente gráfico; continuando con mi tarea diaria me encontré que la documentación sobre git es muy amplia, pero en algunos casos es muy dispersa, en otros muy poco puntual, en otros muy básica (en extremo), así que decidí hacer mis apuntes los comandos que consideraba que en algún momento iba a necesitar. Leer más

11 Mar

Lección 3: Introducción a PHP

Codigo Fuente

En el mundo del desarrollo existen muchos lenguajes de programación los cuales son muy reconocidos como por ejemplo .NET, python, Ruby y otros tantos, pero en este caso vamos a habar de PHP uno de los lenguajes de mayor popularidad en la web y el lenguaje que es el centro de atención de este curso, hoy por fin, después de haber dado las expliaciones necesarias para poder montar el ambiente de desarrollo necesario para poder realizar nuestras practicas, comenzamos con los primeros pasos.

Capítulo 1: Las etiquetas PHP

PHP asi como otros lenguajes de script pueden ser incrustados dentro de una página e incluso ejecutarse en un archivo independiente, pero para que el servidor sepa que esa información se ha de interpretar, se ha de marcar o enmarcar entre unas marcas especificas las cuales nos indican que el texto contenido es php.
Leer más

26 Feb

Lección 2: Crear un sitio web

Codigo Fuente

Capítulo 1: ¿Cómo funcionan las páginas PHP?

PHP para que funcione necesita de su interprete o motor de scripting, el cual ejecuta el código escrito en este lenguaje antes de ser entregada una respuesta al servidor web para que este le muestre el resultado al cliente; la forma en la cual es interpretado es de la forma que todo lenguaje scripting, la ejecución se hace de forma secuencial.

Capítulo 2: Crear un alias en Apache

como ya lo habíamos dicho en la lección anterior, todos los ejemplos los vamos a hacer con el servidor WAMP. por lo cual vamos a usar el menu del servidor para crear el alias, pero primero que todo veamos que es un alias para el servidor del apache, Un alias sirve para poder tener una página web en una ubicación diferente del DocumentRoot, es decir, la ruta establecida por defecto para almacenar las páginas.
Leer más

10 Feb

Curso De Php Lección 1: Instalación

Codigo Fuente

Capítulo 1: Introducción

Como es de suponer al ingresar al mundo de un lenguaje de programación es importante conocer por lo menos el ambiente basico necesario para poder realizar los desarrollos que dia a dia iran siendo mas complejos dependiendo de la emotividad que tenga la persona que quiere profundizar en el mundo del desarrollo.

Así como para poder compilar un programa en C o C++ necesita como minimo un compilador del lenguaje, y que para trabajar con .net es necesario el frameworks, asi mismo para poder ejecutar el programa o script de PHP es necesario tener unas aplicaciones basicas para poder probar lo que vamos haciendo en el curso.
Leer más

29 Ene

Curso De Php

Codigo Fuente

la presente entrada es para dar a conocer el temario de un proyecto de curso de PHP que realizare con el fin de enseñarle a dos personas a programar en este lenguaje, el acceso sera totalmente libre para cualquier persona.

A continuacion el temario, el cual he ido creando con lo temas de interes que creo que son importantes, y teniendo en cuenta algunos temarios encontrados en cursos que rondan por internet, el temario puede ser afectado agregando mas capítulos o lecciones con el fin de completar temas que no fueron tenidos en cuenta inicialmente.

Leer más

02 Mar

Festivos de Colombia en PHP

Codigo Fuente

Codigo Fuente

Con la siguiente clase se genera un array con los calculos necesarios para calcular los festivos de colombia de acuerdo a la normativa actual del país.

Los festivos se dividen en 4 tipos de festivos

  • Festivos fijos (son aquellos que no se mueven de la fecha sin importar que día de la semana son)
  • Festivos Emiliani (estos son los festivos que son corridos al lunes siguiente a ocurrir el verdadero día feriado, esto debido a la legislación colombiana)
  • Festivos calculados por el dia de pascuas
  • Festivos calculados por el dia de pascuas y corridos al lunes siguiente por la ley Emiliani

La clase creada tiene un constructor al cual se le pasa el numero del año del cual se quiere saber las fechas festivas, las cuales se almacenan en un array de tres dimensiones donde la primer dimencion es el año, la segunda dimencion es el mes y la tercera dimencion es el dia.

para calcular el dia de pascua se utiliza una funcion nativa de PHP llamada easter_date al cual se le pasa por argumento el año al cual dicha fecha.

 

Adicional a esto tambien la clase tiene una funcion a la cual se le pasa por parametro un dia y un mes del año calculado, y esta nos dira si ese dia es festivo.

Esta clase esta siendo usada en un proyecto que actualmente desarrolla iguazoft para un cliente muy especial.

Espero la clase les sea de utilidad.

Descarge aqui la clase