INSTALAR JAVA EN UBUNTU

Posted: martes, 2 de abril de 2013 by Skuarch in Etiquetas: , ,
0




Con estos simples pasos se instala java sin que tengas que agregar algun repositorio.

1.- Descargar el tar.gz de la pagina de oracle
2.- Yo lo voy a descomprimir en /usr/lib/jvm/ (tienes que crear la carpeta de jvm) o lo puedes descomprimir donde quieras
3.- ejecuta el siguiente comando update-alternatives --install "/usr/bin/java" "java" "/usr/lib/jvm/jdk1.7.0_17/bin/java" 1
4.- cambia el comando a la ruta que tengas y el jdk que descargaste
5.- fin

REGLAS PARA RESPONSIVE WEB DESIGN

Posted: sábado, 8 de diciembre de 2012 by Skuarch in Etiquetas: , , ,
0



Quien no este aprendiendo a hacer aplicaciones para dispositivos moviles esta perdiendo terreno, una forma de hacer aplicaciones para moviles es html5 y usar responsive web design, aqui te dejo algunos de los puntos mas importantes que debes de considerar a la hora de usar este tipo de diseño

1.- no usar medidas en pixeles (perfect pixel)
2.- usar la etiqueta meta viewport
3.- no usar float:left ni float right (opcional)
4.- usar porcentajes y em's (unidades relativas)
5.- hacer una interfaz ligera por que hay dispositivos con poco procesamiento
6.- usar imagenes adaptables
7.- usar media querys
8.- usar las nuevas etiquetas de html5 (opcional)
9.- emplear maximos y minimos en el css
10.- tener objetos flexibles

en dispositivos moviles debes de considerar hacer botones grandes para que los dedos puedan dar click, se debe de tener encuenta las librerias, entre menos librerias mandes a llamar es mejor


INSTALAR APACHE 2.4 Y PHP 5.4 EN UBUNTU

Posted: lunes, 22 de octubre de 2012 by Skuarch in Etiquetas: , , , ,
0


En ocaciones usar apt-get no tiene los programas actualizados, para eso se realizo este pequeño tutorial

Requisitos:
apache: httpd-2.4.x.tar.gz
php: php-5.4.x.tar
tener instalado mysql 5 (este si se instalo con apt-get)
opcionalmente puedes usar git para clonar un repositorio, si no tienes git instalado puedes ir a la pagina web de git y descargarlo el proyecto como zip.

Paso 1:
instalar todas la librerias para para poder compilar
sudo apt-get build-dep apache2 php5
sudo apt-get install libtool

Paso 2 (instalar apache) :
cd /usr/local/src
clonar este repositiorio (tambien puedes obtenerlo como zip desde la pagina de github)
git clone https://github.com/apache/apr.git srclib/apr
./buildconf --force
./configure -enable-modules=all --with-included-apr --enable-mpm=worker --enable-suexec --enable-rewrite
sudo make
sudo make install
editar el archivo /usr/local/apache2/conf/httpd.conf con tu editor favorito y cambiar las siguientes lineas
#User ya existe se tiene que editar
User www-data
Group www-data
#ServerAdmin  ya existe se tiene que editar
ServerAdmin root@localhost.localdomain
#DocumentRoot ya existe se tiene que editar
DocumentRoot "/var/www"
#Directory se ya existe tiene que editar
dentro de el bloque de Directory porner lo siguiente
Options Indexes FollowSymLinks
AllowOverride all
Require all granted
por favor checa los comentarios

