Con el reciente lanzamiento de Windows 8 podemos notar un gran cambio en la manera de manejar las aplicaciones, la interfaz ha cambiado completamente. La realidad es que es una interfaz limpia y sobria que muy probablemente será una tendencia en el mundo del desarrollo de software.

Si estas pensando en incorporar ciertos elementos de la nueva interfaz de Windows en tus páginas o sistemas web aquí tienes un par de opciones por donde empezar:

Metro UI CSS

El ucraniano Sergey Pimenov desarrolló Metro UI CSS , un paquete de estilo que emula muy bien el Windows 8, pero no solo en su interfaz principal sino también ofrece componentes de formulario como etiquetas, campos de texto, botones, menús, etc.

Al probarlo en una tableta se puede apreciar una buena compatibilidad y manejo en ese dispositivo móvil.

Droptiles

Este es un paquete de estilos mucho más elaborado que UI CSS, además de tener la interfaz principal  es posible acceder a las secciones dando clic sobre las imágenes. Todo está contenido en un escritorio principal. El manejo de la interfaz es más agradable y posee más animaciones.

Por defecto los archivos de ejemplo están creados en asp.net pero  con unos pequeños cambios es posible correrlo con cualquier lenguaje web.

Esta es su dirección web

Un punto desfavorable de Droptiles fue que al correrlo en la tableta no tiene una buena compatibilidad con el dispositivo.

Ultimamente estamos trabajando mucho con el .Net Framework el tesoro Microsoft, y tal vez haya muchas mas personas que tambien trabajen con el .Net sea en Visual C# o Visual Basic. En este post hablare de una interesante Aplicacion para hacer ingenieria Inversa a aplicaciones .Net. Se Trata de GrayWolf para C#.

El objetivo de la ingeniería inversa es obtener información o un diseño a partir de un producto accesible al público, con el fin de determinar de qué está hecho, qué lo hace funcionar y cómo fue fabricado.

Wikipedia

La ingenieria Inversa es una espada de Doble filo que puede ayudarnos a explorar las estructuras de otro Software, y Aplicaciones como grayWolf nos pueden Ayudar a saber que tan Vulnerable es nuestro software ante ataques de Ingenieria Inversa.

Vamos a ver como trabaja grayWolf con fines puramente educativos .

Obteniendo El Arma

GrayWolf es una aplicacion que nos permite aplicar ingenieria inversa a aplicaciones hechas con .NET, podremos conseguir una version de grayWolf directamente de su pagina oficial aqui, esta es la version 1.83 hasta la fecha de este post. hay una version 1.88 pero aun esta en fase Beta por lo tanto usaremos la 1.83.

Usando el Arma

En el siguiente video muestro como abrir una aplicacion C# con grayWolf.

Lo unico unico que tenemos que hacer para abrir una aplicacion/programa hecho en C# con GrayWolf es arrastrar el ejecutable(.exe) a el treeview de la izquierda del GrayWolf.

Una vez que hallamos arrastrado con exito nuestro programa, el Treeview de la izquierda se rellenara con la estructura del codigo de la aplicacion.

y he aqui el poder de GrayWolf, podremos ver las clases y las funciones de la aplicacion. Todo apartir del solo ejecutable.

Si seleccionamos una funcion podremos ver sus modificadores en la pesta~a Function, es decir veremos si la funcion en el supuesto codigo de la aplicacion es public, private, static, etc.

Igualmente podremos ver el código de la función en la pesta~a  MethodEditor : IL , muy basico, pero suficiente :

Podremos ver los valores hexadecimales en la pesta~a HEX :

Y en Class View podremos ver la estructura de la clase que seleccionemos, con estructura me refiero a las variables y me todos de la clase como definicion, sin el codigo interno de las funciones…

Asi que ya no hay excusa para empezar a “explorar” otras aplicaciones, y ver como estan constituidas, este es el primer post de muchos mas sobre seguridad e in-seguridad de software, saludos .

Una vez mas volveremos a tocar las tecnologias de Google, pues estas tecnologias nos traen muchas novedades y muchas simplificacion y desde la perspetiva de Google : las APIs de Google estan para no reiventar la rueda y enfocarnos en resolver otros problemas que requieren mas atencion.

Esta vez haremos uso de la Visualization API, esta API sirve en pocas palabras para hacer graficas con puro javascript gracias a las Google Chart Tools, de la forma mas facil, estas graficas estan muy bien dise~adas y rellenarlas es muy facil.

