Desarrollador .NET

Como Mantener el Scroll despues de un PostBack ASP.net ( As Maintain Scroll after a PostBack ASP.net )

2015-02-12T23:18:00.001-08:00

Saludos amig@s,

Cuando trabajamos con ASP.net nos hemos dado cuenta que si tenemos una pagina muy extensa Horizontalmente y damos click en un boton que esta muy abajo de la página esto generará un PostBack, en termino simples "Refrescará la pagina" y nos llevará al Inicio de la Pagina, lo cual es incomodo porque nuevamente tendrémos que deslizar el Scroll de la pagina hacia abajo.

OPCION 1:
Agreguen la linea de codigo que se encuentra resaltada, indicandole que mantenga la posicion del Scroll en el PostBack

<%@ Page Language="C#" AutoEventWireup="true" MaintainScrollPositionOnPostback="true"

CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

</head>

<body>

<div>

</div>

</form>

</body>

</html>

El Codigo Anterior tambien podemos hacerlo en codigo c#, y tendíamos que hacerlo en el evento LOAD.

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

{

protected void Page_Load(object sender, EventArgs e)

{

this.MaintainScrollPositionOnPostBack = true;

}

OPCION 2:

Si por alguna razon ninguna de las opciones anteriores les funciono, aveces por temas del navegador pueden usar el siguiente codigo en java script que practicamente es la misma funcionalidad.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

window.onload = function () {

var scrollY = parseInt('<%=Request.Form["scrollY"] %>');

if (!isNaN(scrollY)) {

window.scrollTo(0, scrollY);

}

};

window.onscroll = function () {

var scrollY = document.body.scrollTop;

if (scrollY == 0) {

if (window.pageYOffset) {

scrollY = window.pageYOffset;

}

else {

scrollY = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;

}

if (scrollY > 0) {

var input = document.getElementById("scrollY");

if (input == null) {

input = document.createElement("input");

input.setAttribute("type", "hidden");

input.setAttribute("id", "scrollY");

input.setAttribute("name", "scrollY");

document.forms[0].appendChild(input);

}

input.value = scrollY;

}

};

</script>

</head>

<body>

<div>

</div>

</form>

</body>

</html>

Cabe recalcar que esto funciona solo cuando la pagina hace PostBack, si estamos usando Ajax, o Update Panel la pagina no refrescará por ende nuestro Scroll se mantendrá en su posicion ;-).

Espero les sirva este post y publiquen sus comentarios y como les fue.

Saludos.

Instalacion de Base de Datos Oracle 11G

2013-10-23T23:42:00.000-07:00

Saludos amig@s,

En este articulo les mostraré paso a paso como instalar una base de datos ORACLE 11G.

1.- Descargamos Oracle 11g de la siguinte pagina oficial de Oracle, son 2 archivos y ambos llegan a pesar mas de 2GB.

http://www.oracle.com/technetwork/database/enterprise-edition/downloads/index.html

2.- Una vez descargado los archivos, los descomprimimos y tendremos los siguientes archivos, y le ejecutamos el archivo setup.

3.- Configurar Actualización de seguridad, luego damos clic en Siguiente.

4.- Configuración del Servidor Proxy, en el caso que tuvieran uno, sino le dan continuar haciendo clic en el check como se muestra en la imagen.

5.- En Opción de Instalación, vamos a Crear y configurar una base de datos Nueva, luego damos clic en Siguiente.

6.- Clase de Sistema, eso depende de lo que queramos si queremos usar opciones avanzadas de configuración instalamos en Modo Clase de Servidor, pero si queremos las configuraciones mínimas seleccionamos la opción Clase de Escritorio.
Para mi caso seleccionaré Clase de Servidor y le damos clic en Siguiente.

7.- En Opciones de Instalación de Grid seleccionamos la primera opción por defecto, Instalación de Base de Datos de Instancia Única, y le damos clic en Siguiente.

8.- En Tipo de Instalación seleccionamos Instalación Típica y le damos clic en Siguiente.

9.- En Configurar Instalación Típica, solo nos queda ingresar una Contraseña, la cual debe contener Mayúsculas, minúsculas y números para que oracle la acepte como valida, y luego le damos clic en siguiente.
OJO, si al dar clic en Siguiente les aparece algunos fallos de espacio en disco, solo denle Ignorar siempre y cuando estén seguros que tienen mas de 3 GB en la unidad C para instalar el oracle.

10.- Luego le damos click en Siguiente hasta que nos muestre la siguiente pantalla. y le damos clic en terminar y esperamos a que acabe toda la instalación.

11.- Luego de haber terminado la Instalación mostrará una pantalla asi.

12.- Luego abrimos el Oracle SQLDeveloper 11G, en Inicio-> Oracle-RaDb11g_home1-> Desarrollo de Aplicaciones-> SQL Developer.

13.- Le damos clic al icono de Nueva Conexion.e ingresamos los datos como la siguiente pantalla, solo considerar lo siguiente en:

Nombre de Conexión, es un nombre que ustedes definen.

Usuario: System por defecto, en tutoriales posteriores les enseñaré como crear otro Usuario.

Nombre del Servicio: ingresamos orcl, que es el nombre del servicio que le creo Oracle al momento de realizar la Instalación(PASO 9).

Le damos clic en Probar y debería salir el mensaje "Correcto" y le damos clic en Conectar.

14.- Conexión realizada.

Bueno eso seria todo amig@s en un proximo articulo, les enseñaré como crear una nueva base de datos.

Espero les haya sido de utilidad y por favor dejen sus comentarios, suscribanse al canal en YouTube

http://www.youtube.com/user/DesarrolladorNET, y será hasta la próxima

Saludos.

Usando Select Contra Base de Datos SqlServer con ADO.net

2013-10-23T03:14:00.000-07:00

Saludos amig@s,

En esta ocasión les traigo un tutorial para todos aquellos que recien se inician en todo lo que es consulta a bases de datos.

Vamos a realizar una consulta simple a una base de datos sqlserver2008 usando ado.net.

Par ello 1ro creamos una aplicación en consola simple, en mi caso he usado visual studio 2012, luego debemos usar el siguiente using que nos permitirá usar las clases necesarias de ADO.net para intereactuar con una base de datos sqlserver 2008.

using System.Data.SqlClient;

Luego en nuestro método Main, abrimos la conexión a la base de datos, usando la clase SqlConnection, y como parametro en su constructor le pasamos la cadena de conexion de su base de datos sqlserver.

Data Source= Nombre del Servidor de la Base de datos

Initial Catalog=Nombre de la base de datos a la cual queremos conectarnos.

ID=usuarios de la Base de datos.

Password=Contraseña asignada para acceder a la base de datos.

//CONEXIÓN A LA BASE DE DATOS

SqlConnection cnx = new SqlConnection("Data Source=gl-pc;Initial Catalog=bdmatriculas;User ID=sa;Password=secreto");

cnx.Open();

Luego preparamos la consulta a la base de datos haciendo uso del objeto SqlCommand.

//CONSULTA A LA BASE DE DATOS

SqlCommand cmd = new SqlCommand();

cmd.Connection = cnx;

cmd.CommandType = System.Data.CommandType.Text;

cmd.CommandText = "SELECT idalu,dni,nombres,apellidos,telefono,email,direccion,nivelestudio FROM alumnos";

Luego nos tocaría leer los datos ejecutando la consulta configurada en el objeto SqlCommand, para ello debemos usar el Objeto SqlDataReader.

SqlDataReader dr= cmd.ExecuteReader();

while(dr.Read())

{

String id = dr["idalu"].ToString();

String dni = dr["dni"].ToString();

String nombre = dr[2].ToString();

Console.WriteLine("{0}-{1}-{2}", id, dni, nombre);

}

Resultado XD:

Eso seria todo amig@s si tienen alguna duda en particular no duden en dejar un comentario.

Aqui les dejo el Video Relacionado, si desean suscribanse al canal oficial de Youtube para estar actualizado en los video..

Hasta la próxima.

Delete a Base de Datos MongoDB con Csharp

2013-10-22T02:52:00.001-07:00

Saludos amig@s.

Continuaremos con la serie de artículos relacionados a la programación de Bases de datos NOSQL usando Mongo DB, en esta ocación haremos un Delete a un registro de nuestra base de datos.

Te recomiendo antes de continuar hayas leído los anteriores artículos para que no tengas problemas en desarrollar este tutorial aqui te dejo la lista:

Bases de Datos NO SQL con Mongo.

Conexión Csharp to MongoDB

Select a base de datos MongoDB con CSharp

Update a Base de Datos MongoDB con Csharp

Continuando con el ultimo tutorial, vamos a agregar un boton Eliminar, la idea es que cuando seleccionemos un registro de la Grilla luego le podamos dar eliminar para que se elimine ese registro, la pantalla así.

En el evento click del botón Eliminar, vamos a colocar el siguiente código, donde la instruccion resaltada es la que finalmente permite realizar la eliminación.

private void btnEliminar_Click(object sender, EventArgs e)

{

var connectionString = "mongodb://localhost";

var client = new MongoClient(connectionString);

var server = client.GetServer();

var database = server.GetDatabase("dbClientes");//hacemos uso de una base de datos llamada dbClientes

server.Connect();//Conectamos con la Base de Datos.

var collection = database.GetCollection<Cliente>("entities");

var query = Query<Cliente>.EQ(x => x.Id, _clienteSeleccionado.Id);

collection.Remove(query);//Eliminar Registro

LeerDatosMongoDb();

}

Bueno eso es todo con respecto a este tutorial, es bien corto ya que en los artículos anteriores se ha desarrollado la gran mayoría es por ello que si haz seguido los artículos anteriores te será fácil entender este.

De todas maneras les dejo el código completo hasta aqui.

DESCARGAR AQUI.

Update a Base de Datos MongoDB con Csharp

2013-10-20T17:49:00.002-07:00

Saludos amig@s

nuevamente con un nuevo articulo relacionado a las Bases de datos NOSQL, y en esta ocasión continuaremos con un ejemplo donde explicaré como hacer un update contra una base de datos MongoDb, para ello les recomiendo que previamente hayan leído los artículos anteriores:

Bases de Datos NO SQL con Mongo.

Conexión Csharp to MongoDB

Select a base de datos MongoDB con CSharp

Entonces continuando con la aplicacion anterior ahora vamos a crear un evento en el datagridview con el cual seleccionaremos solo una fila, creamos el evento CellContentClick, y colocamos el siguiente código.

private Cliente _clienteSeleccionado = null;

private void dgvClientes_CellContentClick(object sender, DataGridViewCellEventArgs e)

{

_clienteSeleccionado = (Cliente)dgvClientes.Rows[e.RowIndex].DataBoundItem;

txtDni.Text = _clienteSeleccionado.Dni;

txtNombre.Text = _clienteSeleccionado.Nombre;

txtApellido.Text = _clienteSeleccionado.Apellido;

}

Con ello tendremos una funcionalidad como la siguiente.

Ahora lo que haremos será modificar alguna dato y dar click en el botón Grabar para lo cual también debemos hacer algunos cambios en el código del botón Grabar para que funcione como Guardar para Crear uno Nuevo o para actualizar uno ya existente que es lo que para este ejemplo queremos.

Dentro del IF es todo el código necesario para ingresar un nuevo cliente

Dentro del ELSE es todo el código necesario para modificar los datos de un cliente seleccionado en el datagridview.

private void btnGrabar_Click(object sender, EventArgs e)

{

var connectionString = "mongodb://localhost";

var client = new MongoClient(connectionString);

var server = client.GetServer();

var database = server.GetDatabase("dbClientes");

server.Connect();//Conectamos con la Base de Datos.

var collection = database.GetCollection<Cliente>("entities");

if (_clienteSeleccionado ==null )

{

var entity = new Cliente { Dni = txtDni.Text, Nombre = txtNombre.Text, Apellido = txtApellido.Text };//Creamos Objeto

collection.Insert(entity); //Insertamos objeto en la base de datos

MessageBox.Show("Datos grabados correctamente");

}

else

{

var query = Query<Cliente>.EQ(x => x.Id,_clienteSeleccionado.Id ); //Preparamos una consulta para buscar a un cliente en base a su ID generado por MongoDb

var entity = collection.FindOne(query); //Buscamos en la coleccion al objeto Cliente.

entity.Dni = txtDni.Text; // seteamos el Dni

entity.Nombre = txtNombre.Text; //seteamos el nombre

entity.Apellido = txtApellido.Text; //seteamos el apellido

collection.Save(entity); //grabamos los cambios en la base de datos

MessageBox.Show("Datos actualizados correctamente");

}

LeerDatosMongoDb(); //Cargamos el datagridview para ver los cambios

}

El resultado seria el siguiente

Bueno espero que les haya servido, y como siempre dejo este código para que lo descarguen desde este link. AQUI.

Select a base de datos MongoDB con CSharp

2013-10-20T09:02:00.000-07:00

Saludos amig@s,
En esta oportunidad les mostraré como realizar un Select contra una base de datos MongoDB que ya lo explicamos en artículos anteriores que es una base de datos NOSQL.
Vamos a continuar partiendo del articulo anterior. CONEXIÓN CSHARP TO MONGODB.

Lo que haremos será primeramente agregar a nuestro Formulario un Control de tipo DataGridView, y le ponemos de Nombre dgvClientes.

Ahora, vamos al código del formulario y agregamos el siguiente código, que nos permite Leer toda la data de la base dbClientes de la colección de "Cliente"

public void LeerDatosMongoDb()

{

string connectionString = "mongodb://localhost";//Cadena de conexion

var client = new MongoClient(connectionString);

var server = client.GetServer();

var database = server.GetDatabase("dbClientes");//hacemos uso de una base de datos llamada dbClientes

server.Connect();//Conectamos con la Base de Datos.

var collection = database.GetCollection<Cliente>("entities");

dgvClientes.DataSource = collection.FindAll().ToList();

}

y en el Load del Formulario solo colocamos el siguiente código para llamar al método que se encarga de leer los datos

private void Form1_Load(object sender, EventArgs e)

{

LeerDatosMongoDb();

}

Con esto tendremos un resultado como el siguiente.

y listo, les dejo el código Fuentes para que lo puedan descargar desde AQUI.

OJO: si reiniciaron su pc y por algún motivo no les permite conectar con la base de datos o hay algún problema de la conexion lo mejor es que repitan los pasos de:

-Iniciar el Servicio Mongo con C:\mongodb\bin\mongod.exe.

-Referencia nuevamente el path con: c:\> mongodb\bin\mongod.exe --dbpath c:\datos\db

No se preocupen no se borrará los datos que ya tenían grabados.

Saludos y hasta la próxima.

Conexión Csharp to MongoDB

2013-10-19T21:59:00.000-07:00

Saludos amig@s.

Para complementar el articulo anterior Bases de datos NO SQL con MongoDB, ahora haremos una conexión mediante Csharp a una base de datos MongoDB.

Descargar Driver: Puedes descargar de la pagina oficial de Mongo donde puedes descargar estos Drivers, o si deseas descarga directamente, el instalador que yo subi AQUI

Una vez descargado lo instalan, y en la carpeta C:\Program Files (x86)\MongoDB\CSharpDriver 1.8.3 , podrán encontrar ahí las dlls que vamos a usar en nuestro proyecto Csharp

Creamos Proyecto en Visual Studio 2012: Abrimos nuestro visual Studio 2010 o 2012 y creamos un nuevo proyecto de Windows o de Consola como prefieran, yo he creado una aplicación de Windows.

Luego agregamos las referencias a las 2dlls que nos proporciona MongoDB.

Listo una vez que hemos agregado la referencia a nuestro proyecto Colocamos el Siguiente Código en el Load del Formulario, este codigo nos permite iniciar una conexion con una base de datos MongoDb, no se preocupen si se preguntan, ¿Pero yo no he creado ninguna base de datos?, no se preocupen porque Mongo la creará automáticamente.

using MongoDB.Driver;

using System;

using System.Collections.Generic;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Linq;

using System.Text;

using System.Windows.Forms;

using MongoDB;

namespace DemoMongo

{

public partial class Form1 : Form

{

public Form1()

{

InitializeComponent();

}

private void Form1_Load(object sender, EventArgs e)

{

string connectionString = "mongodb://localhost";//Cadena de conexion

var client = new MongoClient(connectionString);

var server = client.GetServer();

var database = server.GetDatabase("dbClientes");//hacemos uso de una base de datos llamada dbClientes

server.Connect();//Conextamos con la Base de Datos.

MessageBox.Show("Conexion exitosa!!!");

}

Luego creamos una clase con la siguiente estructura. EL atributo Id es de tipo ObjectId y es propio del Mongo, lo necesitamos para que mongo le asigne un Id especial.

public class Cliente

{

public ObjectId Id { get; set; }

public string Dni { get; set; }

public string Nombre { get; set; }

public string Apellido { get; set; }

}

Ahora veamos como grabar datos en la Base de datos Mongo.

para ello es importante crear una interfaz donde se permita ingresar Dni,Nombre,Apellido.

Luego le damos doble clic en el boton GRABAR, y el código del botón seria el siguiente para realizar la acción de insert contra la base de datos dbclientes.

private void btnGrabar_Click(object sender, EventArgs e)

{

string connectionString = "mongodb://localhost";

var client = new MongoClient(connectionString);

var server = client.GetServer();

var database = server.GetDatabase("dbClientes");//hacemos uso de una base de datos llamada dbClientes

server.Connect();//Conectamos con la Base de Datos.

var collection = database.GetCollection<Cliente>("entities");

var entity = new Cliente { Dni = txtDni.Text, Nombre= txtNombre.Text,Apellido=txtApellido.Text };//Creamos Objeto

collection.Insert(entity);//Insertamos objeto en la base de datos

MessageBox.Show("Datos grabados correctamente");

}

Bueno aqui les dejo un link donde pueden descargar directamente el proyecto realizado en este articulo. DESCARGAR CODIGO

Bueno espero les sirva y no olviden colocar algún comentario o darle +1 al articulo.

Bases de Datos NO SQL con Mongo.

2013-10-19T21:13:00.000-07:00

Saludos amigos,

Hace poco escuche hablar sobre las bases de datos NO SQL y me llamo la atención de que se trataba este tema, así que decidí investigar y bueno me di con la sorpresa que son na especie de "Bases de Datos" muy usadas por las grandes compañías como Facebook, Twitter, Amazon y hasta Google.

Pero me preguntaba que hacia tan especial este tipo de Bases de datos de las normales osea las Relacionales, y esque con este BOOM de las Redes Sociales estas empresas necesitan bases de datos muy dinámicas que cambien su estructura constantemente y se adapten a sus necesidades sin mantener un integridad como son las bases de datos Relaciones.

Ademas, una base de datos NO SQL como mongo asegura que las inserciones a la base de datos van a ser muy rápidas, lo cual va ha conllevar un menor consumo de recurso computacional a comparación de una base de datos tradicional.

Sin mas preámbulo les presento a MongoDB una de las mas populares bases de datos NO SQL,

Descargar mongoDB : lo poder hacer desde el siguiente link http://www.mongodb.org/downloads

Configuración de mongo DB:

-Primero debemos crear una carpeta en la unidad C:/mongodb y copiamos la carpeta Bin que se encuentra en el archivo que descargamos, les debería quedar así.

Luego hay que especificar una ruta donde se servirá como almacén de datos, para ello creamos una carpeta en la C:/datos/db , luego ejecutamos la siguiente linea de comandos para crear el almacén de datos.

c:\> mongodb\bin\mongod.exe --dbpath c:\datos\db

Iniciar Servicio de MongoDB

Para iniciar el Servicio de MontoDb solo debemos ejecutar esta linea de comando C:\mongodb\bin\mongod.exe

Con ello ya tenemos iniciado nuestra servidor para trabajar con Bases de datos NOSql usando MongoDB.

Continúen leyendo el articulo, CONEXIÓN CSHARP TO MONGODB.

Gracias a todos y no se olviden de poner un comentario al articulo o darle un +1.

Conexión JDBC con SQLSERVER 2008 R2

2013-08-23T23:00:00.001-07:00

Sigan los Siguientes pasos y les aseguro lo conseguirán:

1.- Descargamos la Version JDBC4.0 para conexiones SQLSERVER 2008, háganlo desde AQUI.

2.- Descompriman y ubiquen el archivo

3.- Habrimos una Instancia del Net Beans en mi caso tengo la version 7.0 y vamos a la Seccion "Services"

4.- Desplegamos la opcion "Databases" - > le damos clic derecho a "Drivers" y damos clic en "New Driver"

5.- Usando el BOton "Add" buscarmos nuestro archivo sqljdbc4.0.jar En el campo Name podemos cambiarlo de "Microsoft SQL Server 2005" a "Microsoft SQL Server 2005/2008" y le damos clic a "OK".

6.- Luego veremos que ha aparecido un elemento mas en la sección "Drivers", le damos clic derecho al que hemos creado y le damos clic en "Connect Using...."

7.- Luego Copiamos la Siguiente JDBC URL, donde las secciones resaltadas con Negrita las modificaremos independientemente de como lo tengamos localmente nuestro SqlServer 2008 R2,

jdbc:sqlserver://GENESIS01\MSSQLSERVER2008;user=sa;password=123abc;databaseName=Northwind

GENESIS01\MSSQLSERVER2008: es nuestra instancia de nuestra base de datos que la podemos obtener desde aqui:

Como dijimos copiamos la URL,y damos clic en el botón "Test Connection". y si nos sale el mensaje "Connection Succeeded", entonces la conexión está OK:

8.- Le damos clic en "Next" y seleccionamos "dbo". y finalmente le damos clic en "Finish".

9.- Y veremos que se ha Agregado la conexion

10. Con lo anterior aseguramos que nuestra URL de conexion sea la adecuada, ahora creamos una aplicacion Web JSP y en el index.jsp colocamos el Siguiente Ejemplo

<%@page import="java.sql.Statement"%>

<%@page import="java.sql.ResultSet"%>

<%@page import="java.sql.DriverManager"%>

<%@page import="java.sql.Connection"%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<html>

<head>

</head>

<body>

String DB_URL = "jdbc:sqlserver://GENESIS01\\MSSQLSERVER2008;user=sa;password=desarrollo2008;databaseName=Northwind";

Connection conn = null;

Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");

conn = DriverManager.getConnection(DB_URL);

out.print("<h1>Conexion Realizada!!</h1>");

String sql = "SELECT CustomerID,CompanyName,ContactName FROM Customers";

Statement stmt = null;

stmt = conn.createStatement();

ResultSet rs = stmt.executeQuery(sql);

while (rs.next()) {

String CustomerID = rs.getString("CustomerID");

String CompanyName = rs.getString("CompanyName");

String ContactName = rs.getString("ContactName");

out.print(CustomerID + "-" + CompanyName + "-" + ContactName + "</br>");

}

</body>

</html>

11. AL ejecutar la aplicacion deberia mostrarles asi.

Espero les sirva este tutorial.

y gracias a la Ing Ledy Monica Mamani Lima, quien fue la que nos paso el contenido de este articulo para su publicación.

y bueno hasta la próxima.

No corre aplicaciones ASP.net con Framework 4.0

2013-01-24T20:22:00.001-08:00

Saludos nuevamente.
Aveces cuando desarrollamos un Web site ASP.net tenemos que usar la version 4.0 del Framework .NET algo asi.

Luego publicamos nuestra aplicacion en el IIS C:\inetpub\wwwroot, y accedermos a nuestra aplicacion por medio de la url http://localhost/iisdemo/Default.aspx, nos sale este error.

En pocas palabras tu IIS no esta reconociendo las aplicaciones web que estan basadas en el .NET Framework 4.0, asi que hay que instalarlo para que pueda reconocerlas, para ello sigue estos pasos basicos y rapidos.

1. Nos posicionamos en la siguiente direccion mediante la linea de comandos C:\Windows\Microsoft.NET\Framework64\v4.0.30319 , obviamente asumo que el lector sabe como usar una linea de comando.

2. Una vez posicionados en la carpeta del Framework 4.0 escribimos lo siguiente en la linea de comandos

aspnet_regiis -i y le damos ENTER.

Esperamos un momento a que termine de Instalarlo.

Una vez terminado ejecutamos nuestra aplicacion en el navegador

Mayor referencia podran encontrarlo en:

http://msdn.microsoft.com/es-es/library/k6h9cz8h(v=vs.100).aspx

Muchas Gracias.

Configurar tu Router para que se convierta en Servidor de Aplicaciones IIS

2013-01-23T03:15:00.000-08:00

Aqui va un Tutorial que les puede interesar a mucho, que es: COMO HACER QUE MI PC SE CONVIERTA EN UN SERVIDOR DE APLICACIONES WEB, con el fin que otras personas ingresen a mi aplicacion desplegada en mi PC en este caso una aplicacion ASP.net en un Servidor de Aplicaciones IIS.

PASOS A SEGUIR:
1.- Ingresar al panel de Administracion de NUestro Router.
para mi caso tengo un router Tp-Link

Ingresamos en la uRL del navegador http://192.168.1.1/ luego nos aparecera una ventana como esta, la contraseña de tu router se encuentra en una etiqueta de tu mismo router, si en caso no hubiera que es raro prueba con los siguientes:

usuario : admin o usuario : admin

Contraseña: admin Contraseña : 1234

2.- Buscamos la opcion NAT en el panel de nuestro Router.

NAT(Network Address Translation) es el que nos permitira que cualquier conexion que se realize por el puerto 80 a nuestra PC, sea redireccionada a una IP, que en este caso sera donde se localiza nuestro IIS para desplegar la aplicacion.

EN el caso de mi router Tp- Link, Ingresamos a Advanced Setup -> NAT.

Luego damos clic en la opcion Virtual Servers.

3.- Abrir Puerto 80.

Registramos una nueva REGLA:

EN la opcion Application seleccionados de la lista :"HTTP_Server"

Protocol : ALL eso incluye UDP y TCP

Start Port Number : 80

End Port Number : 80

Local IP Address : nuestra IP LOCAL, esto puede optenerlo con la linea de comandos.

le damos SAVE y deberia quedarte algo asi:

4.- Publicar una aplicacion ASP.net en tu Servidor IIS.

OJO: PReviamente ya hemos debido instalar y que este iniciado nuestro servidor IIS, si tienen dudas como hacer este paso, comentan para poderlos ayudar:

- La ruta del IIS es C:\inetpub\wwwroot\Demo , Demo solo es una carpeta que he creado para este ejemplo, Dentro de esa carpeta se encontrará nuestra aplicacion WEB asp.net.

-Luego creamos un nuevo sitio WEb ASP.net y le damos publicar algo asi:

Si la publicacion es correcta deberia entrar sin problemas lo siguiente:

http://localhost/Demo/

Si les sale algun error lo mas probable es que la carpeta DEMO no este configurada como aplicacion en el IIS, resuelvan este paso primero, sino les aparecerá sin problemas la aplicacion.

5.- Verificar si tu aplicacion se puede ver desde afuera.
Para ello, tienes que saber tu IP publica con la cuall te identificas desde afuera, para ello puedes ingresar a tu router y encontrar la opcion Device Info, y te da la IP PUBLICA que estas usando:
o puedes ingresar a la siguiente pagina que te dice cual es tu IP PUBLICA.
http://cual-es-mi-ip-publica.com/

luego ya no tendras que usar:
http://localhost/Demo/ sino
http://tu-ip-publica/Demo/

si quieres ver si funciona, puedes pasarle la URL a algun amigo tuyo en el chat para que ingrese a ese link y si ve tu pagina quiere decir que tu PC esta bien configurada para trabajar como un Servidor.

Eso es todo amig@s espero les haya sido de ayuda este tutorial.

Gracias.

No encuentro archivo Microsoft.Office.Interop.Excel.dll

2013-01-23T02:20:00.001-08:00

Cuando una vez estuve buscando las dlls necesarias para poder manipular archivos excel no encontraba el dichoso dll que me permitia realizar estas funciones, hablamos de la dll "Microsoft.Office.Interop.Excel".
Pero primero debemos instalar la version que tengamos de office instalado en nuestra PC.

OFFICE 2003
http://support.microsoft.com/kb/897646/es

OFFICE 2007
http://www.microsoft.com/en-us/download/details.aspx?id=18346

OFFICE 2010
http://www.microsoft.com/en-us/download/details.aspx?id=3508

luego busquemos directamente en la siguiente direccion de escritorio
C:\Windows\assembly\GAC_MSIL\Microsoft.Office.Interop.Excel\14.0.0.0__71e9bce111e9429c\Microsoft.Office.Interop.Excel.dll
Listo

Ya podemos usar la libreria:

usingExcelApp = Microsoft.Office.Interop.Excel;

Despues publicare un ejemplo como utilizar un archivo de excel.

Espero les Haya sido de utilidad,

Gracias.

Autocomplete Jquery

2012-06-23T20:16:00.002-07:00

Lo importante aqui es tener una etiqeuta input <input id="tags">.

DEMO

index.html

<html>

<head>

$(function () {

var availableTags = [

"ActionScript",

"AppleScript",

"Asp",

"BASIC",

"C",

"C++",

"Clojure",

"COBOL",

"ColdFusion",

"Erlang",

"Fortran",

"Groovy",

"Haskell",

"Java",

"JavaScript",

"Lisp",

"Perl",

"PHP",

"Python",

"Ruby",

"Scala",

"Scheme"

];

$("#tags").autocomplete({

source: availableTags

});

</script>

</head>

<body>

<label for="tags">Ingrese algun texto: </label>

</div>

</body>

</html>

Bueno hasta la proxima amigos y espero sus comentarios.

Descarga el Mejor IDE PLSQL-DEVELOPER para Conexiones ORACLE

2012-03-06T16:58:00.000-08:00

Dentro de mis desarrollos en .NET, simpre nos toca desarrollar alguna aplicacion que se conecte a alguna base de Datos Oracle, este CLIENTE nos permitirá conectarnos a Base de Datos ORACLE, para mi es uno de los Mejores, Mas Ligeros y completos, donde podrán administrar sus Conexiones.

Les agrego el crack respectivo para que no tengan inconvenientes y a desarrollar :-).

Usn Saludo

DESCARGAR

Error al Iniciar Oracle SQL Developer 11g - Unable to find Java Virtual Machine

2012-03-02T21:44:00.000-08:00

Saludos amig@s , hoy quiero compartir con ustedes una experiencia que aveces suele pasarnos al momento de instalar algun SW, y se presentar errores que muchas veces investigamos y llegamos a resolverlos,entonces porque no compartirlo.

En esta ocaciones despues de todo el Proceso de Instalacion del ORACLE SQL DEVELOPER 11g. tocaba iniciarlo y mando un error como este.

Este error no permite iniciar nuestro ORACLE SQL DEVELOPER 11g, no se asusten, no le falta instalar nada, solo es un pequeño error de configuracion que debemos ajustarlo y nada mas, para ello vamos a la carpeta siguiente:

c:\app\administrador\product\11.2.0\dbhome_1\sqldeveloper\sqldeveloper\bin

OJO.: Esta ruta puede variar pero confio en su instinto para encontrarla, empiecen encontrando la carpeta "app". y abrimos el archivos SQLDEVELOPER.CONF.

Ahy dentro ubiquense en la linea donde dice SetJavaHome, y seguramente tendran la ruta que apunta a la carpeta de instalacion del JRE de Java.

c:\ Program Files\Java\jdk1.7.0_03

Y lo cambian por la siguiente

SetJavaHome c:\app\Administrador\product\11.2.0\dbhome_1\jdk

Eso seria todo y ahora nuestro ORACLE SQL DEVELOPER11g, deberia iniciar sin problemas.

Hasta la proxima amigos y espero les sirva en algun momento.

Conceptos de la Programacion Orientada a Objetos

2012-02-26T16:52:00.003-08:00

Saludos amig@s aqui presntandoles unas diapositivas sobre Programación Orientada a Objetos, que todos los que nos dedicamos al desarrollo de Sistemas es importante conocer este Paradigma.

Las presentaciones son del amigo "Julio César Velarde García", que lo encontré mientras estudiaba en el programa de entrenamiento de Microsoft MVA(Microsoft Virtual Academy).

Espero lo disfruten y aprendan mucho, saludos.

Conceptos de la poo

Personalizar Icono en Google Maps

2012-02-25T18:46:00.000-08:00

Saludos amig@s en esta oportunidad les mostraré como pueden personalizar los iconos que vienen por defecto en Google Maps cambiaremos del clasico icono....

cambiaremos el icono anterior a uno Personalizado.

Primero debemos insertar en nuestro HTML, el Script para hacer referencia a nuestro codigo que generamos en Google Maps.

Luego veamos que necesitamos para agregar un Marker, pero con un GIcon, personalizado.

function load() {

if (GBrowserIsCompatible()) {

var map = new GMap2(document.getElementById("map"));

var center = new GLatLng(-10.574222078332805, -75.41015625);

map.setCenter(center, 5);

map.addControl(new GLargeMapControl());

map.setMapType(G_NORMAL_MAP);

//agregamos un Icono

var iconoMarca = new GIcon(G_DEFAULT_ICON);

iconoMarca.image = "banderaperu.png";

var tamanoIcono = new GSize(40, 40);

iconoMarca.iconSize = tamanoIcono;

//Funcion para crear el Marker y cada vez que se haga clic mostrará un mensaje personalizado.

function createMarker(point, nombre, autor) {

var marker = new GMarker(point, iconoMarca);

GEvent.addListener(marker, 'click', function () {

marker.openInfoWindowHtml("<span style='font-size: 8pt; font-family: verdana'>" + nombre + "<br>" + autor + "</span>");

});

return marker;

}

//agregamos un marker al Mapa

var point = new GPoint(-75, -11.8);

var nombre = "ESTE ES MI PERÚ";

var autor = "Giancarlo Gamarra Charaja - desarrolladornet.blogspot.com";

//la funcion createmarker retorna un Marker, para agregarlo al Mapa

var marker = createMarker(point, nombre, autor);

map.addOverlay(marker);

}

window.onload = load

</script>

Luego en nuestro HTML, deberemos tener algo asi:

</form>

luego solo ejecutamos nuestra aplicacion,o abrimos nuestro archivo HTML, en un navegador, y veremos un resultado como lo siguiente:

Haz CLIC en la Bandera del PERUUUU.

Arrastrar Archivos desde fuera de la Aplicacion Silverlight (Drag and Drop)

2012-02-15T21:28:00.000-08:00

Saludos amig@s en este articulo veremos como Silverlight tiene soporte para poder Arrastras desde fuera de la Aplicacion Silverlight uno o varios Archivos, para poder ser leidos e interpretados desde dentro de la Aplicacion en Silverlight, veremos que es muy sencillo, gracias a Silverlight 4.0.

veamos que tendremos en el Codigo XAML para este ejemplo.

</Grid>

Vemos que en el código anterior tenemos un TextBox, que tiene una Propiedad llamada AllowDrop y esta establecida en True, esto quiere decir que el TextBox esta Preparado para recibir archivos que sean arrastrados dentro de él. Luego creamos un Evento Drop del TextBox, que se desencadenará una vez se haya soltado el archivo dentro del TextBox.

una vez hecha esta aclaración veamos que código necesitamos en el evento Drop.

private void txtTexto_Drop(object sender, DragEventArgs e)

{

var archivos=e.Data.GetData(DataFormats.FileDrop) as FileInfo[];

StreamReader reader=null;

foreach (var item in archivos)

{

if (item.Extension == ".txt")

{

reader = new StreamReader(item.OpenRead());

txtTexto.Text = reader.ReadToEnd();

}

Con el código anterior, se recorren Todos los Archivos que se hayan Arrastrado y Soltado dentro del TextBox y verifica que sean de extensión .txt, una vez que verifica que son archivos de texto, procede a Leerlos y Mostrar el Contenido en el mismo TextBox.

Bueno amigo aqui les Dejo el Ejemplo en ejecucion, Solo Seleccionen uno o mas archivos de texto de su PC y Arrastrenlo en el Text Box.

Saludos y hasta la Próxima, si tienen alguna duda no duden en comentar.

Como Usar el Clic Derecho en Silverlight para Mostrar Popup

2012-02-15T19:53:00.000-08:00

Saludos Amig@s en este Articulo veremos como usar el clic derecho del Mouse usando Silverlight.

Bueno primero veamos que necesitamos de parte del codigo XAML.

</ListBox>

</Popup>

</Grid>

Vemos que dentro del control Grid hay un elemento Popup el cual contiene un elemento ListBox, en vez de este ListBox podemos poner cualquier tipo de Control, es totalmente personalizable, No es fantástico Silverlight!!!!

Para que se muestre el elemento del Popup debemos crear 2 Eventos relacionados al Clic derecho,MouseRightButtonDown="LayoutRoot_MouseRightButtonDown" y MouseRightButtonUp="LayoutRoot_MouseRightButtonUp"

Veamos el Código que deberia ir en el Evento MouseRightButtonDown .

private void LayoutRoot_MouseRightButtonDown(object sender, MouseButtonEventArgs e)

{

e.Handled = true;

}

Ahora vemos lo deberia contener el evento MouseRightButtonUp.

private void LayoutRoot_MouseRightButtonUp(object sender, MouseButtonEventArgs e)

{

Point punto = e.GetPosition(LayoutRoot);

menu.Margin = new Thickness(punto.X, punto.Y,0,0);

menu.IsOpen = true;

}

Este código permite ya mostrar el Popup en la Cordenada X e Y capturados con el metodo GetPosition y creando un objeto Point.

Luego adicionalmente es importante que cuando se seleccione uno de los Items del Popup, se cierre este, es por ello la importancia de tener un evento en el ListBox SelectionChanged="ListBox_SelectionChanged"

el cual tendrá el siguiente codigo.

private void ListBox_SelectionChanged(object sender, SelectionChangedEventArgs e)

{

menu.IsOpen = false;//Cerrar el Popup

//Cualquier Codigo que necesites ejecutar

}

Bueno el Resultado es de esperarse un lindo Popup, Gracias. HAZ CLIC DERECHO EN LA SECCION GRIS

Como usar Paginación en DataGrid Silverlight

2012-02-14T20:54:00.002-08:00

Saludos amig@s en este articulo veremos como Paginar un dataGrid Silverlight usando un Control de tipo DataPager , que la verdad es demasiado sencillo.

Bueno primero veremos que necesitamos en la Interfaz osea en nuestro Codigo XAML.

<sdk:DataGrid AutoGenerateColumns="True" Height="100" HorizontalAlignment="Left" Name="dgUsuarios" VerticalAlignment="Top" Width="296" />

<sdk:DataPager Height="26" HorizontalAlignment="Left" Name="pagerUsuarios" PageSize="3" VerticalAlignment="Top" Width="296/>

Vemos que tenemos el DataGrid y un DataPager, lo mas resaltante de esto es que en la Propiedad PageSize del DataPager, podemos configurar Cuantos items podemos hacer aparecer por pagina.

Ahora veremos que en el Codigo vamos a cargar datos de un archivo XML.

private void btnCargarUsuarios_Click(object sender, RoutedEventArgs e)

{

WebClient client1 = new WebClient();

client1.DownloadStringCompleted += new DownloadStringCompletedEventHandler(client1_DownloadStringCompleted); Uri filePath = new Uri("Usuarios.xml", UriKind.Relative); client1.DownloadStringAsync(filePath);

}

void client1_DownloadStringCompleted(object sender, DownloadStringCompletedEventArgs e)

{

if (e.Error == null)

{

XDocument doc = XDocument.Parse(e.Result);

IEnumerable<Person> list = from p in doc.Descendants("User")

select new Person

{

FirstName = (string)p.Attribute("FirstName"),

LastName = (string)p.Attribute("LastName"),

Email = (string)p.Attribute("Email")

};

PagedCollectionView Data = new PagedCollectionView(list);

dgUsuarios.ItemsSource = Data;

pagerUsuarios.Source = Data;

}

public class Person

{

public string FirstName { get; set; }

public string LastName { get; set; }

public string Email { get; set; }

}

Donde vemos que el Objeto PagedCollectionView, recibe en su constructor los datos, y se lo Asigna tanto para el DataGrid como para el DataPager.

Asi que el truco esta en que tanto DataGrid y DataPager tengan la misma Data.

dgUsuarios.ItemsSource = Data;

pagerUsuarios.Source = Data;

En este caso estamos usando un archivo XML para cargar los datos,"Usuarios.xml", no olvidar que este archivo debe estar dentro de la carpta ClientBin, En el proyecto Silverlight

<?xml version="1.0" encoding="utf-8" ?>

<Users>

</Users>

Bueno si tienen alguna duda con respecto a este codigo, por favor comentarlo, para resolver todas sus dudas.

Aqui les dejo un ejemplo real como les debería quedar sus aplicaciones.

Inscribete a mi Blog mediante Silverlight

2012-02-13T20:04:00.000-08:00

Holas amig@s les invito a que se registren a mi Blog mediante esta aplicacion Silverlight.

En este ejemplo muestro como Silverlight se puede incrustar en cualquier tipo de Aplicacion y Servidor de Aplicaciones Ya sea IIS, Apache y Blogger que desconozco que tipo de Servidor será, pero seguramente es alguno open Source.

Mientras mas inscritos haya, y mas comentarios, me darán animos para seguir y colocar mas de estos Ejemplos.

Saludos y REGISTRENSE.

VisualStudio VS NetBeans, Que Buscan Mas en la Web

2012-02-09T22:21:00.000-08:00

Saludos amig@s , hace poco me intereso la herramienta que nos proporciona gratuitamente Google se trata de Google Trends , es una Herramienta que permite mostrarnos, en un TimeLine, lo que se ha buscado mas en la Web, por medio de su Buscador, y ademas permite realizar comparativas, de busquedas.

Bueno para mejor entendimiento un ejemplito, donde vamos a comparar, que es lo que se ha buscado mas en la Web, en este caso los IDES de VISUAL STUDIO o NETBEANS.

La verdad yo no tengo ni la mas remota idea, pero con solo poner "visualstudio, netbeans" y con un clic, puedo saber que es lo que se busco mas en el Mundo desde Años pasados a la actualidad, y para mi gran sorpresa fue.....

Ganador Indiscutible VISUAL STUDIO, jajajaja.

Ahora ustedes dirán porque no puse Eclipse, por que lo Filtra las busquedas relacionadas a Eclipse Solar, etc etc.

OJO: Puede ser lo mas buscado, pero no necesariamente puede será lo mas usado.

Bueno hasta la próxima

Configurar Guardado de Proyectos Nuevos en Visual Studio 2010

2012-02-09T21:59:00.000-08:00

Saludos amig@s en esta ocacion les compartire un consejo que en lo particular me sirvio cuanto tengo que crear proyecto en Visual Studio y muchos de estos son de Prueba o de demostración, que derrepente no ameritan ser guardados fisicamente, ya que si empiezo a guardar, guardar, proyectos de prueba, es posible que en mi Disco Duro este ocupando espacio insulso.

Al momento de Crear un Nuevo proyecto en Visual Studio les mostrará lo siguiente:

Vemo que nos aparece la Ruta Fisica donde debemos Guardar el proyecto, pero si digamos que queiro crear ese proyecto para un simple "HOLA MUNDO", entonces seria insulso gaurdarlo.

Entonces lo primero que debemos hacer es abrir Nuestro Visual Studio, en cualquiera de sus Versiones, ya que todos los Visual Studio(2005,2008,2010) tienen esta opcion para configurar, sino por favor hacermelo saber, si estoy equivocado. Luego vamos al Menu Herramientas -> Opciones...

Luego hacemos clic en el Menu "Proyectos y Soluciones" y desmarcamos la opcion que dice "Guardar nuevos proyectos al crearlos".

Aceptamos, y luego al crear un nuevo proyecto veremos que no nos pide guardarlo fisicamente en disco duro, "Claro hasta que le demos Guardar".

Gracias Amigos será hasta la próxima

Curso Base Datos Stanford - Querying Relational DataBases (03)

2012-02-08T17:08:00.000-08:00

Saludos amig@s en este video muestra que debemos usar las Instrucciones DDL para la creación de Tablas y las instrucciones DML para las Consultas a la Base de Datos; ademas como un Usuario puede interactuar con la Base de Datos Usando los famosos Queries.

Habla Sobre los Lenguajes de Consultas:

Algebra Relacional(Lo Formal): Como algebraicamente se estructura una Consulta.
SQL(Lo Actualmente Implementado): Lo que todos conocemos "Select * from Tabla" jejeje.

En lo particular mas me interesaba SQL, el algebra Relacional ni lo vi, pero es importante saber de donde salen las cosas, y en este caso, como los modelos Matematicos estan en todo lado, y mucho mas en las Bases de Datos Relaciones.

QUERYING RELATIONAL DATA BASES

Un Chistesito para Amenizar el Blog

2012-02-08T13:09:00.001-08:00

Un caníbal va a la carnicería a conseguir un cerebro para el almuerzo y ve un cartelito que hace alarde de la calidad de los cerebros de profesionales que tienen en oferta. Le pregunta entonces al que atiende: * ¿A cuánto tiene el cerebro de Programador? * A Tres Dólares el Kilo ¿Y tiene de Analista? Sí, Cuatro con Cincuenta el Kilo ¿Y de usuario? Si, Ciento Cincuenta Dólares el kilo ¿QUE? ¿Cómo puede costar tanto? (pregunta el caníbal asombrado) ¿Tiene usted idea de la cantidad de usuarios que hay que matar para conseguir un kilo de cerebro?