VB 2008 con bases de datos en SQL – Parte 2

Ya habíamos creado nuestra base de datos directamente en Visual Basic 2008 sin necesidad de instalar el SQL Server, sino utilizando el propio motor que posee el Visual Studio Express. Ahora, viene enlazar nuestra base de datos a una aplicación de escritorio para trabajar con ella.

Pasamos a nuestro formulario, y en el cuadro de herramientas, seleccionamos el control DataGridview del apartado Datos. En seguida veremos la SmartTag que nos indica que tenemos que crear un origen de datos para ese control.

En la parte “Elegir origen de datos” damos clic en la lista desplegable y seleccionamos la opción “Crear nuevo origen de datos”. Nos aparecerá un asistente que ya habíamos visto en el tutorial de Visual Web Developer. Seleccionamos “Base de datos” y damos clic en siguiente. Dado que ya teníamos nuestra base de datos abierta y en el proyecto, por default aparecerá como la primera opción en la conexión. Damos clic en siguiente.

Dado que nuestra base de datos no se encuentra en la misma carpeta que el proyecto actual, al presionar siguiente, VB nos preguntará si movemos el archivo MDF junto a nuestro proyecto o si lo dejamos en su ubicación actual (Mis documentos). Le decimos que mueva el archivo a la carpeta del proyecto para continuar.

Ahora, el asistente nos preguntará como deseamos llamar a la cadena de conexión con nuestra base de datos. Dejamos el nombre que le asignó y damos clic en siguiente. Tal como lo hicimos en el ejemplo de VWD, llegó el momento de seleccionar la tabla y los campos que utilizaremos en nuestra aplicación.

Presionamos finalizar y ahora la base de datos está conectada a nuestro proyecto mediante el DataSet, y este a su vez se conecta a los controles que utilizaremos, en este caso, el DataGrid. Con esto es suficiente para que los datos creados en SQL sean mostrados en nuestra aplicación. Ahora, ejecutamos con F5 y veremos los registros que anteriormente habíamos puesto en el editor de VB.

Pero, ¿y si no quiero que aparezcan los datos en una simple tabla? ¿Que tal si quiero que los usuarios accedan y administren los datos con controles comunes (botones, cajas de texto, etiquetas, etc.)? Eso lo veremos en la última parte de este tutorial de SQL y Visual Basic 2008.

Archivos arreglados

Gracias a algunos lectores de este blog, me enteré hace poco que los archivos con los ejemplos que he puesto sobre Visual Basic .NET no servían al ser descargados. Parece ser que Skydrive y las extensiones .rar no son una buena combinación.

Es por eso que a partir de hoy, todos los archivos han sido resubidos utilizando WinZip en lugar de WinRAR, al menos en la carpeta “EjemplosVisualBasic2008”.

Además, para comodidad de todos los lectores, los ejemplos también están disponibles en una carpeta de Megaupload, a la cual pueden acceder desde aquí.

Solo les pido un favor si es que bajarán alguno de estos archivos: sus comentarios son recibidos y agradecidos si los hacen aquí en el blog y no en el Skydrive. Parece ser que este problema lleva ya algo de tiempo, pero dado que no me entero de nada de mi Skydrive, tomó bastante para realizar lo que hasta ahora he hecho con esos archivos.

Además, cada post será actualizado para que los nuevos visitantes accedan a estos archivos correctamente. Gracias.

• Carpeta en Skydrive
• Carpeta en Megaupload

VB 2008 con bases de datos en SQL – Parte 1

En esta ocasión veremos la realización paso a paso de una aplicación de escritorio que acceda a datos utilizando una base de datos de SQL en Visual Basic 2008. Al finalizar, este proyecto estará disponible en la sección “EjemplosVisualBasic”, a la izquierda de este blog.

Para realizar este proyecto, necesitaremos de la edición Express de Visual Basic, aunque el proceso debe ser similar en las otras versiones del programa.