Ejemplo Grafica PieChart Simple
Ejemplo Grafica PieChart 3d
 

Para no dar rodeos con teoria vamos a empezar, veamos el ejemplo paso a paso e iremos viendo la teoria paso a paso.

La grafica que haremos como ejemplo sera Las visitas de Pharalax, solo abarcaremos 7 dias … y talvez los datos sean ficticios , pero solo es un ejemplo.

Lo primero que haremos sera cargar en nuestro documento HTML la JSAPI de Gooogle desde https://www.google.com/jsapi , con esta API podremos hacer uso de la Visualization API.

Esta APIS es de javascript,asi que la cargaremos con script.

<script type="text/javascript" src="https://www.google.com/jsapi"> </script>

Ahora empezaremos otro script donde iremos escribiendo las caracteristicas y datos con lo que contara nuestra Grafica, vamos paso a paso :

Ahora cargaremos la Visualization API , una vez cargada (load), podremos empezar :

google.load('visualization', '1.0', {'packages':['corechart']});

Vamos a hacer un callback, para que al momento de que la Visualization API este cargada llamemos a una funcion, esta funcion sera la que implementara la API y dibujara nuestra grafica.

google.setOnLoadCallback(dibujaGrafica);

La funcion en cuestion sera dibujaGrafica, por lo tanto declararemos la funcion y dentro de ella ira el siguiente codigo.

La primera linea dentro de la funcion dibujaGrafica, es la creacion de una Tabla de datos (DataTable), despues apartir de ella construiremos la grafica :

var data = new google.visualization.DataTable();

Agregamos dos columnas a la tabla la sintaxis para agregar columnas es : data.addColumn(tipo, nombre) y como esta sera una PieChart(grafica de pastel, circular)solo necesitamos 2 columnas, la descripcion (en este caso los dias de la semana) y el valor ( el numero de visitas de pharalax en cada dia), el dia de la semana con tipo string y las visitas como number.

data.addColumn('string', 'Dia de la Semana');
data.addColumn('number', 'Visitas');

Vamos a agregar valores(rows) a nuestra DataTable, de la manera siguiente :

data.addRows([
['Lunes', 50],
['Martes', 61],
['Miercoles', 55],
['Jueves', 70],
['Viernes', 42],
['Sabado', 67],
['Domingo', 52]
]);

Podemos ver que entre los corchetes conservamos la estructura que definimos en las columnas ['Dia de la Semana','Visitas'], sino conservamos esta estructura, nuestra grafica jamas se dibujara, y notar que los datos numericos van fuera de comillas.

Vamos a darle las opciones a la grafica , en este caso tendremos 3 caracteristicas : title, width y height ; el titulo , el largo y lo alto de la grafica respectivamente :

var opciones = {'title':'Visitas de Pharalax en una Semana',
'width':800,
'height':600};

Ahora definimos nuestra grafica y le decimos donde se va a dibujar, estamos hablando de una PieChart, en caso de que quisieramos una grafica tipica de barras, simplemente sustituimos PieChart por BarChart , nada mas :

var chart = new google.visualization.PieChart(document.getElementById('chart_div'));

Notamos que la grafica la vamos a dibijar en un componente (en este caso div) con el identificador ‘chart_div‘.

Finalmente dibujamos nuestra grafica, con nuestros datos y nuestras opciones :

chart.draw(data, opciones);

Con esto termina la funcion dibujaGrafica, les dejo el codigo completo :

<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">

google.load('visualization', '1.0', {'packages':['corechart']});

google.setOnLoadCallback(dibujaGrafica);

function dibujaGrafica() {

var data = new google.visualization.DataTable();

data.addColumn('string', 'Dia de la Semanda');
data.addColumn('number', 'Visitas');
data.addRows([
['Lunes', 50],
['Martes', 61],
['Miercoles', 55],
['Jueves', 70],
['Viernes', 42],
['Sabado', 67],
['Domingo', 52]
]);

var opciones = {'title':'Visitas de Pharalax en una Semana',
'width':800,
'height':600};

var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, opciones);
}
</script>
</head>

<body>
<div id="chart_div"></div>
</body>
</html>

Esto aun no estodo si aun quisieramos ver la grafica en 3d, tendriamos que sustituir los datos que tenemos en opciones por los siguientes :

var opciones = {'legend':'left',
'title':'Visitas de Pharalax en una Semana',
'is3D':true,
'width':800,
'height':600};

y Asi tendremos nuestra grafica en 3d.

Ejemplo Grafica PieChart Simple
Ejemplo Grafica PieChart 3d

