componentes

1.1. Componentes y Herramientas de Visual Studio

El Entorno de Desarrollo Integrado (IDE: sigla en inglés de Integrated Development

Environment) es un entorno de programación que ha sido empaquetado como un programa de aplicación; es decir, consiste en un editor de código, un compilador, un depurador y un constructor de interfaz gráfica (GUI). Los IDE proveen un marco de trabajo amigable para la mayoría de los lenguajes de programación y lo conforman las ventanas, herramientas, barras de menús y opciones que se cargan al momento de iniciar Visual Studio. Este IDE es común para todos los lenguajes. Al momento de iniciarlo no se selecciona la herramienta de trabajo y esta abre el entorno de programación, sino que directamente se abre el IDE y posteriormente elegiremos el lenguaje con el que vamos a escribir el programa. Para cargar el IDE, carga desde el menú inicio o desde el escritorio según tu sistema operativo: Visual Studio 2013. Cargará la siguiente ventana:

Estudiaremos a continuación cada uno de los elementos que la conforman.

1.1.1 Componentes del IDE

Todo entorno de desarrollo dispone de los siguientes componentes:

·       Un editor de texto: No es lo mismo que un procesador de textos. es un programa que permite crear y modificar archivos digitales compuestos únicamente por texto sin formato, conocidos comúnmente como archivos de texto o texto plano; es el lugar donde escribirás el código que permitirá agregar funcionalidad a un programa u objeto. En un programa de consola se verá así:

·       Un compilador: Un compilador es un programa informático que traduce un programa escrito en un lenguaje de programación a otro lenguaje de programación, generando un programa equivalente que la máquina será capaz de interpretar. Este proceso de traducción se conoce como compilación. De esta manera un programador puede diseñar un programa en un lenguaje mucho más cercano al pensamiento de un humano, para luego compilarlo a un programa entendible por una computadora.

· Un   intérprete:   analiza   el programa fuente y lo ejecuta directamente, sin generar ningún código equivalente. Su acción equivale a la de un intérprete humano, que traduce las frases que oye sobre la marcha, sin producir ningún escrito permanente. Intérpretes y compiladores tienen diversas ventajas e inconvenientes que los hacen complementarios:

·       Un intérprete facilita la búsqueda de errores, pues la ejecución de un programa puede interrumpirse en cualquier momento para estudiar el entorno (valores de las variables, etc.). Además, el programa puede modificarse sobre la marcha, sin necesidad de volver a comenzar la ejecución.

·       Un compilador suele generar programas más rápidos y eficientes, ya que el análisis del lenguaje fuente se hace una sola vez, durante la generación del programa                   equivalente.   En   cambio,   un   intérprete   se   ve   obligado generalmente a analizar cada instrucción tantas veces como se ejecute (incluso miles o millones de veces).

·       Un depurador: Un depurador (en inglés, debugger), es un programa usado para probar y depurar (eliminar los errores) un programa. El código a ser examinado puede alternativamente estar corriendo en un simulador de conjunto de instrucciones (ISS), una técnica que permite gran potencia en su capacidad de detenerse cuando son encontradas condiciones específicas.

1.1.2 Herramientas.

 

A-Cuadro de herramientas

El cuadro o barra de herramientas de Visual Studio

2012, nos permite utilizar los distintos componentes que .NET Framework pone a nuestra disposición. Dentro de Visual Studio 2010 tenemos una gran cantidad de controles dispuestos en diferentes categorías.   Entre ellos tenemos: controles comunes, generación de informes, contenedores, menús y barras de herramientas, datos, componentes, impresión y Cuadros de Dialogo. En posteriores unidades estudiaremos estos controles

B-Explorador de soluciones

El Explorador de soluciones lo podemos encontrar en la parte superior derecha de nuestro entorno de desarrollo.

Una solución se compone de proyectos y éstos, de recursos y objetos. Por lo general, una solución contendrá un proyecto, pero podemos

encontrarnos con más de un proyecto dentro de una misma solución.