Primero, abrimos VB 2008 y creamos un proyecto nuevo, en este caso, PechochoProyectoSQL.

Con el proyecto abierto, procederemos entonces a crear la base de datos que utilizaremos en el. Vamos a la ficha Explorador de bases de datos. Si no ves el panel, ve al menú Ver y selecciona “Explorador de base de datos”, o presiona en tu teclado Ctrl+Alt+S. Dado que el proyecto aún no tiene ninguna base de datos, es necesario crearla.

Para ello, presionamos el botón Conectar con base de datos dentro del Explorador de bases de datos. Aparecerá el asistente para conectar las bases de datos a nuestro proyecto. Seleccionamos la opción “Archivo de base de datos de SQL Server” y presionamos el botón continuar.

En el siguiente cuadro de diálogo, especificaremos la ruta de la base de datos si es que ya la tenemos creada, de lo contrario, especificaremos un nombre y al presionar Aceptar, la base de datos será creada. En ambos casos no es necesario guardar la base de datos en la carpeta de nuestro proyecto, ya que el asistente se encargará de ello automáticamente cuando hagamos la conexión más adelante. Por vía de mientras, nuestra base se guardará en la carpeta Mis documentos.

Al finalizar el asistente, la base de datos ha sido creada y la podremos ver en el Explorador de bases de datos. Sin embargo, es un archivo sin nada, por lo que habrá que crear sus respectivos campos y llenarla con unos cuantos registros. Junto al nombre de nuestra base de datos está un símbolo de “+”, al presionarlo nos mostrará un diagrama de árbol parecido al que se utiliza en SQL Server, donde podremos ver los diagramas, tablas, vistas, etc.

Con el botón secundario del ratón, sobre la carpeta Tablas, damos clic a la opción “Agregar nueva tabla”. Esto nos abrirá la vista diseño de tabla, donde crearemos los campos y los tipos de datos que se utilizarán en nuestro proyecto, además de poder definir la clave principal y el nombre la propia tabla. Para ello, presiona el botón Guardar una vez que hayas terminado de fijar los datos anteriormente mencionados.

Una vez que la tabla ha sido creada con sus respectivos nombres de campos y tipos de datos, llega la hora de llenarla con algunos registros para hacer las pruebas necesarias en nuestra aplicación. Para ello nos situamos sobre el icono de nuestra tabla recién creada y presionamos el botón secundario de nuestro ratón. Seleccionamos la opción “Mostrar datos de tabla”.

Esto nos abrirá la vista de datos, donde podremos llenar nuestra tabla con los registros necesarios. En este caso sólo pondremos cinco registros, los cuales se irán guardando automáticamente.

En los siguientes tutoriales, estableceremos la conexión de la base de datos con el proyecto y enlazaremos controles para la edición, eliminación y administración de nuestros datos en una aplicación.

Usted pregunta, Pechocho responde… Gifs y Messenger 9

Pía pregunta en la entrada de Windows Live 9:

Quería preguntar sobre las imágenes gif puesto que yo tengo este MSN (9.0) , pongo mi imagen y la reproduce (al menos eso es lo que veo) , pero mis contactos ven una foto normal. ¿Por que? ¿No hay manera de que la vean moverse? ¿Depende del tamaño de la imagen? Porque yo tenia 2 contactos con imagen gif y yo si miraba que se movían. ¿Por qué la gente no puede ver las mías o es que necesito algún programa o es que ellos son los que necesitan tener Windows Live 9? ¡¡¡Por fa respóndanme!!!

Pechocho responde:

Hola Pía. No es necesario que instales ningún otro programa o plug-in para el Messenger 9. La característica de las imágenes en movimiento es sólo exclusiva de esta versión. Sólo funciona tanto si tu como otro de tus contactos tienen la misma versión. De lo contrario, ellos verán sólo una imagen fija sin movimiento.