Google, el gigante de internet, cuenta con servicios de primera calidad para los usuarios y lo mejor , gratis . Aplicaciones como Gmail, Google docs,Google Drive, Google Maps, Youtube y mucho mas entre su repertorio.

Ademas Google provee a desarolladores un conjunto de APIs para poder extender los servicios de Google a las propias necesidades del desarrollador. Para hacer uso de estas APIs es necesario tener una Cuenta de Google (correo de Gmail…) y tener una API KEY.para que?

La API KEY de Google es como tener permiso para usar la tecnologia de Google, este permiso es inmediato y ademas nos abrira muchas puertas mas. Una vez que tenemos nuestra Cuenta de Google solo vamos a la Consola de Google y ahi nos damos de alta facilmente.

Una vez que nos demos de alta veremos una pantalla como esta :

Donde podremos ver informacion detallada de las APIs que estamos usando en este Caso yo tengo 5 APIs Activas … Books, Calendar, Freebase, maps y Street view.

Si queremos seleccionar alguna otra APIs seleccionamos la opcion Services del menu de la Izquierda y nos aparecera la colosal lista de servicios de Google.

Son cerca de 50 APIs, dependiendo del servicio que vallamos a usar, la mayoria estan en off, si queremos activar una API para usarla, le damos click sobre off y se pondra en on, y viceversa.

La informacion que creo mas importante para este post esta en la opcion API Access en el menu de la izquierda, que es donde aparecera nuestra clave de desarrollador, en mi caso :

Donde veremos informacion especial, propia de nosotros como la API Key (que es el acceso a las APIs), la fecha de activacion. La clave de acceso es unica como desarrollador y cuando hacemos una aplicacion usando alguna API es necesario especificar la API KEY.

Muchos pensaran copiar la API KEY de otros pero se perderan de algo especial .

Si tenemos una aplicacion usando APIs de google y quisieramos saber Estadisticas de uso de nuestra aplicacion, pues gracias a la API KEY tendremos actualizadas nuestras estadisticas seleccionando la opcion Reports.

El servicio de APIs de Google es gratuito hasta cierto punto, te limita a 100000 o 25000 visitas por dia dependiendo del servicio.

Por ejemplo para la busqueda personalizada solo te permite 100 busquedas por dia, como usuario gratis.

Para sitios medianos creo que vale, pero para algo mas grande habra que pagarle a Google.

Este articulo sera usado para futuras referencias …

HTML5 nos sigue sorprendiendo, cada vez se hace mas espectacular lo que podemos hacer con simple javascript, bueno bueno no tan simple, para el caso que nos ocupa en este post haremos uso del elemento <input type=”file”> para manejar las entradas de archivos.

En la practica resulta muy interesante lo que podemos hacer, la primero que haremos sera iniciar la definicion de nuestro html y continuaremos explicando paso a paso lo que sucede en el javascript.

La primera fase de nuestro documento HTML quedara asi :

<html>
<head>
</head>
<body>
<input type="file" id="files" multiple>
</body>
</html>

En esta parte no hay mucho que decir, si ya tenemos un grado de experiencia, podemos simplemente ver que todo es simple , hasta aqui, el elemento file es el mismo de siempre, le agregamos el parametro multiple para que al abrirse el selector de archivos podamos seleccionar varios archivos.

Al inciar nos llamara mucho la atencion la forma de trabajar de javascript con archivos, luego nos acostumbramos … empezaremos con esto :

file_in = document.querySelector("#files")
file_in.onchange = function(e){
    var files = e.target.files;
    for(var i=0,f;f= files[i];++i){
        console.log(f.name);
    }
}

Para que algunos no se pierdan con el document.querySelector, es la sustitucion de document.getElementById, document.querySelector utiliza los selectores mas poderosos de CSS3, lo que hacemos es obtener el contexto del elemento file en la variable file_in.

Haremos uso del evento onchange del elemento file, este evento disparara la funcion dentro y nos mostrara los nombres de los archivos seleccionados en la consola de javascript.

Es importante observar que dentro de la funcion inline del evento onchange tenemos lo siguiente :

var files = e.target.files;

Lo que se hace aqui es obtener en la variable files, el contexto de e.target.files, que son los objetos de los archivos que vienen desde el elemento file, para luego hacer un recorrido de estos elementos con el for.

Vemos que en la declaracion del for hacemos :

f = files[i]

