(IDE) Entorno Integrado de Desarrollocon el entorno de trabajo (IDE) que utilizaremos a lo largo del...

12
1 Copyright © Computer Aided Education, S.A. Entorno Integrado de Desarrollo (IDE) 1. LA PÁGINA DE INICIO A ntes de empezar a estudiar el lenguaje Visual Basic 2008 (a partir de ahora simplemente VB), vamos a familiarizarnos con el entorno de trabajo (IDE) que utilizaremos a lo largo del curso. Lo primero que se muestra al arrancar el entorno de desarrollo es la página de inicio. En ella encontramos información y acceso rápido a los proyectos en los que estamos trabajando. En el caso de que utilice el entorno completo, es decir, Visual Studio 2008, la primera vez que se ejecuta puede configurar el entorno de trabajo. Así pues, podrá elegir entre un entorno particularizado para la programación en Visual Basic o C#, para el desarrollo de aplicaciones Windows o aplicaciones web, etc. En la parte superior izquierda de la página de inicio encontramos el bloque Recent Projects, que por ahora está vacío. Aquí se acumulan los distintos proyectos que creamos o abrimos, para que sea más fácil volver a trabajar en ellos. Además, también tenemos acceso a las opciones de abrir o crear un nuevo proyecto. En el bloque Getting Started encontraremos enlaces a algunos temas de la documentación que son básicos. Es la mejor forma de empezar a aprender a utilizar el entorno de trabajo.

Transcript of (IDE) Entorno Integrado de Desarrollocon el entorno de trabajo (IDE) que utilizaremos a lo largo del...

Page 1: (IDE) Entorno Integrado de Desarrollocon el entorno de trabajo (IDE) que utilizaremos a lo largo del curso. Lo primero que se muestra al arrancar el entorno de desarrollo es la página

1Copyright © Computer Aided Education, S.A.

Entorno Integrado de Desarrollo(IDE)

1. LA PÁGINA DE INICIO

Antes de empezar a estudiar el lenguaje Visual Basic 2008 (a partir de ahora simplemente VB), vamos a familiarizarnos

con el entorno de trabajo (IDE) que utilizaremos a lo largo del curso.

Lo primero que se muestra al arrancar el entorno de desarrollo es la página de inicio. En ella encontramos información y acceso rápido a los proyectos en los que estamos trabajando.

En el caso de que utilice el entorno completo, es decir, Visual Studio 2008, la primera vez que se ejecuta puede configurar el entorno de trabajo.

Así pues, podrá elegir entre un entorno particularizado para la programación en Visual Basic o C#, para el desarrollo de aplicaciones Windows o aplicaciones web, etc.

En la parte superior izquierda de la página de inicio encontramos el bloque Recent Projects, que por ahora está vacío.

Aquí se acumulan los distintos proyectos que creamos o abrimos, para que sea más fácil volver a trabajar en ellos.

Además, también tenemos acceso a las opciones de abrir o crear un nuevo proyecto.

En el bloque Getting Started encontraremos enlaces a algunos temas de la documentación que son básicos. Es la mejor forma de empezar a aprender a utilizar el entorno de trabajo.

Page 2: (IDE) Entorno Integrado de Desarrollocon el entorno de trabajo (IDE) que utilizaremos a lo largo del curso. Lo primero que se muestra al arrancar el entorno de desarrollo es la página

2

Entorno Integrado de Desarrollo (IDE)

Por su parte, en el bloque Visual Basic Express Headlines encontraremos enlaces a anuncios o noticias de interés para los desarrolladores.

Finalmente, el bloque central incluye las noticias más recientes del canal RSS de la MSDN. Aquí encontraremos enlaces a los últimos artículos publicados en la red de ayuda de Microsoft para los desarrolladores.

Lógicamente, será necesario estar conectado a Internet para disponer de toda esa información.

Si no desea que aparezca esta página de inicio cada vez que ejecute el entorno de desarrollo, puede indicarlo entre las opciones del mismo. Para ello, elija el comando Options del menú Tools y sitúese en la categoría Startup del apartado Environment (si no aparece esta categoría, active la casilla Show all settings).

Aquí vemos que inicialmente es la página de inicio la que aparece al arrancar el entorno de desarrollo de Visual Studio. Sin embargo, disponemos de otras opciones, como la posibilidad de que se cargue el último proyecto o solución en el que hemos trabajado.

Veamos para qué sirven todas estas ventanas y barras de herramientas que aparecen en el entorno de desarrollo.

En la parte superior encontramos el menú principal y una o más barras de herramientas.

2. DISTRIBUCIÓN DE VENTANAS

