Para poner estilo a tus proyectos desarrollados en ruby on rails de forma rápida y algo fácil solo necesitas tener ganas y tiempo para hacerlo.

Comencemos creando la estructura de nuestro proyecto con el comando de “rails new nombre_del_proyecto”

Entramos a nuestro proyecto con “cd DragonsCSS “ dentro podemos navegar y ver los archivos que genera automáticamente rails desde el editor que mas les acomode o el que tengan instalado.

" Navengando por nuestro proyecto "

" Vista del archivo q sera el protagonista del tutorial "

Ahora solo basta con crear los controles o paginas de las cuales se compondrá nuestro proyecto con el comando “rails generate controller nombre del control”.

" Generando el Home de nuestro proyecto"

Ahora ejecutamos el servidor que trae por default rails con el comando ” rails s “ y tecleamos en la dirección Url ” http://localhost:3000/ “ o el puerto en el q este corriendo el servidor .

" Lanzando el servidor de rails "

" El servidor de rails activo "

Cuando entremos en el browser y pongamos la dirección del localhost nos mostrara la siguiente pagina.Para que nos muestre directamente nuestro home cuando entremos en esa dirección solo tenemos que borrar el archivo ” index.html ” que se encuentra en la carpeta de public de nuestro proyecto una ves hecho esto solo basta con entrar al archivo de routes.rb que se encuentra en la carpeta config de nuestro proyecto agregando las lineas ( root :to => ‘home#index’ )  ( match ‘home’ => “home#index” ) sin los paréntesis.

" Archivo routes.rb modificado "

Entramos una ves mas al browser y actualizamos con F5 y listo veremos nuestro home muy básico.

" Asi se ve nuestro home "

Ahora viene lo mas interesante poner presentable nuestro proyecto para esto necesitamos descargar el Blueprint (para mayor información checa la documentación ) tambien hara falta un logo para ponerlo en la parte superior de nuestro home puedes usar el que te guste respetando los derechos de autor yo escogi el logo de creative commons. Una ves descargados los archivos descomprimimos el blueprint en nuestro escritorio y copiamos la carpeta blueprint a public/stylesheets y el logo a public/images.

Listo ahora modificaremos el archivo appliation.html.erb cambiando la lineas de stylesheet_link_tag.

" Solo se agrgan las lineas marcadas que son la que indican el uso de los archivos screen y print asi como su ubicacion "

Ahora agreguemos elementos al cuerpo de nuestra aplicación.

" Agregamos una imagen al header y algunos links "

Nota: En la linea de la imagen ” <%= image_tag(“logo.png“, :alt => “Sample App”, :class => “round”) %> ” solo cambiamos el nombre de logo.png por logo_creative_commons.jpg.

Ahora creamos un archivo con el nombre custom.css con el siguiente contenido:

.container {

width: 710px;

}

body {

background: #000;

}

header {

padding-top: 20px;

}

header img {

padding: 1em;

background: #fff;

}

section {

margin-top: 1em;

font-size: 120%;

padding: 20px;

background: #fff;

}

section h1 {

font-size: 200%;

}

/* Links */

a {

color: #09c;

text-decoration: none;

}

a:hover {

color: #069;

text-decoration: underline;

}

a:visited {

color: #069;

}

/* Navigation */

nav {

float: right;

}

nav {

background-color: black;

padding: 0 0.7em;

white-space: nowrap;

}

nav ul {

margin: 0;

padding: 0;

}

nav ul li {

list-style-type: none;

display: inline-block;

padding: 0.8em 0;

}

nav ul li a {

padding: 0 5px;

font-weight: bold;

}

nav ul li a:visited {

color: #09c;

}

nav ul li a:hover {

text-decoration: underline;

}

/* Sign up button */

a.signup_button {

margin-left: auto;

margin-right: auto;

display: block;

text-align: center;

width: 100px;

color: #fff;

background: #006400;

font-size: 150%;

font-weight: bold;

padding: 20px;

}

/* Round corners */

.round {

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px;

}

Muy bien ahora basta con separar las partes de tu aplicación en cabeza contenido y pie para esto creamos algunos archivos mas dentro de la carpeta de “layouts”.

Creamos el archivo con el nombre de _stylesheets.html.erb

_stylesheets.html.erb

Ahora creamos el archivo _header.html.erb

_header.html.erb

Y por ultimo creamos el archivo _footer.html.erb

_footer.html.erb

Después de todo esto basta con modificar el archivo application.html.erb

Partial render.

Listo ahora podemos ver el resultado lanzando el servidor de RoR con rails s desde la consola.

Ahora puedes jugar con los colores dentro de tu custom.css que creamos con las dimensiones de las partes de tu aplicación así como toda la apariencia suerte y ha practicar.

En ocaciones necesitamos acceder a algún ordernador vía remota:

Existe una aplicación para nuestro iPhone, iPod e iPad con la cual podemos lograr esto:

La aplicación se llama Remote Desktop Lite – RDP y está gratuita en la AppStore

Solo debemos de llenar los parametros correspondientes de nuestro equipo remoto para poder tener acceso:

y listo!! tenemos el control de nuestro equipo remoto:

Solo recuerden habilitar la opcion de acceso remoto del equipo al que vallamos a acceder, en el caso windows sería así:

Espero sea de grán ayuda..

Saludos!

CKEditor es un editor de texto para ser utilizado dentro de las páginas web. Es un editor WYSIWYG es el acrónimo de What You See Is What You Get (en inglés, “lo que ves es lo que obtienes”) . Reúne las características de edición web común que se encuentran en aplicaciones de edición de escritorio como Microsoft Word y OpenOffice.

Y ahora lo usaremos dentro de Ruby on Rails así como su configuración y aparecía básica.

Empecemos !!!!

1. Para usar CKEditor necesitamos instalarlo para lo cual descargaremos la gema desde http://rubygems.org/gems/ckeditor
2. Ahora instalemos la gema desde la terminal escribimos gem install ckeditor-3.5.2.gem
3. Creemos un proyecto nuevo de rails.
4. Ahora basta con modificar el Gemfile agregando la lineagem ‘ckeditor’ o gem ‘ckeditor’, :git => ‘git://github.com/galetahub/rails-ckeditor.git’, :branch => ‘rails3′
   
5. Para que nuestra aplicación reconosca esta linea usemos el bundle.
6. El siguiente paso es descargar los archivos de base CKEditor y generar el archivo de configuración “config/initializers/ckeditor.rb”
7. Generar los modelos CKEditor para subir ficheros.
8. Ahora hacemos la migración.
9. Listo ahora podemos usar el CKEditor en nuestra aplicación para ello basta con incluirlo en la vista: Primero en el archivo de “/app/views/layouts/application.html.erb” se agraga la linea “<%= javascript_include_tag :ckeditor %>” despues basta con poner la siguiente linea en la vista que se usara el CKEditor : “<%= ckeditor_textarea(“object”, “field”, :width => ’100%’, :height => ’200px’) %>” . Si se utilizara en un formulario la linea es la siguiente : ” <%= form.cktext_area :notes, :toolbar=>’Full’, :width=>’400px’, :height=>’200px’ %> <%= form.cktext_area :content, :swf_params=>{:assetable_type=>’User’, :assetable_id=>current_user.id} %>”
10. Nos deve de quedar algo masomenos asi:
11. Para agregar o quitar opciones de la barra de herramientas del CKEditor simplemente se edita el fichero “public/javascripts/ckeditor/config.js”Good Luck!!

Para aquellos que les gusta programar en Java en cualquier momento, aquí les dejo un tutorial sobre como programar en java en tu iPhone ó iPod Touch.

Elementos con los que se realizaron este tutorial.

• iPod Touch 4.
• JailBreak
• Cydia

Bién, vamos a instalar los componentes para poder Crear, Compilar y Ejecutar nuestros archivos .java.

Entramos a Cydia y nos vamos a la opción “Manage”, seleccionamos “Settings” y seleccionamos la opción “Developer (No Filters)”.

Seleccionamos "Settings"

Seleccionamos "Developer (No Filters)"

Ahora nos vamos a la opción “Sections” y buscamos “Java”, una vez dentro instalamos Classpath, JamVM y Jikes.

Seleccionamos "Java"

Instalamos Classpath y JamVM

Instalamos Jikes

Ahora vamos a instalar el iEdit que es el que nos va a servir para crear nuestros archivos desde el iPod/iPhone y también instalaremos MobileTerminal que es donde vamos a ejecutar nuestros programas. Abrimos el “Search” de Cydia y buscamos cada programa y los instalamos.

Programa para crear los archivos .java

Terminal para compilar y ejecutar nuestros programas

Una vez instalado Todo, vamos a entrar al iEdit para empesar a programar.

Cuando abrimos el iEdit nos posiciona en la carpeta Documents de nuestro dispositivo, vamos a crear una carpeta llamada “Java” donde crearemos nuestros programas. Para ello solo tocamos el simbolo de “+” y cuando nos pida el nombre seleccionamos la opción “Folder” que indicará que crearemos una carpeta.

Seleccionamos la opción "+"

Activamos la opción "Folder"

Carpeta "Java" Creada

Ahora seleccionamos “Java” para acceder a la carpeta y crear nuestro programa.

En esta ocación vamos a crear un programa para calcular el factorial de un número. Lo haremos en dos archivos, uno se llamará Operations.java que contendrá la función para calcular el factorial y el otro se llamará Factorial.java que será nuestro programa principal.

Para crear un archivo lo hacemos de la misma manera que creamos la carpeta, solo que activamos la opción File.

Creamos el archivo Operations.java

Seleccionamos la opción File

Seleccionamos el archivo para abrirlo

Código del archivo Operations.java

Creamos el archivo Factorial.java

Activamos la opción File

Código del archivo Factorial.java

Ya que tenemos los archivos creados vamos a compilarlos y ejecutarlos. Para ellos abrimos el programa Terminal y nos vamos a desplazar hasta la carpeta Java que creamos dentro de documents.

Nos desplazamos hasta la carpeta Java

Ahora compilamos nuestros archivos con el comando jikes archivo.java

Compilamos los archivos

Y finalmente ejecutamos el programa con el comando java archivo

Compilamos nuestro programa

Listo!!

Espero sea de grán ayuda..

Dudas, comentarios y/ó sugerencias no duden en hacerlas llegar..

Saludos!!

Existe una aplicación bastante facil de manejar, para cuendo tengamos la necesidad de conectarnos a algunas de nuestras bases de datos MySQL montadas en la red..

DataGlass MySQL

Esta aplicación nos ayudará en ese trabajito..

Aquí algunas imágenes..

Datos de Conexión

Lista de tablas de la base de datos

Acceso a los datos de la tabla "videos"

La aplicación es gratuita y la pueden bajar de la App Store

Más info: http://itunes.apple.com/es/app/dataglass-mysql/id397060484?mt=8

Espero sea de grán ayuda..

Dudas, comentarios y/ó sugerencias, no duden en hacerlas llegar..

Saludos!!

Vamos a explicar como hacer una paginación de datos en CodeIgniter.

Para ello a mi proyecto lo llamaré CI..

Supongamos que tenemos una tabla llamada customers.

DROP TABLE IF EXISTS `customers`;
CREATE TABLE  `customers` (
  `id` INT(10) UNSIGNED NOT NULL AUTO_INCREMENT,
  `name` VARCHAR(45) NOT NULL,
  `lastname` VARCHAR(45) NOT NULL,
  `phone` VARCHAR(45) NOT NULL,
  `address` VARCHAR(45) NOT NULL,
  `email` VARCHAR(45) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=latin1;

Habrimos el archivo database.php y configuramos nuestra conexión de base de datos.

Luego dentro de config.php en el parametro $config['base_url'] ponemos algo así $config['base_url']    = “http://127.0.0.1/CI/”;

Despues en el archivo database.php solo indicamos que cargue la base de datos desde el inicio con $autoload['libraries'] = array(‘database’);

Todo esto dentro la carpeta config.

Ahora vamos a crear un modelo para trabajar con la base de datos (los modelos van dentro de la carpeta model).

customers_model.php

<?php
	class Customers_model extends Model {
		function getAllPaginated($per_page,$segment) {
			$this->db->order_by('id ASC');
			$q = $this->db->get('customers',$per_page,$segment);
			$data["customers"]=array();
			if ($q->num_rows() > 0)
			{
				foreach ($q->result() as $row)
				{
					$data["customers"][$row->id]["id"] = $row->id;
					$data["customers"][$row->id]["name"] = $row->name;
					$data["customers"][$row->id]["lastname"] = $row->lastname;
					$data["customers"][$row->id]["phone"] = $row->phone;
					$data["customers"][$row->id]["address"] = $row->address;
					$data["customers"][$row->id]["email"] = $row->email;
				}
			}
			return $data["customers"];
		}
 
		function totalCustomers()
		{
			 $q = $this->db->get('customers');
			return  $q->num_rows() ;
		}
	}
?>

El método getAllPaginated nos regresa los registros paginados, y el método totalCustomers nos devuelve la cantidad de registros totales.

Ahora vamos a crear un controlador con un metodo index (los controladores van dentro de la carpeta controllers)

customers.php

<?php
	class Customers extends Controller {
 
		function Customers()
		{
			parent::Controller();	
			$this->load->helper(array('text','form','url'));
			$this->load->model(array('customers_model'));
		}
 
		function index()
		{
			$pages=10; //Numero de registros mostrados por páginas
			$this->load->library('pagination'); //Cargamos la librería de paginación
			$config['base_url'] = base_url().'index.php/customers/index'; // parametro base de la aplicación, si tenemos un .htaccess nos evitamos el index.php
			$config['total_rows'] = $this->customers_model->totalCustomers() ;  
			$config['per_page'] = $pages; 
			$config['num_links'] = 2; //Numero de links mostrados en la paginación
 
			$this->pagination->initialize($config); 
 
			$data["customers"] = $this->customers_model->getAllPaginated($config['per_page'],$this->uri->segment(3));
 
			$this->load->view('customers',$data); //Cargamos la vista llamada customers.
		}
	}
?>

Ahora creamos la vista para mostrar los datos (las vistas van en la carpeta views).

customers.php

<html>
	<head>
		<title>Customers</title>
	</head>
	<body>
		<table border='1'>
			<tr>
				<td>Name</td>
				<td>Lastname</td>
				<td>Phone</td>
				<td>Address</td>
				<td>Email</td>
			</tr>
		<?php foreach($customers as $customer) { ?>
			<tr>
				<td><?php echo $customer['name']; ?></td>
				<td><?php echo $customer['lastname']; ?></td>
				<td><?php echo $customer['phone']; ?></td>
				<td><?php echo $customer['address']; ?></td>
				<td><?php echo $customer['email']; ?></td>
			</tr>
		<?php } ?>	
		</table>
		<?php echo $this->pagination->create_links(); //Imprime la numeración de páginas ?>
	</body>
</html>

Listo!!

Queda como se muestra en las imágenes..

Listo..
Dudas, sugerencia y/ó comentarios, son bién recibidos..

Saludos..

Si quieres Encontrar los archivos modificados el día de hoy en GNU/Linux, este comando te puede ser útil.

find . -mtime -1 -print

Una de las primeras cosas que debemos verificar quienes estamos preocupados por la seguridad de los servidores y aplicaciones es la seguridad de las contraseñas que eligen y utilizan a diario los usuarios.  A nivel de aplicación y de sistema operativo se establecen políticas que les obligan a los usuarios a elegir combinaciones de caracteres con una confiabilidad que consideramos suficiente.  Pero cuan seguras son realmente esas claves ?

John the Ripper es una aplicación que pretende averiguar las contraseñas a través de un ataque de fuerza bruta.  Para esto es necesario contar con acceso a la base de datos de los usuarios (/etc/passwd) y de las contraseñas cifradas (/etc/shadow) del sistema operativo.  Su uso es muy simple y como se mencionó anteriormente, es muy útil para establecer si las contraseñas son fáciles de establecer o no mediante este tipo de ataques.

Instalación en Ubuntu.

Simplemente es necesario instalar el paquete que se encuentra en los repositorios estándar.

 sudo aptitude install john

Utilizar JTR.

El primer paso consiste en generar un archivo intermedio entre la lista de usuarios y sus contraseñas cifradas.

 sudo unshadow /etc/passwd /etc/shadow > usuarios.db

A continuación se inicia el proceso de verificación de contraseñas por fuerza bruta.

john usuarios.db

Este proceso puede tomar una cantidad considerable de tiempo y recursos de procesamiento.  En cualquier momento es posible consultar las contraseñas que ya han sido determinadas y la cantidad de contraseñas pendientes mediante la siguiente instrucción.

 john -show usuarios.db

Es posible continuar con una sesión previa que fue interrumpida ubicándose en el mismo directorio donde se encuentra el archivo de datos y ejecutando la siguiente instrucción.

 john -restore

La información del proceso y las contraseñas encontradas se almacenan bajo la ruta ~/.john.

Para conocer mas del tema te recomiendo visitar:

Administracion de Usuarios En Linux

John the Ripper password cracker.

Descifrar MD5

En php es muy fácil realizar consultas para tener acceso a las bases de datos de MySql, para ello utilizaremos un programa que reúna las herramientas que necesitamos para probar nuestro ejemplo, easyphp que une php, mysql, apache y phpmyadmin lo podemos descargar en el siguiente link:

http://sourceforge.net/projects/quickeasyphp/files/EasyPHP/5.3.3/EasyPHP-5.3.3-setup.exe/download

Creamos una base de datos como se muestra en la imagen llamada prueba o llamarle como quieras lo debes tener presente a la hora de hacer tu variable de la conexión, luego creamos una tabla con 5 campos como se muestra en la parte de abajo.

CREATE TABLE IF NOT EXISTS `agenda` (
`id` INT(11) NOT NULL AUTO_INCREMENT,
`nombre` CHAR(50) NOT NULL,
`direccion` CHAR(50) NOT NULL,
`telefono` CHAR(15) NOT NULL,
`email` CHAR(30) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1

Una vez creada nuestra base de datos con la respectiva tabla creamos un archivo llamado ejemplo.php con el siguiente código.

<html>
<body>
 
<?php
$link = mysql_connect("localhost", "root",""); //servidor, usuario y password si fuera necesario
mysql_select_db("prueba", $link);
$result = mysql_query("SELECT * FROM agenda", $link); 
 
while($row = mysql_fetch_array($result))
{
                echo "Nombre: ".$row['nombre']."<br>";
                echo"<br> ";
                echo "Direccion: ".$row['direccion']."<br>";
                echo"<br> ";
                echo "Telefono: ".$row['telefono']."<br>";
                echo"<br> ";
                echo "Email: ".$row['email']."<br>";
}
?>
 
</body>
</html>

La variable que tiene los datos de la conexión: servidor, usuario y password

$link = mysql_connect("localhost", "root","");

Especificamos el nombre de la base de datos junto con los datos de conexión

mysql_select_db("prueba", $link);

Almacenamos en result los datos obtenidos de la consulta que estamos llevando acabo

$result = mysql_query("SELECT * FROM agenda", $link);

Espero y les sea de ayuda, Saludos!!

En todos los programas, la manera de almacenar y recuperar información que perdure en el tiempo se basa en el uso de “memoria secundaria”, compuesta esencialmente por discos y ocasionalmente cintas. En cualquiera de estos medios, la unidad de almacenamiento de información se denomina archivo.

 Todos los lenguaje de programación ofrecen acceso a leer y escribir archivos en discos mediante estructuras definidas en el caso de C# las clases más relacionadas con la escritura y lectura de archivos (File Input/Output o File I/O) son:

 FileStream, cuyo propósito es lectura y escritura de datos binarios (no de texto legible), a cualquier archivo de tipo binario, aunque se puede utilizar para acceder a cualquier tipo de archivo, inclusive los de texto.

StreamReader y StreamWriter, las cuales están diseñadas para lectura y escritura de archivos de texto. Estas clases se asumen como de un nivel más alto que FileStream.

¿Que es un Stream?

Un stream es como se denomina a un objeto utilizado para transferir datos. Estos datos pueden ser transferidos en dos posibles direcciones:

• Si los datos son transferidos desde una fuente externa al programa, entonces se habla de “leerdesde el stream”.
• Si los datos son transferidos desde el programa a alguna fuente externa, entonces se habla de “escribir al stream”.

Para poder usar estas clases en C# es necesario el namespace siguiente:

using System.IO;

Crear un archivo

Es muy facil, lo hacemos de la siguiente forma.

StreamWriter archivo = File.CreateText("Ruta_y_nombre_del_archvio.txt");
 
archivo.Close();

Escribir en un archivo(StreamWriter)

Esta clase al igual que StreamReader, trabaja con archivos, excepto que su propósito es únicamente para escribir dentro de un archivo (u otro stream). Es relevante distinguir que en este caso, el proceso de apertura para escritura considera que:

• Si el archivo no existe lo crea vacío para comenzar a escribir.
• Si el archivo ya existe, lo deja vacío para comenzar a escribir.
• Si el archivo ya existe, es posible abrirlo en forma “Append” (agregar) para escribir al final.

WriteLine()

Totalmente equivalente a Console.WriteLine(), se utiliza la misma idea, y el mismo formato, sabiendo que se estará escribiendo el texto no a la consola, sino que al stream abierto con el constructor.

string linea = “Texto de prueba”;
 
sw.WriteLine(linea);
 
sw.WriteLine(“Esta es la segunda línea del archivo”);

Write ()

También presente, el método simple Write(), permite escribir texto en el stream, de la misma forma que su equivalente método de la clase Console. En este caso se reconocen las siguientes alternativas de uso:

Imprimir un string

string linea = “Texto de prueba”;
 
sw.Write(linea);

 Ejemplo de escritura

string fileName = "temp.txt";
 
FileStream stream = new FileStream(fileName, FileMode.OpenOrCreate, FileAccess.Write);
 
StreamWriter escribe = new StreamWriter(stream);
 
escribe.WriteLine("Esta es la primera línea del archivo.");
 
escribe.Close();

Notar el File.AppendText(),agrega un linea de texto al final del archivo.

StreamWriter agrega = File.AppendText(fileName);
 
agrega.WriteLine("Este es el texto adicionado.");
 
agrega.Close();

Leer desde un archivo (StreamReader)

 Algunos de los metodos de StreamReader se enlistan acontinuacion.

ReadLine()

Al igual que el conocido Console.ReadLine(), este método lee una línea completa de un archivo de texto hasta el cambio de línea más próximo.

string linea = sr.ReadLine()

ReadToEnd()

Este método, por su parte, se encarga de acumular la información que hay desde la lectura anterior (que pudo haberse hecho con ReadLine(), por ejemplo) hasta el final del archivo, todo en el mismo string.

string linea = sr.ReadToEnd()

Ejemplo de Lectura

FileStream streamlee = new FileStream(fileName, FileMode.Open, FileAccess.Read);
 
StreamReader lee = new StreamReader(streamlee);
 
while (lee.Peek() > -1)
 
{
 
Console.WriteLine(lee.ReadLine());
 
}
 
lee.Close();
 
Console.ReadLine();