Aqui por cada iteracion del for, la variable f, tendra el contexto (valores de objetos) de la iteraccion files[i], con f.name, indicamos que vamos a imprimir el nombre del archivo y dado que f tiene el contexto de f[i] , nos estamos cada archivo seleccionado.

Mostrar texto en la consola de javascript quizas no es la mejor idea dado que solo se usa para pruebas, lo mejor sera ir poniendo los archivos seleccionados en una lista. En el ejemplo anterior mostrabamos solamente el nombre del archivo, en este ejemplo mostraremos mas.

f.name // muestra en nombre de archivo
f.type // el tipo de archivo
f.size // el tama~o del archivo

El ejemplo completo es :

<html>
<head>
</head>
<body>
<input type="file" id="files" multiple>

<div id="archivos">
<ul></ul>
</div>
<script>

var insertar_en = document.querySelector("#archivos ul");
file_in = document.querySelector("#files")
file_in.onchange = function(e){
    var files = e.target.files;
    for(var i=0,f;f= files[i];++i){
        var archivo = document.createElement("li");
        archivo.innerHTML = f.name + " - (<b>" + f.type + "</b>) ->" + f.size;
        insertar_en.appendChild(archivo);
    }
}
</script>
</body>
</html>

Ahora cada archivo seleccionado lo vamos insertando en una lista, ademas mostramos mas informacion referente al archivo.

Una muestra ya que hemos seleccionado archivos :

Si estamos interesados en el desarrollo de animaciones, juegos o simplemente por pura obsecion de manejo del tiempo, HTML5 nos trae algo nuevo, sucede que por un buen tiempo a la hora de manejar intervalos de tiempo javascript solo permitia milisegundos y hasta la fecha es asi.

Veremos :

• Midiendo Segundos
• Midiendo Micras

Por la obsecion de mejores animaciones y mejores frames ha surgido la necesidad de implementar micras de segundo, es decir dividir un segundo en un millon de partes, para obtener medidas de tiempo mucho mas precisas.

Vamos a partir de un ejemplo simple, la sumatoria de un numero de 1 hasta 1000000 (un millon), vamos a medir el tiempo en que ocurre :

var start = Date.now();
var sumatoria = 0
for(var i=0;i<1000000;i++)
sumatoria = sumatoria + 1

if(window.console)
    window.console.log("duracion : " + (Date.now() - start));

Esto imprimira en la consola javascript la duracion de la operacion en segundos.Aqui basicamente lo que hacemos es obtener la hora(var start = Date.now()) antes de iniciar la operacion y restarle la hora(Date.now()) a la que termina la operacion y asi obtenermos los segundos que tarda la operacion.

Para navegadores webkit esto es lo nuevo, esta funcion nos da el tiempo con todo y micras de segundo, para aplicarlo solo sustituiremos Date.now() por performance.webkitNow(), el codigo nos quedata asi :

var start = performance.webkitNow();
var sumatoria = 0
for(var i=0;i<1000000;i++)
sumatoria = sumatoria + 1

if(window.console)
    window.console.log("duracion : " + (performance.webkitNow() - start));

Como resultado obtendremos :

Y concluimos, nos podemos dar cuenta que mientras en en segundos nos muestra numeros enteros y por la parte de performance.webkitNow nos da una mayor exactitud.

Cuando se trata de caracteristicas del HTML5 cabe notar que el navegador Chrome es uno de los mejores en este aspecto, desde mi humilde punto de vista, aunque es de respetarse la intervencion de los demas navegadores tipo webkit.

HTML5 viene con muchas mejoras y nuevos componentes, aun esta en previo desarrollo la nueva tecnologia de HTML5 y ya esta cobrando muchos votos a su favor.

En esta ocasion daremos un paseo por el componente <datalist></datalist> que viene de la mano con los input, para este ejemplo usaremos:

• input[type=range]
• input[type=text]

La funcion del elemento datalist es dar al input una serie de valores predefinidos, en el caso de que esto sea relevante.

El primer ejemplo que haremos sera con el elemento range y apartir de ahi veremos como trabajar con datalist.

<input type="range" value="0" min="0" max="400" list="numeros" />
<datalist id="numeros">
    <option>20</option>
    <option>40</option>
    <option>80</option>
    <option>160</option>
    <option>320</option>
</datalist>

y como resultado obtendremos un elemento range(rango) asi :

Lo que hemos hecho ha sido insertar un elemento range que : inicialmente apunte al valor 0 -> value =”0″, que su valor minimo sea 0 -> min=”0″ ,  que su valor maximo sea 400 -> max=”400″, y ademas lo hemos enlazado a una lista llamada numeros -> list=”numeros”.

