Ya muchos deben haber usado Google Docs, pero para los que no, ahí les va una pequeña explicación:

• Generalmente nuestros documentos de texto, hojas de cálculo o presentaciones las tenemos guardadas en nuestras PCs.

• Y cuando queremos  trabajar un sólo documento con otras personas generalmente la enviamos por mail. Causando que se creen muchas versiones del mismo documento.

• El problema surge cuando queremos tener todas esas versiones en un solo documento.

• Con Google Docs se sube el documento a Internet (Google Docs) y los demás usuarios pueden ver y modificar el mismo documento, teniendo siempre una sola versión del mismo.

¿Cómo?

• Entrar a docs.google.com/ e iniciar sesión con tu cuenta GMAIL

• Seleccionar tipo de documento a crear (Hoja de Texto, hoja de cálculo o presentación).

• Para trabajar el mismo documento con otras personas, sólo hacer clic en “COMPARTIR”.

• Hacer clic en “Invitar usuarios” y escribir el o los correos electrónicos con quien se compartirá el documento, no es necesario que sea GMAIL.

• El usuario recibirá un link cifrado con el documento, y cualquier cambio que se haga en el documento lo verán todos los usuarios participantes.

La mayoría de plataformas para blogs soportan complementos que puedan desplegar una lista de entradas relacionadas al final de cada post en forma de enlaces. LinkWithin es una alternativa si lo que estás buscando es colocar éste tipo de complementos en tu blog y además agregar una imagen en miniatura que referencia a cada entrada relacionada, haciéndola más atractiva para el usuario.

Éste complemento se basa en buscar las etiquetas, y otros factores como la relevancia, popularidad, y fecha de actualización en cada post. Está disponible para WordPress, Typepad, Blogger, aunque también genera el código para que pegues el script en otra plataforma de blog.

Hemos probado LinkWithin en datanoia, éstas son algunas imágenes en miniatura para un post relacionado:

Éste complemento coloca en cada post relacionado una imagen, la cual la toma del post al que referencia. Lo que llama la atención es que a pesar de que algún post sólo coloques un video, y no alguna imagen; saldrá una imagen de una parte del video.

Para terminar, al revisar las estadísticas del blog pude darme cuenta que los visitantes hacen click a éstos enlaces, lo que hace  que se queden más tiempo visitando la web. Es un complemento recomendado.
Enlace | LinkWithin

• Examen de un geek

• Amor Informático

• ¿Cómo asustar a tu compañero de avión?

A veces tienes mala suerte y te toca un compañero de vuelo bien pesado!, si llevas tu laptop para distraerle sería buena idea hacerle una broma ¿no crees?

Si tienes la oportunidad tan solo sigue las siguientes instrucciones:

1. En silencio y con calma abra el maletín de su portátil
2. Saque la Laptop del mismo
3. Enciéndala
4. Asegúrese de que el pasajero que lo molesta vea correctamente la pantalla
5. Cierre los ojos e incline su cabeza hacia el cielo y mueva suavemente los labios como si estuviera rezando
6. A continuación, haga clic aquí

Vean la cara de su compañero de avión!

• Google en el futuro

En Google encuentras de todo; se está desarrollando una funcionalidad en Google para que pueda buscar las cosas que pierdes.

• Ehmm bueno es una PC portátil:

• .Las mujeres y la informática jeje
• 

Muchas veces se encuentran con acordes que no tienen idea de como se hacen, acordes como:

Gmaj7m5, Dmaj7 ó Am13

acordes bastante raros pero que en esta página puedes encontrar, así como también ver las diversas formas que se pueden tocar un acorde.

Buena página que tiene muchos años, así que su base de datos de acordes es bien grande.

Saludos datanoiers.

Talvez le pareció curioso el título de este post pero es cierto, existe un sitio Web que te dice en qué momento de una película ir al baño para no perderte de nada interesante, además de cuánto tiempo puedes tardarte y no estar preguntando: ¿Me perdi de algo?

En RunPee buscas la película que estás viendo y te muestra los tiempos en que puedes ir corriendo al baño y descargar tu jugo de limón que puede ser de  3 a 5 minutos dependiendo de la película. Por ejemplo en la película Titanic, cuando Molly Brown le dice a Jack “you shine up like a new penny” ( Brillas como una moneda nueva) tienes 4 minutos para ir al baño.

¿Y es que nadie quiere ir al baño cuando se hunde el Titanic no?