Page 3: (IDE) Entorno Integrado de Desarrollocon el entorno de trabajo (IDE) que utilizaremos a lo largo del curso. Lo primero que se muestra al arrancar el entorno de desarrollo es la página

3Copyright © Computer Aided Education, S.A.

Entorno Integrado de Desarrollo (IDE)

A través de estos elementos vamos a poder realizar la mayoría de las tareas habituales de programación, como crear un nuevo proyecto, abrir otro existente, guardar, compilar, ejecutar o depurar la aplicación...

En la mayoría de los casos existirá un botón de barra de herramientas equivalente para cada comando de menú. Por ejemplo, el mismo efecto que elegir el comando New Project se consigue a través de este botón

de la barra de herramientas.

La siguiente ventana en importancia es Solution Explorer, que suele estar en la parte derecha de la pantalla. En esta ventana se sitúan los distintos archivos y elementos que pertenecen al proyecto o proyectos abiertos.

En la parte central de la pantalla es donde se van mostrando los distintos archivos que conforman el proyecto. Por ejemplo, en la figura de la parte superior, puede ver que se muestra un determinado formulario con sus botones, cuadros de texto, etc.

Page 4: (IDE) Entorno Integrado de Desarrollocon el entorno de trabajo (IDE) que utilizaremos a lo largo del curso. Lo primero que se muestra al arrancar el entorno de desarrollo es la página

4

Entorno Integrado de Desarrollo (IDE)

Dependiendo del elemento seleccionado en el Solution Explorer, es posible que pueda ver su código, su aspecto visual o ambos. Para ello se utilizan los botones View Code y View Designer de la ventana Solution Explorer.

En la zona de edición del entorno se van situando todos los elementos o archivos que vaya abriendo.

Fíjese que cada vez que abrimos un archivo, se está creando una ficha adicional en el área de edición. Así es mucho más sencillo acceder, por ejemplo, al código y a la interfaz visual de un formulario.

Esta forma de colocar los archivos del proyecto también se sigue en la mayoría de ventanas y barras de herramientas del entorno de desarrollo y la verdad es que viene muy bien para que no ocupen mucho espacio en pantalla.

Por otra parte, las ventanas y barras de herramientas pueden aparecer fijas en pantalla (acopladas) o flotantes.

Page 5: (IDE) Entorno Integrado de Desarrollocon el entorno de trabajo (IDE) que utilizaremos a lo largo del curso. Lo primero que se muestra al arrancar el entorno de desarrollo es la página

5Copyright © Computer Aided Education, S.A.

Entorno Integrado de Desarrollo (IDE)

Podemos configurarlas como queramos. Si queremos que una ventana que está anclada aparezca flotante, la arrastraremos hasta su nueva posición; si queremos conseguir el efecto contrario, la arrastraremos hasta la barra de título de la ventana anclada.

Hay otras ventanas que se acoplan a los bordes de la pantalla, ocupando espacio sólo cuando requerimos su presencia.

Especialmente importante es la ventana Toolbox que aparece acoplada en la parte izquierda de la ventana de Visual Studio.

Esta ventana es fundamental cuando estamos creando la interfaz de usuario de una aplicación, por lo que es posible que desee mostrarla en todo momento. Para ello, puede utilizar el botón Auto Hide (on

y off ).

El entorno de desarrollo de Visual Studio es muy completo. Mostrando y ocultando las ventanas que necesita en cada momento, podrá trabajar cómodamente.

Es conveniente que “pierda algo de tiempo” configurando su entorno de trabajo. De especial interés es saber que a través

del menú View podrá mostrar todas las ventanas disponibles.

3. PERSONALIZAR EL ENTORNO

Page 6: (IDE) Entorno Integrado de Desarrollocon el entorno de trabajo (IDE) que utilizaremos a lo largo del curso. Lo primero que se muestra al arrancar el entorno de desarrollo es la página

6

Entorno Integrado de Desarrollo (IDE)

Por ejemplo, a través del menú View - Toolbars podemos mostrar u ocultar cualquiera de las barras de herramientas que tenemos a nuestra disposición.

Incluso podemos crear nuevas barras de herramientas o modificar las existentes a través de la opción Customize.

Finalmente, volvamos a acceder al cuadro de diálogo Options, disponible a través del menú Tools. En este cuadro podrá modificar, de forma general, el entorno de desarrollo. Las opciones que puede establecer se dividen en distintas categorías.

A lo largo del curso iremos estableciendo las que necesitemos. Por ahora sólo le indicaré que si activa la casilla Multiple documents de la categoría Environment - General, entonces cada archivo que edite se mostrará en una ventana independiente, en lugar de la distribución en fichas que actualmente estamos utilizando.