Esta lista de esta lista obtendremos los valores pre definidos, en este caso 20,40,80,160 , que tal como se muestra en la imagen, son las divisiones que estan en la parte inferior del elemento range.

En  cuanto a la declaracion de la lista se usa la etiqueta <datalist> y su correspondiente etiqueta de cierre </datalist>, para crear el enlace entre el input y el datalist : el valor que hay en el parametro list del input debe ser el mismo valor en el id del datalist.

Ahora que hemos visto el funcionamiento del datalist en el elemento range, vamos a ver como funciona el datalist con elemento tipo texto, para ello usaremos la misma sintaxis que en el elemento range, solo omitiremos los datos de value,min y max, para este ejemplo usaremos :

<input type="text" list="nombres">
<datalist id="nombres">
    <option value="abel"></option>
    <option value="abigail"></option>
    <option value="adrian"></option>
    <option value="airan"></option>
    <option value="alberto"></option>
    <option value="claudio"></option>
    <option value="clemente"></option>
    <option value="samuel"></option>
    <option value="sergio"></option>
</datalist>

Y como resultado :

Apesar de que se puede escribir cualquier valor, hemos obtenido un eficiente sistema de sugerencias a puro HTML. Observar que en este caso usamos el parametro value=”valor” para especificar el valor que tendra la opcion del datalist, pero es irrelevante se puede hacer de esta forma o de la forma anterior, dara el mismo resultado.

Hasta la Proxima !!

• El Problema
• La Solucion
• La Correccion

Los numeros primos son numeros que solo son divisibles entre 1 y entre ellos mismos, sabiendo esto podemos llegar a varias conclusiones y llegar a una solucion que nos resolvera nuestro problema.

El Problema

Saber si un numero es primo

La Solucion

Ser divisible entre un numero significa que al aplicar division entre ese numero el resto de la division debera ser 0 (cero). Para resolver este dilema haremos una serie de divisiones entre el numero en cuestion y todos los numeros antes de el incluyendolo a el mismo.

Entonces si para saber si el numero es primo solo deberemos poner un contador y se contador solo aumentara en caso de que la division entre cualquier numero de 0(cero), haciendo eso solo nos interesara que el resultado del contador sea 2. La division entre 1 y la division entre el mismo numero. siendo asi, el numero es primo, de lo contrario no lo es.

El codigo en python seria :

numero_leido = raw_input("inserta un numero >> ")
numero = int(numero_leido)
contador = 0
for i in range(1,numero+1):
    if (numero% i)==0:
        contador = contador + 1

if contador==2:
    print "el numero es primo"
else print "el numero no es primo"

Hasta ahora se ha hecho todo un recorrido por todos los numeros desde 1 hasta el numero en cuestion, y se han hecho divisiones simultaneas hasta dar con el resultado.

La Correccion

Para corregir y hacer mas eficiente el algoritmo pues simplemente, si el numero es divisible tres 3 o mas veces el ciclo debe romperse y dar por hecho que el numero no es primo para verificar que hemos roto el ciclo declararemos una variable tipo Booleana la cual nos dira si es false, el numero es primo, y si es true el numero no es primo.

numero_leido = raw_input("inserta un numero >> ")
numero = int(numero_leido)
contador = 0
verificar= False
for i in range(1,numero+1):
    if (numero% i)==0:
       contador = contador + 1
    if contador >= 3:
        verificar=True
        break

if contador==2 or verificar==False:
    print "el numero es primo"
else: print "el numero no es primo"

Y siendo asi ya no haremos el recorrido de todos los numeros, solo bastara que el numero tenga tres divisores para concluir que no es primo.

En un post anterior hablamos sobre las caracteristicas de MongoDB, esta vez nos toca instalarlo y empezar a “jugar” con el.  Antes que nada nos vamos a ir a la Pagina de Descargas de MongoDB, y nos descargaremos una version para empezar, para este post usare la version 2.2.0 que pesa mas o menos 55megas.

MongoDB es un sistema Gestor de Base de datos muy especial, y guarda los datos de una manera igualmente muy especial, por lo que ha ganado mucha aceptacion como un gestor de bd muy rapido y muy simple, aunque poderoso.

MongoDB no requiere instalacion alguna, por lo que una vez descargado el archivo de MongoDB solo debemos seguir unos pasos y despues estaremos frente a la Terminal escribiendo comandos a MongoDB.