Explicaremos como crear un reporte Web en Crystal Report de tipo Master/Detail o Cabecera/Detalle.  En este ejemplo tendremos en la cabecera una Orden de Compra con  datos, como:  Número de Orden,  fecha en que fue realizada,  cliente, medio de envío;  y  en el Detalle tendremos los productos  que fueron pedidos en la Orden de Compra, así como su precio respectivo.

Necesitaremos la base de datos Northwind y Visual Studio 2005 ó 2008.

Paso 1.- En SQL SERVER ejecutar el siguiente código:

USE NORTHWIND;

GO

CREATE PROC OrdenMaestro

@OrderID INT

AS

SELECT Orders.OrderID, Customers.ContactName, Customers.Address, Customers.City,

CONVERT(NVARCHAR(12),Orders.OrderDate,103)AS Date, Shippers.CompanyName,

(Employees.LastName+', '+Employees.FirstName)AS FullName, CONVERT(NVARCHAR(12),Orders.RequiredDate,103)AS [Fecha Requerida]

FROM Orders INNER JOIN Employees on Orders.EmployeeID = Employees.EmployeeID INNER JOIN Customers ON

Customers.CustomerID = Orders.CustomerID INNER JOIN Shippers ON Shippers.ShipperID = Orders.ShipVia

WHERE Orders.OrderID= @OrderID

CREATE PROC OrdenMaestro

@OrderID INT

AS

SELECT Orders.OrderID, Customers.ContactName, Customers.Address, Customers.City,

CONVERT(NVARCHAR(12),Orders.OrderDate,103)AS Date, Shippers.CompanyName

(Employees.LastName+', '+Employees.FirstName)AS FullName,

CONVERT(NVARCHAR(12),Orders.RequiredDate,103)AS [Fecha Requerida]

FROM Orders INNER JOIN Employees on Orders.EmployeeID = Employees.EmployeeID INNER JOIN Customers ON

Customers.CustomerID = Orders.CustomerID INNER JOIN Shippers ON Shippers.ShipperID = Orders.ShipVia

WHERE Orders.OrderID= @OrderID

Lo que hace el código SQL anterior es crear un Store Procedure que recibirá  un número de orden determinado (parámetro de entrada)  para  así ver los datos de dicha orden.

Ahora el siguiente código  crea un Store Procedure que mostrará los productos que fueron solicitados en la Orden.

USE NORTHWIND;

GO

CREATE PROC OrdenDetalle

AS

SELECT [Order Details].OrderID, Products.ProductName,Total=ROUND(([order details].UnitPrice*[order details].Quantity)-([order details].UnitPrice*[order details].Quantity)*[order details].Discount,2)

,[Order Details].Quantity,[Order Details].Discount

FROM [Order Details] INNER JOIN Products ON [Order Details].ProductID = Products.ProductID

Paso 2.- Bien una vez creados los dos procedimientos almacenados, vamos al Visual Studio, y creamos un nuevo sitio Web.

Agregaremos un clase llamada “Conexion”:

Haz clic para agrandar

Hacemos clic en “SI” cuando nos salga el siguiente mensaje:

En la clase Conexion.cs agregaremos el siguiente código:

public class Conexion

{

private string servidor = "NOMBREDETUSERVIDORSQL";

private string basededatos = "Northwind";

private string usuario = "TUUSUARIO";

private string password = "";

public string Usuario

{

get { return usuario; }

set { usuario = value; }

}

public string Password

{

get { return password; }

set { password = value; }

}

public string Basededatos

{

get { return basededatos; }

set { basededatos = value; }

}

public string Servidor

{

get { return servidor; }

set { servidor = value; }

}

}

Paso 3.- Agregamos un documento “CrystalReport” lo llamamos OrdenReporte.rpt

Paso 5.- Expandimos hasta OLEDB.

Paso 6.- Se abrirá la siguiente pantalla:

Paso 7.- Damos la información de nuestra conexión y damos clic en finalizar.Paso 8.- Ahora buscamos nuestro Store Procedure “OrdenMaestro” y lo ponemos en la derecha, al hacer esto nos aparecerá una ventana para darle un valor al parámetro, damos clic en aceptar y luego siguiente:

Paso 9.- Pasamos todos los campos que queremos que se muestren, en este caso pasaré todos, luego presionamos finalizar.

Bien se creará el reporte:

Paso 10.-  Alargamos el espacio de “Detalles” y hacemos clic derecho y agregamos un Subinforme

Paso 11.- Cuando agreguemos el Subinforme se abrirá la siguiente ventana, agregamos un nombre y hacemos clic en: “Asistente de Informes”:

Paso 12.-  Se abrirá una nueva ventana, en ésta buscaremos nuestro segundo Store Procedure llamado: “OrdenDetalle”:

Paso 13.- En el siguiente paso arrastramos a la derecha los campos que, queremos que se muestren y ponemos finalizar:

Paso 14. Hacemos clic en ACEPTAR y el SubInforme se agregará a nuestro reporte principal:

Paso 15.- Bien ahora tenemos que hacer algo muy importante:

Tenemos que enlazar los dos reportes, deben tener claro que cada uno de los Store Procedure tienen relación; es decir, la cabecera poseé un campo llamado OrdenID y el segundo Store Procedure también poseé dicho campo; necesitamos esto para mostrar los datos de la Orden y en el detalle tienen que mostrarse solamente los detalles de dicha orden. Entonces vamos a enlazar los reportes de la siguiente manera:

• Hagamos clic Derecho en el SubReport, y seleccionamos “Cambiar vínculos del subinforme”.

• Ahora buscamos el campo OrdenID de nuestro reporte principal y hacemos clic en el botón “>”, ponemos aceptar.

Paso 16.- Agregaremos un componente CrystalReportViewer, un label, textbox y un botón:

Paso 17.- Hagamos doble clic en el botón y agreguemos el siguiente código:

using System;

using System.Data;

using System.Configuration;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

//Referencias

using CrystalDecisions.CrystalReports.Engine;

using CrystalDecisions.Shared;

using CrystalDecisions.ReportSource;

public partial class _Default : System.Web.UI.Page