Anteriormente a la salida de una nueva versión el propio Messenger nos avisaba de la actualización. Sin embargo, en esta ocasión, la actualización debe ser manual, ya que el instalador del Messenger ya integra la posibilidad de instalar otros servicios Live, como Mail, Writer, Galería fotográfica y los add-ons de Office 2007.

Así que si quieres que tus contactos también vean y tengan gifs en movimiento, es necesario que se actualicen a la versión 9, la cuál la pueden descargar desde aquí.

Espero que haya sido de utilidad.

Windows Internet Explorer 8

El día de hoy, Microsoft acaba de anunciar la salida de la versión final de Internet Explorer 8. Puedes descargarlo desde el sitio oficial haciendo click aquí.

La instalación es igual que en IE7, sólo que esta vez nos pregunta si queremos enviar informes sobre la instalación para mejorarla en un futuro. Fuera de eso, la instalación es igual de lenta en equipos viejos como la de IE7.

Después de unos 10 minutos, es necesario reiniciar el equipo.

Al iniciar de nuevo Windows y abrir IE, el programa nos da la bienvenida con un asistente, el cuál nos dice las novedades de esta versión.

Después viene la primera opción a activar: los sitios sugeridos. Básicamente es parecido al servicio Genius de iTunes, sólo que en lugar de revisar nuestras canciones y ofrecernos nuevas canciones parecidas o del mismo género, los sitios sugeridos nos muestran otros sitios parecidos basados en nuestro historial de navegación.

Enseguida viene la configuración, donde podremos usar la predefinida, dónde todo viene con los servicios Live o la personalizada, desde donde se puede elegir de entre distintos proveedores.

Esta vez, utilicé las opciones personalizadas, donde se nos pregunta el proveedor de búsquedas, el uso de los aceleradores (servicios de blog, correo electrónico y traductores directamente en la página web que veamos), el uso de SmartScreen (herramienta que verifica la auntenticidad de los sitios web que veamos), la vista de compatibilidad (ayuda a ver una página en IE8 si fue escrita para verse en versiones anteriores).

Si elegimos personalizar los aceleradores, al finalizar la instalación podremos elegir entre, por el momento, una breve lista de proveedores de blog, correo electrónico y traductores.

Una vez que el interrogatorio termina, tenemos enfrente de nosotros a Interner Explorer 8 en todo su esplendor.

Destacan el diseño de las pestañas, el mostrarnos con mayor intensidad el nombre del dominio que estamos visitando, el bloqueador de ventanas emergentes junto a la barra de zoom, la barra de favoritos que contiene los sitios sugeridos y el botón para agregar más complementos.

Si desde una página que estemos viendo abrimos otra ventana relacionada, esta misma relación se verá reflejada en colores. Las pestañas del mismo color indican que son “paginas hermanas”.

Al abrir una nueva pestaña, podremos elegir entre abrir las páginas que visitamos en la sesión anterior, usar un acelerador o utilizar InPrivate, complemento que permite navegar de forma anónima sin dejar rastros de la navegación en el equipo.

Conforme utilice esta nueva versión, les estaré informando y dando opiniones al respecto.

Lucky Star

Basado en una tira estilo “4-Koma” (tiras de no más de 4 cuadros como Garfield o Dick Tracy) dibujado desde 2004 y en 2007 pasó a Anime por Kyoto Animation, quienes un año antes nos trajeron “La melancolía de Haruhi Suzumiya”.

La historia narra la vida diaria de varias chicas que estudian su segundo año de preparatoria. De entre estas chicas, destaca Konata Izumi, quien tiene una fascinación por el anime, el manga y los videojuegos. Aunque, de una forma u otra, todas las chicas poseen un lado cómico, es Konata quien prácticamente se lleva toda la serie.

De izquierda a derecha: Konata, Kagami Miyuki y Tsukasa en sus yukatas de verano