Una vez que tenemos descargado el mongoDB, procederemos a descomprimirlo y de haber descargado la version 2.2.0 que estamos usando aqui al descomprimir tendras una carpeta llamada mongodb-win32-i386-2.2.0 que contendra estos archivos :

La carpeta que nos interesa es la bin, por lo que entramos en ella y nos encotramos con lo siguiente :

Veremos un monton(en realidad son 13) de archivos .exe que son los que le dan vida al MongoDB.

Vamos a poner la carpeta de mongoDB en un lugar mas “accesible”, la pegaremos en la unidad C:\, nos vamos a la unidad C:\ , creamos una carpeta donde pondremos los archivos de MongoDB , a la carpeta le llamaremos mongodb y dentro pegaremos todos los archivos que veiamos en la imagen anterior.  Ahora tendremos algo asi :

Podremos ver el texto remarcado en rojo la direccion en donde pusimos los archivos, hecho esto … manos a la obra … esa es la unica configuracion de instalacion de MongoDB, ahora procederemos a iniciar la Base de datos.

Empezamos partiendo de que tenemos los archivos de MongoDB en C:\mongodb, como vimos en el   punto anterior … Ahora abrimos una Terminal , [Tecla Inicio] + R = Ejecutar , cmd.exe [ENTER].Esta sera la Terminal 1 :

Al dar enter en Aceptar tendremos nuestra Terminal :

Si es la primera vez que vemos una terminal se nos puede parecer raro, pero con la practica uno se acostumbra. Dentro de ella escribiremos un par de comandos :

cd c:\mongodb

Asi nos moveremos al directorio donde estan los ejecutables de mongoDB. una vez esto listo escribimos otro comando :

dir

Con esto veremos los archivos que hay en la carpeta c:\mongodb.

Para este punto nos interesan 2 archivos de los 13 ejecutable, mongod.exe y mongo.exe, mongod.exe es el Daemon(Demonio) que corre el servicio de base de datos MongoDB y lo vamos a iniciar Ahora.

Si en la terminal solo escribimos mongod nos marcara error, esto es porque mongod necesita una carpeta para guardar sus datos, y esta debe ser agregada manualmente por lo tanto deberemos crear una carpeta casi siempre llamada data, aunque puede ser lo que sea.

Si observamos con cuidado podremos ver la parte donde dice error, que la carpeta data no ha sido creada, pues la creamos y luego volvemos a ejecutar el mongod …

mkdir data

Una vez creada la carpeta procedemos a ejecuar otra vez el mongod pero esta vez  los haremos asi :

mongod --dbpath data

Con esto le indicamos a mongod que usaremos la carpeta data como almacenamiento… al ejecutar sto veremos algo parecido a esto :

Ver algo asi, es simbolo de que todo nos ha salido bien hasta ahora , entre las partes que estan remarcadas en rojo notamos que :

Hay un servidor de base de datos escuchando conexiones en el puerto 27017.

Hay una consola web en el puerto 28017 a la que podemos acceder mediante http://localhost:28017 . y veremos algo asi :

Ahora no tacaremos eso, ahora veremos los comandos basicos de MongoDB.

Si hasta ahora todo nos ha salido bien estiempo de continuar, sino hay que verificar pasos y si no, hay tiempo para comentar errorcitos o detallitos.

Dejamos la terminal 1 Abrierta e iniciamos otra terminal, y nos pocisionamos en C:\mongodb, solo que ahora ejecutaremos el comando mongo. Y veremos algo asi :

Para ver las bases de datos en mongoDB el comando es :

show dbs

Pero como en este caso el mongo esta recien instaladito no habra nada …

En mongoDB la creacion de tablas y bases de datos no son muy estrictas, dado que mongoDB es un Gestor basado en Documentos, por lo tanto, bastara insertar un elemento en un documento(aun que no exista) para que este sea creado.

Vamos que lo unico muy necesario es declara db.eldocumento.insertar(json), eldocumento que se va a usar es algo parecido a las tablas en Mysql, entonces un documento valido en MongoDB seria :

db.peliculas

El formato del documento, a diferencia de los sistemas SQL que se define el modelo de la tabla, las columnas, los tipos de datos ,etc, en MongoDB esto no se hace, simplemente se inserta el dato o conjunto de datos que se quieren guardar en la db, siempre y cuando se respete el formato de datos JSON que utiliza MongoDB.Ejemplo :

{nombre : ‘Samuel’ , apellidopat : ‘Urrutia’, edad : 20, ciudad : ‘cunduacan’ }

y si quisieramos insertar este dato en un documento llamado personas en mongo escribimos :