en el mismo archivo cambiar los siguiente
ServerName localhost:80
crea la carpeta www en var para poner los sitios web
sudo mkdir /var/www
le damos todos los permisos para que posteriormente no de probremas
sudo chmod 777 -R /var/www
chown -Rf www-data:www-data /var/www
link dinamico para que apache ejecute binarios
ln -s /usr/local/apache2/bin/* /usr/local/bin/
remover /etc/init.d/apache2 y remplazarlo con un link simboloco a /usr/local/bin/apachectl:

rm -rf /etc/init.d/apache2
ln -s /usr/local/bin/apachectl /etc/init.d/apache2 
para que apache inicia automaticamente
update-rc.d -f apache2 defaults 91 09


Paso 3 (instalar php) :

mover el archivo comprimido a /usr/local/src y descomprimirlo
cd usr/local/src
sudo tar -xvf php5.x.x
hay que darle permisos
sudo chmod 777 -R php5
usamos este comando
./buildconf --force 
para instalar php primero se tiene que configurar
./configure -enable-bcmath --enable-calendar --enable-dba --enable-exif --enable-ftp --enable-mbstring --enable-shmop --enable-sigchild --enable-soap --enable-sockets --enable-sysvmsg --enable-wddx --enable-zip --with-apxs2=/usr/local/apache2/bin/apxs --with-bz2 --with-config-file-path=/usr/local/apache2/conf --with-curl --with-gd --with-gettext --with-mcrypt --with-mysql --with-mysqli --with-openssl --with-pdo-mysql --with-pdo-pgsql --with-zlib
si tienes problemas en esta parte checa que tengas todas las librerias instaladas
sudo apt-get install libxml2-dev libpcre3-dev libbz2-dev libcurl4-openssl-dev libdb5.1-dev libjpeg-dev libpng12-dev libxpm-dev libfreetype6-dev libmysqlclient-dev postgresql-server-dev-9.1 libt1-dev libgd2-xpm-dev libgmp-dev libsasl2-dev libmhash-dev unixodbc-dev freetds-dev libpspell-dev libsnmp-dev libtidy-dev libxslt1-dev libmcrypt-dev
lo instalamos
make
sudo make install
copiamos el php.ini a /usr/local/apache2/conf/
sudo cp php.ini-development /usr/local/apache2/conf/php.ini
 creamos un archivo que contenga lo necesario para apache use php
sudo touch /usr/local/apache2/conf/extra/httpd-php5.conf
y tendra el siguiente contenido

#
# This next section will call PHP for .php, .phtml, and .phps files
#
AddType application/x-httpd-php .php
AddType application/x-httpd-php .phtml
AddType application/x-httpd-php-source .phps
#
# This is the directory containing php.ini
#
PHPIniDir "/usr/local/apache2/conf"
al archivo /usr/local/apache2/conf/httpd.conf agregarle esta linea en la seccion de modulos
LoadModule php5_module modules/libphp5.so
en ese mismo archivo buscar DirectoryIndex y modificarlo asi
DirectoryIndex index.html index.php
copiar las librerias que estan en la carpeta de php5/libs a /usr/local/apache2/modules/

cp /usr/local/php.x.x/libs/* /usr/local/apache2/modules/
con esto tendremos instalado nuetro servidor y listo para trabajar

RECORRER UN JAVA BEAN

Posted: martes, 26 de junio de 2012 by Skuarch in Etiquetas: , , ,
1


En ocaciones se requiere de recorrer un bean dinamicamente, en esta entrada explico como se hace usando unas clases de java

java.beans.BeanInfo
Con esta clase podemos manipular el comportamiento del bean, esta clase define métodos que devuelven descriptores para cada propiedad, método o evento que se quiere exponer.

java.beans.Introspector
Esta clase descubre los metodos del bean usando reflexion

Ejemplo

public class Test {

    public test() {

        MyBean mybean = new MyBean();
        mybean.setAlgo("prueba");
     
        Method m = null;

        try {

            BeanInfo beanInfo = Introspector.getBeanInfo(mybean.getClass());

            for (PropertyDescriptor pd : beanInfo.getPropertyDescriptors()) {

                m = pd.getReadMethod();
                System.out.println("property: " + pd.getName() + " value: " + m.invoke(mybean, null));               

            }

        } catch (Exception e) {
            e.printStackTrace();
        }

    } // end test
} // end class

Como te puedes dar cuenta la variable "m" se obtiene de pd (PropertyDescriptor) y es un metodo que despues invocamos con invoke, se le pasan como argumentos el bean y los argumentos propios del metodo en caso de que tuviera

INSTALAR NODE.JS y NPM EN UBUNTU

Posted: sábado, 24 de marzo de 2012 by Skuarch in Etiquetas: , , , , , , ,
0


la instalacion es algo facil de realizar solo tienes que seguir estos pasos y todo quedara listo, esto lo mostrare de dos maneras distintas

Instalar dependencias necesarias
$ sudo apt-get update
$ sudo apt-get install g++ make git libssl-dev pkg-config curl build-essential openssl libssl-dev
Utilizando git
$ git clone https://github.com/joyent/node.git && cd node
$ ./configure
$ make
$ sudo make install
$ curl http://npmjs.org/install.sh | sudo sh

Descargando node.js

$ wget “http://nodejs.org/dist/v0.6.11/node-v0.6.11.tar.gz”
$ tar -xzvf node-v0.6.11.tar.gz
$ cd node-v0.6.11/
$ ./configure
$ make
$ sudo make install
$ curl http://npmjs.org/install.sh | sudo sh

Podemos tener algun problema con el proxy cuando queramos instalar algo con nmp para resolverlo hacemos esto

npm config set registry http://registry.npmjs.org/ 

Eso seria todo lo que tienes que hacer para instalar node.js y npm yo sugiero instalarlo utilizando git ya que asi obtienes la ultima version, si lo descargas probablemente tengas que cambiar la direccion para obtener la version mas reciente

INTRODUCCION A UNDERSCORE.JS

Posted: domingo, 11 de marzo de 2012 by Skuarch in Etiquetas: , , , ,
0


Introduccion
underscore.js es una libreria para javascript que provee mucha programacion funcional, cuenta con 60 funciones para ayudarte a hacer tareas,  es el complemento ideal para backbone.js y jquery, todas las funciones de underscore empiezan con un "_", en los ejemplos puedes entender mas sobre esta libreria.

Ejemplos

_.each
var arrayNums = [1,2,3];
_.each(arrayNums, function(num){
   alert(num);
});
La funcion _.each recibe dos parametros el primero es un array y el segundo es una funcion, lo que hara _.each es recorrer el array y llamar la funcion que se paso como segundo parametro en cada posicion del array, el arrayNum tambien se podria declarar dentro de la funcion _.each.

_.filter
var evens = _.filter([1, 2, 3, 4, 5, 6], function(num){
   return num % 2 == 0; }
);
alert(evens);
la funcion filter regresara un array con los numeros que pasen como true en la segunda funcion.

_.without
_.without([1,2,3,4,5,6], 0,1);
Esta funcion regresara una copia del array sin los numeros que se le pasaron como segundo parametro.

_.isFunction
_.isFunction(alert);
Evaluara si lo que se le paso como parametro es una funcion, regresa un booleano.

_.isNull
_.isNull(object);
regresa true si object es null.


Como puedes ver nos facilita algunas de las cosas usando arrays y en evaluaciones, te recomiendo que le eches un vistaso a la documentacion para que veas todas las funciones que tiene esta libreria


pagina web de underscore.js

PROGRAMACION ORIENTADA A OBJETOS

Posted: martes, 6 de marzo de 2012 by Skuarch in Etiquetas: ,
0


Estos son algunos conceptos que se utilizan en la programacion orientada a objetos. El objetivo de esto es dar una introduccion breve a la programacion orientada a objetos.

INTRODUCCION
La programacion orientada a objetos (POO) tiene como fin ver las cosas como el mundo real, en el mundo real tenemos objetos y estos objetos tienen caracteristicas propias como peso, altura, color. En la POO se trata de sumular los objetos del mundo real dentro de la programacion infomatica.

OBJETO
Un objeto es cualquier cosa tangible, por ejemplo: una television, un telefono..., estos objetos tienen sus propias caracteristicas, color, tamaño, peso..., en POO un objeto es una entidad con sus propias caracteristicas (propiedades), estas entidades pueden ser cualquier cosa, un objeto de tipo reporte u otro objeto de tipo cliente, en donde el cliente tiene un nombre, una direccion etc.

CLASE
Las clases son la parte fundamental de cualquier programacion orientada a objetos, las clases se pueden definir como el molde del objeto, son las que definen a los objetos.

INSTANCIA
La instancia se produce cuando se crea un objeto y se dice que es una instancia de la clase.

METODOS
Todos los objetos tienen una funcion a realizar, por ejemplo el telefono es un objecto y su funcion es hacer una llamada o recibirla, entonces tendriamos que el telefono tienen dos funciones principales que son llamar y recibir llamada, en POO la palabra funcion se cambia a metodo, aunque en algunos lenguajes se sigue preservando, entonces los metodos son los que ejecutan las acciones.

CONTRUCTORES
Los constructores son los metodos que se ejecutan primero, usualmente este metodo se utiliza para inicializar las variables. Si la clase tiene mas metodos el primero en ejecutarse sera el constructor. el constructor se llama automaticamente cuando se crea la instancia.

HERENCIA
En una familia la jerarquia seria algo asi, el papá tiene hijos y esos hijos tienen los ojos de su papá, entonces los hijos heredaron los ojos de su papá, en POO pasa lo mismo pero la herencia se crea entre clases, una clase que hereda de otra clase tiene los mismo metodos que la clase padre, como lo que pasa entre la familia, los hijos heredaron los ojos de su papá.



CONEXION ORIENTADA A OBJETOS PHP Y MYSQL

Posted: lunes, 5 de marzo de 2012 by Skuarch in Etiquetas: , , , ,
0




Como todos sabemos las ventajas de la programacion orientada a objectos es poder reutilizar el codigo, aqui les muestro como hacer una clase en PHP para conectarse a la base de datos, tambien se creara una capa superior a la conexion para poder reutilizar nuestro codigo.

La clase no sera un singleton, debido a que si en cualquier momento se requiere cambiar de servidor de base de datos o se utilizen varias conexiones a diferentes bases de datos, el singleton no nos funcionaria.

Unos de los principios de la clase para conectarse es que pueda ser utilizada por cualquiera, recibira todos las parametros necesarios para crear la conexion y como servidor de base de datos se utiliza MySQL.


class ConnectionDatabase {

    private $user;
    private $password;
    private $database;
    private $server;
    private $link;
    private $result;

    //===================================================================
function __construct($user, $password, $database, $server) {
$this->user = $user;
$this->password = $password;
$this->database = $database;
$this->server = $server;
} // end __construct


Primero declararemos las variables y en el contructor recibimos los parametros necesarios para inicializar las variables, como puedes ver con esto, esta clase se puede conectarse a cualquier servidor.



//===================================================================
private function connect(){

if(isset($this->link)){

$this->link = mysql_connect($this->server,$this->user,$this->password) or die(mysql_error());
$this->selectDatabase();

}

return $this->link;

} // end connect


//===================================================================
private function selectDatabase(){

mysql_select_db($this->database,$this->link) or die(mysql_error());

}


Estos metodos son privados por que los demas metodos lo utilizaran, entonces no tiene caso que sea publico.

//===================================================================
public function executeQuery($query){

$this->result = mysql_query($query,$this->link);

return $this->result;

}


Este metodo si es publico, puede ejecutar cualquier query que me mandes, insert, update o select.

//===================================================================
public function fetchArray($query){

$fetchArray = null;          
        $this->result = $this->query($query);
        while($array = mysql_fetch_array($this->result)){              
        $fetchArray[] = $array;
        }
       
         $this->disconnect();
        return $fetchArray;

}


Este metodo tambien es publico y si lo observas tiene un while en donde llena un array para poderlo regresar, el array que regresa lo puedes recorrer en un foreach.


//====================================================================
private function disconnect(){

mysql_close($this->link);

}

//====================================================================
private function freeResult(){

mysql_free_result($this->result);

}

} //end class
Estos son los respectivos metodos para liberar y cerra la conexion que tambien son privados




PATRONES DE DISEÑO: PROXY VIRTUAL

Posted: lunes, 26 de diciembre de 2011 by Skuarch in Etiquetas: ,
0


Proxy virtual se utiliza para no tener que estar creando objectos constantemente, especialmente si estos objetos son dificiles o costosos de hacer, un ejemplo de un objeto costoso puede ser la carga de una imagen y la imagen es de un gran tamano, para poder utilizar este patron de diseno se siguen estos pasos.

Crear una clase abstracta
public abstract class Graphic {
public void draw();
}
Creamos una clase que herede de la clase abstracta y sobre escriba el unico metodo de la clase padre


public class Image extends Graphic {
public void draw() { ... }
}

Ahora crearemos una tercera clase que tambien herede de la clase abstracta, tambien sobre escribira el 
mismo metodo pero este se asegura de que el objecto no haya sido creado anteriormente

public class ImageProxy extends Graphic {
private Image _image;
private String _fileName;
public ImageProxy (String fileName) {
_fileName = fileName;
_image = null;
}

public void draw () {
if (_image==null)
_image = loadImage(_fileName);
_image.draw();
}
}
La forma de de utilizar este patron de diseno es la siguente:

Graphic g = new ImageProxy(“imagen.gif”);

Asi evitaremos que se esten creando objetos constantemente


PATRONES DE DISEÑO: ADAPTER

Posted: jueves, 8 de diciembre de 2011 by Skuarch in Etiquetas: ,
0





El patron de diseño adapter nos ayuda a la comunicacion entre clases que hacen lo mismo pero que los metodos tienen nombres diferentes, por ejemplo, las conexiones de los aparatos electricos en America son diferentes a los de Europa, pero el aparato hace lo mismo en cualquiera de los dos continentes, pero no puedes usar un aparato electrico de Europa en America debido a que el tipo de conexion es diferente para poder usarlo debes de utilizar un adaptador


Este patron de diseño en ocaciones es llamado WRAPPER debido a que crea un objeto de otra clase y dentro de un metodo sobre cargado llama al metodo del objeto previamente creado.

Otra forma de explicar este patron de diseño es cuando se encuentran problemas con los nombre de los metodos por ejemplo en una conexion a la base de datos.


public class ConnectionDataBase(){
public Connection getConnection(){
// codigo para hacer la conexion
}
}


Esta clase es solo de ejemplo y esta en ingles, supongamos que tu codigo esta totalemente en español, entonces tendrias problemas de como usar esta clase y para eso creas un adaptador

public interface adaptador{
public Connection dameConexion();
}

Esta es la interface que debes de implementar en otra clase para poder usarla como normalmente lo harias

public class ConexionBaseDatos implements adaptador{
@override
public Connection dameConexion(){
ConnectionDataBase cdb = new ConnectionDataBase();
return cdb.getConnection();
}
}

Entonces implementando el adaptador ya se puede usar la clase que esta escrita en ingles en español.

Adapatador adaptador = new Adaptador();
adaptador.dameConexion();