C-Propiedades

La ventana de propiedades la encontraremos  en la parte  derecha  y más abajo de la ventana Explorador de soluciones en nuestro entorno de desarrollo.

 

Esta ventana nos permitirá acceder a las propiedades de los objetos insertados en nuestros formularios Windows, como se muestra en la figura.

Para acceder a las propiedades de un determinado control, deberemos seleccionar el control en el formulario

Windows y acudir a la ventana Propiedades, o bien, seleccionar el control en el formulario

Windows y presionar la tecla F4.

D-Menús y Barras de Herramientas

Respecto a los menús y barra de botones, son muchas las opciones que tenemos disponibles, tal como podemos comprobar en la figura.

Las barras de botones son configurables, además de que podemos elegir las que queremos que se muestren de forma permanente en el entorno de desarrollo de Visual Studio 2012. Algunas de las barras de botones se mostrarán automáticamente según las tareas que estemos realizando, por ejemplo, cuando estamos en modo depuración o diseñando las tablas de una base de datos.

Con el contenido de los menús ocurre lo mismo, según el elemento que tengamos seleccionado se mostrarán ciertas opciones que sea relevantes para ese elemento del IDE.

Algunas de las opciones que tenemos en los menús también las podemos conseguir usando los menús contextuales (el mostrado al presionar con el botón secundario del mouse), y

como es de esperar, también serán diferentes según el elemento sobre el que hemos presionado.

Por ejemplo, para configurar el proyecto actual, podemos elegir la opción Propiedades del menú Proyecto o bien presionar con el botón secundario del mouse sobre el proyecto mostrado en el Explorador de soluciones.

Al seleccionar las propiedades del proyecto, tendremos una nueva ventana desde la que podemos configurar algunas de las características de nuestro proyecto. En la siguiente figura, tenemos esa ventana de propiedades del proyecto, en la que podemos apreciar que está dividida según el tipo de configuración que queremos realizar, en este caso concreto las opciones de generación o compilación del proyecto.

E- VENTANA DE ERRORES

Cuando ejecutas un programa, el compilador y el intérprete hacen su trabajo. En el momento que inicias la ejecución el compilador traduce el código a lenguaje máquina, el intérprete analiza el código fuente y lo ejecuta, el depurador evaluará línea por línea para buscar

errores, si los errores evitan que el programa se ejecute, se mostrarán en la ventana de errores, como se ve en la siguiente imagen:

En caso de que el programa no encuentre errores al principio, pero los encuentre durante la ejecución, la ejecución se pausa para pedirte que corrijas los errores antes de continuar, veras un mensaje similar al siguiente:

F- AYUDA CON INTELLISENSE

Mientras escribes el código de un programa tendrás disponible la ayuda IntelliSense, esta es la aplicación de autocompletar, mejor conocido por su utilización en Microsoft Visual Studio. Además de completar el símbolo de los nombres que el programador está escribiendo, IntelliSense sirve como documentación y desambiguación de los nombres de variables, funciones y métodos de utilización. Significa que mientras escribes código IntelliSense te sugiere la sintaxis según lo que vas escribiendo además de proporcionarte documentación, observarás algo como muestra la imagen, en este caso escribía String:

1.2. Creación de la primera aplicación para Windows

Una de las primeras acciones que sueles realizar cuando te enfrentas a un nuevo lenguaje

de programación, es la escritura de un programa que muestre el clásico mensaje “Hola Mundo” por pantalla.  Procederás a dar tu primer paso escribiendo este sencillo programa para familiarizarte con los componentes del IDE.

1.  Ingresa a Visual Studio

2.  Da clic en el menú Archivo y Selecciona Nuevo Proyecto

3.  En la opción plantillas, elige Visual Basic y a continuación elija Aplicación de

consola como muestra la siguiente imagen:

4.  Colocaremos el nombre del proyecto: ConsoleApplication_Hola_Mundo y da clic

en Aceptar.

Cargará la ventana del IDE y observará lo siguiente:

5. Como ya habíamos estudiado,el área enmarcada en la imagenes la que llamamos: Editor decódigo.Es ahí donde escribiremos las líneas que conforman nuestro primer programa,escribe las siguientes líneas entre las palabras Sub MainyEnd Subtal como se muestra a continuación:

6. En el explorador de soluciones podrás visualizar los archivos correspondientes a este proyecto:

 

7. El archivo que modificaste en el paso anterior es el

Module1.vb

Ahora estudiaremos línea por línea el código que ha escrito:

·Module Module1:

o  Cada  programa  de consola  es un módulo y en este caso Module1 es automáticamente el nombre que se da a nuestro modulo.Ese nombre puede cambiar se desde el explorador de soluciones. EndModule cierra el bloque de código para éste módulo. Fuera de este bloque no escribiremos código.

·SubMain:

o  El procedimiento principal donde estamos trabajando, todo el código reconocible por el compilador debe quedar entre las líneas SubMainy End Sub donde terminamos el bloque de este procedimiento.

·Console.WriteLine:

o  Instrucción que permite mandar a imprimir una línea en pantalla, la instrucción debe ir entre paréntesis y comillas,como en nuestro caso(“Hola Mundo”)

·Console.Read:

o  Lee datos ingresados por el usuario,en este caso lo utilizamos para que la ventana  se mantenga  visible mientras vemos  el mensaje,pues en caso contrario se mostraría por espacio de un segundo y se cierra automáticamente sin que podamos visualizar el resultado.

1.3      Depuración de Programas

Ahora que ya tenemos nuestro primer programa,vamos a depurarlo para detectar y corregir

errores y al mismo tiempo verificar su funcionamiento.

Utilizaremos nuestro proyecto Hola Mundo.Si no lo tienes abierto, selecciona Menú

Archivo—Abrir proyecto---y busca en la ruta donde quedan almacenados los proyectos

automáticamente:

C:\Users\...\Documents\VisualStudio2013\Projects

Donde los puntos suspensivos indican tu nombrede usuario.

En el cuadrode dialogoabrir proyecto, una vezque llegues a la carpetaProjectsbusca la carpeta

ConsoleApplication_Hola_Mundo que es la carpeta de tu proyecto, dentro de ella debes dar doble clic en el icono

Una vez que tienes cargado el proyecto, en el menú depuración encontrarás diferentes opciones:

En la barra de herramientas estándar encontramos también el icono iniciar depuración,

podríamos depurar y ejecutar nuestro programa desde ahí o presionando F5;tendríamos los mismos resultados que seleccionándolo desde el menú Depurar.

Para depurar el proyecto ejecuta los siguientes pasos:

1. Da clic en el menú Depurar(el que observas en la imagen anterior)

2. Elige Iniciar Depuración

Si has seguido al pie de la letra las indicaciones, observaras en la barra de estado(parte inferior del programa)un mensaje de color anaranjado con la palabra Listo,eso significa que el proceso de compilación y depuración no detectó errores. Tendrás en pantalla tu primer programa escrito con Visual Basic, lo veras en una ventana como la siguiente:

Si por el contrario el proceso de compilación detecta algunos errores,te lo indicará en la

barra de estado con la frase :error al compilar,te indica también la línea donde se encontró el error y te preguntará si quieres ejecutarla versión anterior(si la hubiera)observar a su ventana como la siguiente:

Debes corregir estos errores antes de continuar con la depuración. Es importante que recuerdes que mientras estas ejecutando un programa la mayoría de opciones de menús e desactivan. Ahora que ya hiciste tu primer programa cierra la ventana de consola para asegurarte que no quede cargada en ejecución en el escritorio,en caso contrario no podrás continuare ditando el programa.Mientras el programa está en ejecución,observaras el siguiente icono en la barra de tareas

ng:-.05pt'>ción no detectó errores.Tendrás en pantalla tu primer programa escrito con Visual Basic, lo veras en una ventana como la siguiente:

1.4.Trabajo con menús, barras de herramientas y cuadros de diálogo

En esta sección aprenderás a utilizar los diferentes menús y barras de herramientas más

comunes de Visual Basic,así como a personalizar el IDE según tus preferencias o utilidad.

BARRA DE TITULO: Muestra el nombre del proyecto con el que estamos trabajando y el nombre de la aplicación,en este caso: ConsoleApplication_Hola_Mundo es nuestro proyecto ya continuación vemos: VisualStudio2012.

style='letter-spacing:-.1pt'>crito con Visual Basic, lo veras en una ventana como la siguiente:

BARRA DE MENU: Es el acceso principal a todas las funciones,opciones y herramientas que encontramos en el IDE y que podemos desplegar haciendo clic en cada opción de menú.

Si por ejemplo desplegamos el menú Archivo encontraremos las opciones disponibles y junto a cada una de ellas la combinación de teclas que activa esa opción: Por ejemplo Ctrl+N para nuevo proyecto.

BARRA DE HERRAMIENTAS ESTANDAR: Contiene los accesos directos a los comandos  más utilizados que se encuentran disponibles en las diferentes opciones del menú y que ubicados en esta barra ahorran tiempo y facilitan el trabajo del programador:

Si ubicas el puntero del mouse sobre cada icono te indicará su utilidad. Entre los básicos acá tenemos: Nuevo Proyecto, Abrir, Guardar,Guardar Todo, Iniciar Depuración.

CONFIGURAR LAS BARRAS Y ELEMENTOS DELIDE

Todos los elementos que ya hemos descrito del IDE tienen diferentes opciones para

personalizarlos a tu gusto. Encontraras las opciones:

1. Hacer Flotante: Permite movilizar(arrastrar)el elemento (propiedades, cuadro de herramientas, etc) de manera flotante en la ventana principal.

2. Acoplar: Permite ubicar el elemento en un lugar específico de la ventana principal

para que no se movilice. Presentando las diferentes posiciones a las cuales se puede arrastrar el elemento, como muestra la figura:

3. Acoplar como organización por Fichas:  Ubica el elemento en una ficha y se

muestra en el espacio central donde elegimos, formularios, módulos o el archivo que estemos trabajando:

4. Ocultar automáticamente: Oculta el elemento y lo ubica a los costados derecho o izquierdo del IDE según el elemento ocultado,basta con dar clic sobre el nombre para volver a hacer lo visible,en la siguiente imagen puedes observar la ventana de propiedades,el explorador de soluciones,el origen de datos y el cuadro de herramientas plegados después de elegir la opción ocultar automáticamente.

5. Ocultar:cierra el elemento de la ventana principal en caso que no lo estemos

necesitando.Si ocultas un elemento por error,puedes hacer lo visible nuevamente desde el menú ver las combinaciones de tecla que se muestran en el menú,a continuación te mostramos 

ACTIVIDADES-EJERCICIOS

1. Investigue los entornos de desarrollo integrado de dos lenguajes de

programación que no estén incluidos en el Visual Studio.

2. Configure los menús y barras de herramientas e interactúe con ellos.

3. Identifique los elementos de la barra de herramientas estándar y redacte la función de cada uno.

4. Oculte todos los componentes básicos que se muestran en el IDE. Vuélvalos

a cargar dejándolos visibles con la opción de su agrado: Acoplar, organización por fichas, flotante.

EJERCICIOS DE AUTOEVALUACION

1. Escriba un programa de Consola que muestre su nombre en pantalla y la

carrera que estudia.

2. Cree un nuevo proyecto de consola con su nombre. Verifique donde se guarda el archivo. Identifique los archivos que se generan. Investigue la utilidad de cada archivo y cuáles son los archivos de trabajo en cada proyecto.

3. Investigue las instrucciones para mostrar datos en pantalla y para capturar entradas de datos en otros lenguajes como C#, Java, php. ¿Encuentra diferencias? ¿Qué le enseñan estas diferencias?