db.personas.insert({nombre : 'Samuel' , apellidopat : 'Urrutia', edad : 20, ciudad : 'cunduacan' })

y podemos ver esto :

Al dar ENTER sobre el comando con sus respectivos datos no tuvimos errores, por lo que se ve limpio todo : Ahora agreguemos mas datos :

db.personas.insert({nombre : 'Samuel' , apellidopat : 'Urrutia', edad : 20, ciudad : 'cunduacan' })
db.personas.insert({nombre : 'Alejandro' , apellidopat : 'Perez', edad : 15, ciudad : 'cardenas' })
db.personas.insert({nombre : 'Susana' , apellidopat : 'Alvarez', edad : 25, ciudad : 'villahermosa' })
db.personas.insert({nombre : 'Cristobal' , apellidopat : 'Jimenez', edad : 22, ciudad : 'cardenas' })
db.personas.insert({nombre : 'Juan' , apellidopat : 'Alavez', edad : 15, ciudad : 'cunduacan' })
db.personas.insert({nombre : 'Jose' , apellidopat : 'Palma', edad : 16, ciudad : 'comalcalco' })
db.personas.insert({nombre : 'Angel' , apellidopat : 'Alvarez', edad : 10, ciudad : 'comalcalco' })
db.personas.insert({nombre : 'Teresa' , apellidopat : 'Pulido', edad : 26, ciudad : 'comalcalco' })
db.personas.insert({nombre : 'Ana' , apellidopat : 'Ledezma', edad : 28, ciudad : 'cardenas' })
db.personas.insert({nombre : 'Rafael' , apellidopat : 'Perez', edad : 25, ciudad : 'cunduacan' })

Nota : Nombres y datos ficticios

Podemos tomar todos lo datos y pegarlos en la Terminal 2, y se agregaran al documento personas :

Para ver los resultado usaremos db.eldocument.find() y si guiendo con nuestro ejemplo, una vez agregadas las personas al documento personas veremos todos los resultados con el comando : db.personas.find() , resultado :

En la imagen podemos ver todas las personas que agregamos, pero como no siempre los queremos ver todos, por ejemplo, para ver las personas que son de cardenas :

db.personas.find({ciudad : 'cardenas'})

Resultado :

Si queremos ver loas que se Apellidan Alvarez :

db.personas.find({apellidopat : 'alvarez'})

Resultado :

Con el uso y la practica de MongoDB iremos aprendiendo consultas cadavez mas complejas, para este inicio basico con esto sera suficiente.

Para eliminar elementos usamos remove() y funciona de la misma forma que find(), solo que remove() borrar los resultados que nos de la consulta. Borrar a las personas que sean de cardenas :

db.personas.remove({ciudad : 'cardenas'})

Eliminar a los que se apelliden Alvarez :

db.personas.remove({apellidopat : 'Alvarez'})

y Para Borrar Todo :

db.personas.remove({})

Esta ha sido la primera session con el Gestor MongoDB, en el futuro cercano tendremos mas material para trabajar y divertirnos mas… saludos

El trabajo con archivos muchas veces suele ser una buena solucion para ciertos problemas de almacenamiento de informacion en las aplicaciones, el lenguaje que tocaremos ahora sera C# .NET, menu del post :

• Clases : File , StramReader y StreamWriter
• Verificando Existencia
• Leyendo Archivos
• Escribiendo y Sobreescribiendo Archivos
• Terminando

Para poder trabajar con los archivos, la declaracion de la referencia sera :

using System.IO;

Vamos a iniciar con este tema …

Dentro de la tarea que nos ocupa en este post, hay basicamente 3 clases ligadas al funcionamiento de los archivos, File, StreamReader, StreamWriter,

File : Contiene propiedad y metodos que tienen que ver con caracteristicas distintivas de los archivos, para este post usaremo la clase File para abrir un archivo para sobreescritura (Append) y para verificar la existencia de un archivo.

StreamReader : Es la clase encargada de la lectura de los archivos.

StreamWriter : Es la clase encargada de la escritura de los archivos.

Dentro de la clase File, tenemos el metodo Exists(filename), que lleva como parametro el nombre o ruta de un archivo, y como operacion revisa si este archivo existe. Para ilustrar un ejemplo usaremos el siguiente trozo de codigo :

if(File.Exists("archivo.txt")){
// el archivo existe
}
else {
// el archivo no extiste
}

Dentro del if se verifica la existencia del archivo.txt, en caso de que el archivo exista se inicia el bloque que sigue del if, en caso contrario (que no exista el archivo) se ejecuta el bloque de codigo del else.