Hemos utilizado, en más de una ocasión, la palabra “proyecto”. Aunque usted ya habrá intuido a lo que nos referimos al

utilizar dicha palabra, es conveniente puntualizar y aclarar el concepto de proyecto en el contexto de Visual Studio.

Para cambiar el aspecto de las barras de

herramientas, eliminarlas o crear alguna

nueva, deberá tener abierto

el cuadro de diálogo Customize.

La forma más rápida

de mostrar u ocultar una

barra de herramientas

es a través del menú

contextual de cualquiera de

ellas.

4. PROYECTOS Y SOLUCIONES

Page 7: (IDE) Entorno Integrado de Desarrollocon el entorno de trabajo (IDE) que utilizaremos a lo largo del curso. Lo primero que se muestra al arrancar el entorno de desarrollo es la página

7Copyright © Computer Aided Education, S.A.

Entorno Integrado de Desarrollo (IDE)

Un proyecto es el conjunto de archivos de código fuente y otros recursos que constituyen una aplicación o parte de una aplicación creada en el entorno de Visual Studio.

En el caso de VB, nos vamos a encontrar con distintos tipos de archivos que no tienen por qué aparecer si nuestro lenguaje de trabajo es otro distinto.

Además, dependiendo del tipo de proyecto, tendremos unos u otros tipos de elementos.

Por ejemplo, en un proyecto de tipo aplicación Windows “cliente”, podemos encontrar:

Archivos de formularios de Windows. En este tipo de archivos tendremos el código escrito por nosotros y el generado automáticamente por el entorno de desarrollo relacionado con los formularios o ventanas de la aplicación. También se incluirá toda la información visual sobre dichos formularios. Este tipo de archivos tendrá la extensión .vb.

Archivos de clase. En este tipo de archivos tendremos la definición de clases de nuestro proyecto. Estudiaremos este tema en profundidad. La extensión de este tipo de archivos también es .vb.

También nos podemos encontrar con archivos de módulo, donde escribiremos código de carácter general, que no queremos asociar con ninguna clase; archivos de recursos, donde incluir iconos, texto, etc.

En otros tipos de proyectos encontraremos otros tipos de archivos. Todos los que pertenecen al proyecto estarán disponibles a través de la ventana Solution Explorer.

Y aquí es donde entra el concepto de solución. En la “jerga” de Microsoft, una solución no es más que un conjunto de proyectos relacionados por alguna razón.

Usted piense en la solución como en la aplicación que está desarrollando, mientras que un proyecto podría ser una parte concreta de dicha aplicación.

Tenga en cuenta que podríamos tener proyectos creados con distintos lenguajes de Visual Studio en una misma solución.

Page 8: (IDE) Entorno Integrado de Desarrollocon el entorno de trabajo (IDE) que utilizaremos a lo largo del curso. Lo primero que se muestra al arrancar el entorno de desarrollo es la página

8

Entorno Integrado de Desarrollo (IDE)

Tanto la solución como el proyecto tienen relacionados un archivo de configuración, donde se listan todos sus componentes y demás opciones.

El archivo de solución tiene la extensión .sln y se representa con el icono , mientras que el archivo de proyecto tiene la extensión .vbproj y se representa con el icono .

Para que se muestre la solución en el Solution Explorer, deberá activar la opción Always show solution en la categoría Projects and Solutions - General. Recuerde que para acceder a este cuadro de diálogo, debe elegir el comando Options del menú Tools.

Otro concepto fundamental que debe tener presente todo programador de VB es el de tiempo de desarrollo.

Cuando usted desarrolla el proyecto, utilizando formularios, agregando controles, estableciendo propiedades o escribiendo código, está en tiempo de diseño.

En tiempo de diseño el entorno de desarrollo de Visual Studio está a su disposición; las distintas ventanas y menús pueden ser utilizados para diseñar su aplicación.

5. TIEMPOS DE DESARROLLO

Page 9: (IDE) Entorno Integrado de Desarrollocon el entorno de trabajo (IDE) que utilizaremos a lo largo del curso. Lo primero que se muestra al arrancar el entorno de desarrollo es la página

9Copyright © Computer Aided Education, S.A.

Entorno Integrado de Desarrollo (IDE)

Cuando pulsa el botón Start Debugging o elige la opción equivalente del menú Debug, se “traslada” al tiempo de ejecución, en el que interactúa con la aplicación del mismo modo que lo haría el usuario final.

Este modo le permite comprobar el resultado de su esfuerzo de desarrollo.