Quizá el punto flaco de Lucky Star es que es necesario saber un poco sobre el anime y el manga, ya que en toda la serie de forma implícita o explícita se parodian diversos animes y videojuegos, incluso hay varias referencias a “La melancolía…”, ya que muchos actores de voz que participaron en la primera, hacen a nuevos personajes en Lucky Star. Tal es el caso de Aya Hirano, quien en “La melancolía…” llevó el rol principal y en Lucky Star nos sorprende con sus tonos de voz al interpretar a Konata.

“Motteke! Sailor Fuku”, opening de Lucky Star

Para los que apenas se inician en esto de la animación japonesa, el ver Lucky Star puede resultar algo complicado al principio, debido a que se verán bombardeados con múltiples referencias a muchas series, mangas y videojuegos que sólo salieron en Japón, por lo que muchos chistes no tendrán su pegue al menos al principio. Aunque es cuestión de “Googlear” un poco y acostumbrarse a las descabelladas y divertidas ideas de Konata y compañía.

Konata interpretando una canción bastante familiar…

Si bien Konata es muy divertida, las demás chicas de esta serie también nos harán reír incontables veces. Kagami es todo lo contrario a Konata: si bien lee y ve manga y anime, no lleva esta fascinación tan al extremo como su mejor amiga. Su hermana melliza, Tsukasa, es tímida y parecida a Konata, sólo que es más introvertida. Miyuki es la lista del grupo: si tienes una duda, puedes preguntársela a ella y de seguro sabrá la respuesta. Eso si, tiende a ser muy despistada y distraída, exactamente igual que su madre.

Los personajes secundarios en esta serie también llegan a ser muy divertidos: la prima de Konata, quien es policía, es todo menos responsable. El padre de Konata tiene una extraña fascinación por las chicas de preparatoria y los uniformes de marinero que ellas utilizan. La maestra de las chicas también fan de los videojuegos en línea, pero se lamenta varias veces por tener más de 25 años y aún no entablar ninguna relación amorosa.

Destaca lo realistas que son en Kyoto Animation. Esto nos ha pasado a algunos en ciertas ocasiones, ¿no es así?

Y eso que Konata no tuvo que mover 7 Gigas con Windows Vista.

Sin duda, Lucky Star es un excelente anime de comedia que nos hará reír varias veces a lo largo de sus 24 episodios. Les recomiendo que primero vean “La melancolía de Haruhi Suzumiya” antes de ver Lucky Star. Si bien no hay ninguna relación literaria entre ambas series, las constantes referencias en Lucky Star nos harán entender a esta última mucho más y mejor. Y muestra de ello:

En esta escena notamos los diferentes tonos de voz de Aya. Primero utiliza el tono de Konata y luego el tono de Haruhi, el mismo que utiliza en la serie homónima y el cual parodia a la perfección.

Subiendo nuestro sitio

Ok, ya hicimos nuestra aplicación, ya la probamos con un servidor local y ya le agregamos todo lo necesario para que funcione. Ahora, viene lo divertido: publicar nuestro sitio web como tal. Antes que nada, debemos decidir a qué servidor lo vamos a subir.

Existen dos opciones de hosting: el gratuito y el de pago. Generalmente, el gratuito ofrece poco espacio en disco (de 15 Mb a 100Mb) además de estar plagado de publicidad, lo cuál podría generar molestias tanto a nosotros como a nuestros visitantes. ejemplos de hosting gratuito son Bravenet, Geocities y la ya desaparecida Blowsearch, por mencionar sólo algunos.

Generalmente estos hosting ofrecen herramientas para los usuarios que apenas están aprendiendo esto de subir los sitios web. Una de esas herramientas, y la principal diría yo, es el administrador de archivos, desde donde deberemos subir todo nuestro sitio web.

 Administrador de archivos desde el propio navegador