Dicho en la seccion de clases, la clase que usaremos para leer archivos sera StreamReader veamos un ejemplo de lectura de archivo :

StreamReader reader = new StreamReander("archivo.txt"); //linea 1
string read = reader.ReadLine(); // linea 2
while(read!=null){            // linea 3
    Console.WriteLine(read);  // linea 4
    read = reader.ReadLine(); // linea 5
} // linea 6
reader.Close(); // linea 7

Este ejemplo de arriba es la clara seccion que lee un archivo llamado archivo.txt, veamos unas secciones importantes.
Linea 1 : He aqui la creacion de la instancia de la clase StreamReader, al hacer new StreamReader(filename) , donde filename es el nombre del archivo que deseamos abrir, en este caso archivo.txt.

Linea 2 : Aqui leemos la primera linea del archivo con reader.ReadLine() y guardamos lo leido en la variable read(string), recordando que reader es la variable de instancia de StreamReader y ReadLine es el metodo (funcion dentro de la clase StreamReader) para leer un linea del archivo.

Linea 3 : Este es el inicio de un ciclo, en el verificamos que la variable read(donde almacenamos los datos leidos del archivo) no sea null, sino es null el ciclo continuara leyendo el archivo, y si es null, es decir no hay datos, el ciclo de lectura terminara.

Linea 4 : Escribimos en Consola el contenido de la variable read, que con tiene lo leido del archivo y se actualiza con cada vuelta del ciclo.

Linea 5 : Aqui se actualiza la variable read y se verifica si el archivo continua o termina.

Linea 6 : Termina la llave del while.

Linea 7 : Cerramos el archivo, poner esta parte es muy importante, por que de lo contrario si queremos usar el archivo en otra ocacion nos puede marcar error.

Una version un poco mas efectiva del algoritmo de leer el archivo seria, agregandole un condicional inicial donde se verifique que el archivo en cuestion exista.

if(File.Exists("archivo.txt")){
    StreamReader reader = new StreamReander("archivo.txt");
    string read = reader.ReadLine();
    while(read!=null){
        Console.WriteLine(read);
        read = reader.ReadLine();
    }
    reader.Close();
}

*** Escribiendo ***

La parte de escritura de archvos se logra con la clase StreamWriter, la parte de escritura de un archivo borra la informacion anterior que habi en el archivo en caso de que el archivo exista y si el archivo no existe, sera creado. Veamos El codigo.

StreamWriter writer = new StreamWriter("archivo.txt"); // Linea 1
writer.WriteLine("Programando desde Pharalax.con"); // Linea2
writer.Write("Programando un Lector y escritor de Archivos\n"); // Linea 3
writer.Close(); // Linea 4

Linea 1 : Declaracion de StreamWriter, el archivo sobre el que escribiremos sera archivo.txt, en este caso, writer es la variable que obtiene el identificador de ficheros a escribir y los metodos necesarios para escribir un archivo.

Linea 2 : En esta linea usamos el metodo WriteLine(datos) para agregar informacion al archivo, la informacion va en datos y debe ser string(texto), WriteLine escribe los datos en una linea de texto, y finaliza tal linea con el fin de que se continue escribiendo en la linea siguiente del archivo.

Linea 3 : Write hace la misma funcion que WriteLine, a diferencia de que Write no escribe un fin de linea especifico.

Linea 4 : La linea de cierre de archivo, aqui terminamos la tarea de escritura.

*** Sobreescribiendo ***

Como vimos anteriormente el simple uso de StreamWriter, una vez que cerramos el archivo y lo volvemos a abrir para escritura, este se iniciara a escribir de nuevo, el proceso de sobreescritura significa seguir escribiendo debajo de los datos previamente guardados.

StreamWriter writer = File.AppendText("archivo.txt"); // Linea 1
writer.WriteLine("Programando desde Pharalax.con"); // Linea2
writer.Write("Programando un Lector y escritor de Archivos\n"); // Linea 3
writer.Close(); // Linea 4

En diferencia al codigo de escritura, aqui solo hay una diferencia, que no usamos la creacion de instancia para la clase StreamReader sino que usamos la clase File. File.AppendText(filename), en filename va el nombre del archivo al cual queremos sobreescribir…

Terminando

El almacenamiento en archivos aun es algo habitual y nos brinda muchas posibilidades, como la velocidad de lectura y escritura… y considero algo basico que v como programadores usemos este tipo de herramientas.