En el caso de una aplicación Windows, el usuario interactúa con la interfaz de dicha aplicación para conseguir lo que desea.

Cuando está en tiempo de ejecución y pulsa el botón Break All , entra en el llamado tiempo de interrupción. En este tiempo

realizará operaciones de cara a la depuración de la aplicación.

Finalmente, con el botón Stop Debugging vuelve al entorno de desarrollo, donde trabaja en tiempo de diseño, independientemente de si provenía del tiempo de ejecución o del de interrupción.

Visual Studio viene con un completo sistema de ayuda que se corresponde con la biblioteca MSDN (Microsoft Developer

Network) de Microsoft.

Se trata de un completísimo conjunto de recursos para el programador. En la biblioteca MSDN vamos a encontrar la descripción de los objetos y funciones que utilicemos, ejemplos, artículos técnicos e incluso libros completos que son de gran ayuda para el programador. Puede acceder a esta documentación a través del menú Help.

El sistema de ayuda se divide en tres apartados: Contents, Index y Search.

En Contents encontrará la documentación dividida por temas, proporcionando una visión general de la misma.

Al desplegar un tema, podrá encontrar ayuda inmediata u otros subtemas.

En la barra de título del IDE se indica en

qué tiempo de desarrollo se

encuentra.

6. EL SISTEMA DE AYUDA

Puede acceder a la versión online de la

biblioteca MSDN en

http://msdn.microsoft.com.

Page 10: (IDE) Entorno Integrado de Desarrollocon el entorno de trabajo (IDE) que utilizaremos a lo largo del curso. Lo primero que se muestra al arrancar el entorno de desarrollo es la página

10

Entorno Integrado de Desarrollo (IDE)

La navegación por la biblioteca MSDN es parecida a la forma de hacerlo en las páginas web.

Así, encontrará gran cantidad de información directa y el modo de acceder a información relacionada. Para esto último se utilizan los enlaces, fácilmente identificables al aparecer en color azul y subrayados.

La biblioteca MSDN se utiliza principalmente como referencia mientas está programando, pero también sirve como un recurso de formación.

En muchos casos encontrará casos prácticos y ejemplos que usted puede seguir para aprender los fundamentos de la tecnología estudiada.

Navegar por la biblioteca MSDN es similar a hacerlo en un explorador de web. Ya debe estar habituado a los botones Back y Forward .

Aunque Contents es ideal para tener una visión general de la documentación que tenemos a nuestra disposición, lo normal es que usted acuda al sistema de ayuda para realizar consultas concretas mientras desarrolla aplicaciones. En estos casos, Index y Search son más adecuados.

Page 11: (IDE) Entorno Integrado de Desarrollocon el entorno de trabajo (IDE) que utilizaremos a lo largo del curso. Lo primero que se muestra al arrancar el entorno de desarrollo es la página

11Copyright © Computer Aided Education, S.A.

Entorno Integrado de Desarrollo (IDE)

En Index, los temas sobre los que se puede obtener información aparecen ordenados alfabéticamente.

Tenga en cuenta que puede instalar gran cantidad de documentación perteneciente a la biblioteca MSDN, por lo que posiblemente sea adecuado enmarcar su búsqueda en una determinada colección de la documentación.

En Search podremos realizar búsquedas exhaustivas. Usted introducirá palabras o incluso frases completas y obtendrá toda la documentación disponible sobre dicho tema.

En definitiva, la documentación que puede obtener es la misma en cualquiera de las fichas del sistema de ayuda. Lo que cambia es la forma de obtenerla.

Además, Visual Studio utiliza la llamada “ayuda dinámica”. Se trata de ayuda referente al objeto, función o cualquier otro componente con el que está trabajando.

Este tipo de ayuda viene muy bien mientras está escribiendo código o estableciendo el valor de alguna propiedad.

Finalmente, podemos indicar si queremos que las búsquedas se realicen en la documentación actualizada en Internet o en la documentación que hemos instalado en nuestro equipo. Para ello, acudiremos a la categoría Help - Online del cuadro de diálogo Options.

Page 12: (IDE) Entorno Integrado de Desarrollocon el entorno de trabajo (IDE) que utilizaremos a lo largo del curso. Lo primero que se muestra al arrancar el entorno de desarrollo es la página

12

Entorno Integrado de Desarrollo (IDE)

Aquí podremos indicar el orden en que se buscará la información solicitada: primero en la versión online y después en la local o al revés.

Utilizaremos el sistema de ayuda de Visual Studio siempre que lo necesitemos, pero le recomiendo que acuda a él para comprobar la completísima documentación que constituye la biblioteca MSDN.