Ahí, crearemos las carpetas y subiremos todos los archivos que tiene nuestro sitio (HTML, animaciones en Flash, sonidos, carpetas) y los pondremos tal cuál y como están en nuestra PC local. Algo que es importante especificar es que en la web no se permiten acentos, letras propias de un idioma ni espacios. Es decir, si nuestro sitio guarda todas las imágenes en una carpeta llamada “imágenes del sitio” o si existe alguna página de nombre “ubicación del lugar.html”, lo más probable es que dicha carpeta o página no podrá ser accesible hacia otras personas por el sólo hecho de llevar caracteres no válidos. Piensa en nombres descriptivos pero cortos: la carpeta podría llamarse simplemente “img” y la página podría llamarse “ubicacion.html”.

Sube todas las carpetas y archivos utilizando los administradores de tu hosting. Al ser gratuitos, la mayoría pone bastantes restricciones: no subir archivos de más de 5 Mb o que la cuota total de subida no sobrepase determinado número de megas, no permiten archivos de música, comprimidos, videos en cualquier formato y cosas por el estilo. Ten en cuenta todo esto antes de escoger un hosting gratuito.

 Se tiene que subir archivo por archivo

Otra de las desventajas de usar un hosting gratuito es que no podremos darle un nombre propio a nuestro sitio. Por ejemplo, si yo quiero que mi sitio se llame “misitio.com.mx” no podrá ser posible, ya que muchos hostings gratuitos no permiten el uso de dominios. En su lugar, el sitio podría llamarse “misitio.bravehost.com” ó “geocities.com/misitio”.

Un problema más sería para las personas que han desarrollado una aplicación web. Los hosting gratuitos no son buenos para esto, ya que muchos de ellos sólo permiten la ejecución de HTML y si queremos usar PHP ó ASP, tendremos que usar las opciones de pago.

En cuanto al hosting de pago, existen muchas opciones en internet. Los precios varían dependiendo de la tecnología que queramos usar, el espacio en disco y el ancho de banda. Generalmente hay hosting que va de 300 pesos al mes hasta los 2000 ó 5000 al año. Los precios se disparan todavía más si queremos un servidor exclusivo para nuestro sitio, es decir, toda una computadora únicamente para albergar nuestro sitio y nada más.

Muchas compañías que ofrecen el servicio de almacenamiento también ofrecen el servicio de trámite para el dominio. Ellos son los que tramitan todo ante NIC México, empresa que registra todos los dominios que se dan de alta en el país. Sin embargo, hay que tener cuidado con esto. Muchas empresas registran el dominio no a tu nombre, sino al de ellos. Esto con el propósito de mantenernos pegados a sus servicios de almacenamiento a su voluntad. Lo mejor es realizar este trámite nosotros mismos, y de eso les hablaré aparte en otro post.

Ya sea en hosting gratuito (algunos) o de pago, y si nuestro sitio tiene demasiados archivos como para subirlos de uno en uno, existe la opción de subir todo el sitio de un solo golpe y eso es gracias al FTP. El FTP, o File Transfer Protocol, es un protocolo exclusivamente para subir o bajar archivos y es más rápido para hacer eso que el HTTP. Existen muchos programas que nos permiten manejar esto, y uno que recomiendo mucho y que además es gratuito es FileZilla.

 Configuración del Gestor de sitios de FileZilla. Los datos te los proporciona el proveedor del hosting.

En FileZilla configuraremos el sitio a donde subiremos nuestros archivos, y escribiremos el nombre de usuario y contraseña que el hosting nos proporcionó o nosotros especificamos. Al realizar la conexión, basta con arrastrar los archivos y carpetas de nuestro sitio y listo. Todos se pondrán en cola e irán subiendo y colocándose en sus respectivas carpetas en el servidor remoto.

 A la izquierda está tu computadora y a la derecha el servidor remoto. Arrastra los archivos de tu sitio y las carpetas al servidor remoto.

Eso es todo. Ahora accederemos al sitio web como cualquier usuario utilizando nuestro navegador y probaremos que todo funcione tal y como queremos.