{

ParameterDiscreteValue OrdenIDDV = new ParameterDiscreteValue(); //parametro de entrada

Conexion con = new Conexion();

ReportDocument Report = new ReportDocument();

protected void Page_Load(object sender, EventArgs e)

{

}

protected void Button1_Click(object sender, EventArgs e)

{

string reportPath = Server.MapPath("OrdenReporte.rpt");

Report.Load(reportPath);

Report.DataSourceConnections[0].SetConnection(con.Servidor, con.Basededatos, con.Usuario, con.Password);

int OrdenID = int.Parse(TextBox1.Text);

OrdenIDDV.Value = OrdenID;

Report.SetParameterValue("@OrderID", OrdenIDDV);

CrystalReportViewer1.ReportSource = Report;

}

protected void Button1_Unload(object sender, EventArgs e)

{

Report.Dispose();

CrystalReportViewer1.Dispose();

}

Corremos la página:

Haga clic para maximizar

Espero les sea útil les dejo el Proyecto.

Buen Día.

Una tecnología muy usada desde hace ya varios años son los Servicios Web. Explicaremos como consumir un Servicio Web escrito en C# desde una aplicación web en Netbeans en Java.

En Visual Studio:

Paso 1.- Nos vamos a Archivo > Nuevo > Sitio Web y elegimos Servicio Web ASP.NET, damos clic en “Examinar” y nos aparecerá la siguiente pantalla.

Paso 2.- Hacer clic en “Crear nueva  Aplicación Web” (es el primer ícono de la parte superior derecha), luego hacer clic en “Abrir”  y aceptamos.

Paso 3.- Agregamos el siguiente código:

[WebMethod]

public string MetodoWS() {

return "Hola ASP.NET me estás consumiendo";

}

Y presionamos F5, se creará un archivo de configuración “web.config”.

Paso 4.- Generamos y publicamos nuestro WebService:

.

Paso 5.- Nos mostrará la siguiente pantalla, vamos clic en “Aceptar”.

.

Y probamos:

Paso 6.- Se abrirá la página del web service, ahora hacemos clic en “Descripción del servicio” y copiamos la dirección que aparecerá en la URL en mi caso es:

“http://localhost/WebService1/Service.asmx?WSDL“ que viene a ser un archivo XML.

(Click para agrandar la imagen)

.

Paso 7.- En Netbeans crearemos un proyecto Web, Archivo>New Project> Java WebApplication

Click para agrandar la imagen

Paso 8.- Vamos a WebPages y agregaremos un “Web Service Client” si no lo encuentran vayan a “others”, copiamos la dirección de hace un momento en WSDL, finalizamos.

Paso 9.- Ahora en nuestra página JSP en algún lugar en blanco hacer clic derecho y seleccionar:  Web Services Client Resources > Call Web Service Operation

Seleccionamos, el primero:

Paso 10.- Se creará automaticamente código para poder hacer llamada a los métodos del WebService a consumirse.

<%-- start web service invocation --%><hr/>

<%

try {

<span style="white-space:pre"> </span>org.tempuri.Service service = new org.tempuri.Service();

org.tempuri.ServiceSoap port = service.getServiceSoap();

// TODO process result here

java.lang.String result = port.metodoWS();

out.println("Result = "+result);

} catch (Exception ex) {

// TODO handle custom exceptions here

}

%>

<%-- end web service invocation --%><hr/>

Modificaremos un poco el código para mostrar el resultado en una etiqueta HTML.

<body>

<%-- start web service invocation --%><hr/>

<%

String resultado="";

try {

org.tempuri.Service service = new org.tempuri.Service();

org.tempuri.ServiceSoap port = service.getServiceSoap();

// TODO process result here

java.lang.String result = port.metodoWS();

resultado = result;

} catch (Exception ex) {

// TODO handle custom exceptions here

}

%>

<%-- end web service invocation --%><hr/>

<p><%=resultado%></p>

</body>

Corremos nuestra página JSP:

Espero les sirva de ayuda. Buen Día.

ExtJS 3.0 es un Framework JavaScript para construir aplicaciones RIA (Rich Intenet Aplications), permite construir páginas e interfaces web 2.0 sorprendentes basados en Ajax. http://extjs.com/.

La instalación es fácil, descargue el programa desde la página oficial: http://extjs.es/ .

Descomprima el archivo que contienen las clases JavaScript del Framework en su carpeta Web, en este caso le puse de nombre “ext”.

Si bien es cierto, en este caso uso páginas JSP, usted puede usar cualquier tipo de tecnología ya sea ASPX, JSP, PHP etc, o inclusive HTML puro.

En este ejemplo se usará NetBeans 6.5 como entorno de desarrollo, una vez que ubique mi framework “ext” en el mismo nivel que mis páginas web, debo agregar las siguientes referencias a cada página web donde desee usar algún componente de ExtJS dentro de nuestro <head>.

<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/ext-all.js"></script>

<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>

Probaremos si funciona, añadiendo el siguiente código en nuestro body.

<script type="text/javascript">
Ext.onReady(function(){
Ext.Msg.alert('Mensaje', '¡Buenos días Risharp!');});
</script>

Ejecutamos nuestra página:

Ahora agregaremos un botón en nuestro body, con el evento onClick invocaremos a nuestro función JavaScript que definiremos enseguida.

<input type="submit" value="Registrar" onclick="Registro()" />

Agregar un archivo JavaScript, lo llamaremos Formjs.js.

En Formjs.js creamos un método en donde pondremos todo nuestro código, éste método será invocado como mencionamos anteriormente por el evento de nuestro botón.

Formjs.js:

function Registro(){}

Definimos las siguientes variables, noten que instanciamos a la clase “Ext.form” y luego definimos que tipo de componente será.

var NombreBox= new Ext.form.TextField({
fieldLabel: 'Nombres',
emptyText:'Ingrese Nombres',
var ApellidoBox= new Ext.form.TextField({
fieldLabel: 'Apellidos',
emptyText:'Ingrese Apellidos',});

var comboFecha = new Ext.form.ComboBox({
fieldLabel:'Fecha de Ingreso',
name:'year',
triggerAction:'all',
store:[2001,2002,2003,2004,2005,2006,2007,2008],
width: 159</p>

} );
var CheckActividad = new Ext.form.Checkbox(
{
fieldLabel:'',
labelSeparator:'',
boxLabel:'¿Posee carta de retención?',
name:''}
);

Finalmente creamos otra variable, ahora invocamos a Ext.Window creará una nueva ventana o formulario, noten el objeto items en donde tenemos al conjunto de componentes definidos anteriormente.

var win=new Ext.Window({
title: 'Registro Cliente',
bodyStyle:'padding:8px',//alejamos los componentes de los bordes
width:360,

layout:'form',
items:[NombreBox,ApellidoBox,comboFecha,CheckActividad],
buttonAlign: 'center', //botones alineados a la derecha
buttons:[{text:'Grabar'},{text:'Cancelar'}] //botones del formulario
});
win.show();

No olviden agregar la siguiente referencia a su página Web:

</p>
<script type="text/javascript" src="Formjs.js"></script>

Ahora ejecutamos nuestra página, les recuerdo que no es necesario tener un entorno de desarrollo como NetBeans, tranquilamente lo pueden probar usando html simple y cualquier browser.

Estén al tanto de tutoriales acerca de ExtJS, les dejo el código fuente Proyecto. Buen día.