Este documento describe los componentes y funciones del entorno de desarrollo Visual Studio. Explica que Visual Studio es un entorno de desarrollo integrado que permite diseñar interfaces gráficas mediante herramientas como la barra de menús, el explorador de proyectos, la ventana de propiedades, el editor de código y la caja de herramientas. Además, incluye un ejemplo de aplicación y conclusiones sobre cómo Visual Studio facilita el desarrollo de sistemas informáticos.

1. Programación .NET
Unidad 2. Diseño de Interfaces mediante .NET
Actividad 1
Entorno de Desarrollo
Alumna: Carol Brith Mata Oropeza
Matricula: AL12501763
Profesor: Esther Lozano Candia
índice

2. índice
a. Introducción
b. Instrucciones de la
Actividad 1
c. Componentes
d. Funciones de
Componentes
Referencias
e. Ejemplo de
Aplicación
Conclusiones

3. índice
a. Introducción
La base para la creación de una interfaz grafica el entorno de
desarrollo es fundamental, ya que en el podemos generar,
diseñar y crear las ventanas, formularios y editar el código,
esta interfaz es el intermediario entre el sistema operativo y el
usuario.
Visual Studio es un entorno de desarrollo integrado IDE
(Integrated Development Environment); software
especializado que utilizan los programadores para desarrollar
aplicaciones de escritorio con base en el lenguaje de
programación Visual Basic .NET (Stephens, 2010), mediante
una serie de herramientas que se encuentran disponibles en
Visual Studio 2010, a partir estándares de usabilidad para un
correcto funcionamiento en el diseño de las interfaces
gráficas.

4. índice
b. Instrucciones
El propósito de esta actividad es que identifiques los elementos del entorno Visual Studio 2010 para Visual Basic, así
como sus funciones; para ello, sigue estos pasos:
Identifica los componentes del entorno de desarrollo Visual Studio 2010, tales como herramientas, examinador de
objetos, barra de propiedades, explorador de soluciones, vistas.
Elabora una presentación donde menciones las funciones de los componentes del entorno de desarrollo que
identificaste, y ejemplifica un caso de uso de los paneles y herramientas de Visual Studio.
Identifica una situación de conexión de bases de datos donde aplicarías el entorno Visual Studio, menciona cuál sería
su finalidad y si solucionaría un problema, atendería una necesidad o se insertaría como un área de oportunidad.
Plantea el proyecto de aplicación del entorno Visual Studio de la situación que identificaste.
Guarda la actividad con el nombre DPRN3_U2_A1_XXYZ. Sustituye las XX por las dos primeras letras de tu primer
nombre, la Y por tu primer apellido y la Z por tu segundo apellido y envía el archivo a tu Docente en línea para recibir
retroalimentación mediante la herramienta Tareas.

5. índice
c. Componentes
Barra de Menú y Barra de Herramientas
Editor de Código y Diseñador de Windows Forms
Explorador de
Proyectos
Ventana de
Propiedades
Cuadro de
Herramientas

6. índice
d.
Siguiente
Funciones de Componentes
Barra de Menús y Herramientas
Resulta similar a la de cualquier otra aplicación de Windows, bajo dicha Barra aparece la de Herramientas, con una
serie de botones que permiten acceder fácilmente a las opciones mas importantes de los menús.
Existen cuatro barras de herramientas: Debug, Edit, Form Editor y Standard. En la barra de herramientas Standard
también se pueden ver a la derecha dos recuadros con números, que representan cuatro propiedades del formulario
referentes a su posición y tamaño que se verán más adelante: Top y Left, que indican la posición de la esquina superior
izquierda del formulario, y también Height y Width, que describen el tamaño del mismo en unas unidades llamadas
twips, que se corresponden con la vigésima parte de un punto.
Menú Principal
Barra de Herramientas

7. índice
b.
Siguiente
Funciones de Componentes
Explorador de Proyectos
El panel Explorador de soluciones de Microsoft SQL Server
Management Studio proporciona contenedores denominados
proyectos para administrar elementos, tales como scripts de
base de datos, consultas, conexiones de datos y archivos. Uno o
varios proyectos que están relacionados entre sí se pueden
combinar en un contenedor denominado solución.
Una solución contiene uno o varios proyectos, además de
archivos y metadatos que ayudan a definir la solución como un
conjunto. Un proyecto es un conjunto de archivos y metadatos
relacionados, por ejemplo, información de conexión. Las
soluciones y los proyectos contienen elementos que representan
los scripts, las consultas, la información de conexión y los
archivos necesarios para crear la solución de base de datos.
Atrás

8. índice
b.
Siguiente
Funciones de Componentes
Propiedades
Se usa esta ventana para ver y cambiar las propiedades de tiempo
de diseño y los eventos de los objetos seleccionados que se
encuentran en editores y diseñadores. También puede usar la
ventana Propiedades para editar y ver archivos, proyectos y
propiedades de la solución. Puede ver la ventana Propiedades en el
menú Ver. También puede abrirla si presiona F4 o
escribe Propiedades en la ventana Inicio rápido.
En la ventana Propiedades se muestran distintos tipos de campos
de edición, según las necesidades de una propiedad
determinada. Estos campos de edición incluyen cuadros de edición,
listas desplegables y vínculos a cuadros de diálogo del editor
personalizado. Las propiedades atenuadas son de solo lectura.
Atrás

9. índice
b.
Siguiente
Funciones de Componentes
Ventana de Editor de Código
El editor de Visual Studio proporciona muchas
características que le facilitan la escritura y la
administración del código y del texto. Puede expandir y
contraer diferentes bloques de código mediante el uso
de la esquematización. Puede obtener más información
sobre el código mediante IntelliSense, el Examinador
de objetos y la jerarquía de llamadas. Puede encontrar
código mediante características como Ir a, Ir a
definición y Buscar todas las referencias. Puede
insertar bloques de código con fragmentos de código y
generar código mediante funciones como Generar a
partir del uso. Si no ha usado nunca el editor de Visual
Studio, vea una breve introducción en Edición del
código.
Atrás

10. índice
b.
Siguiente
Funciones de Componentes
Cuadro de Herramientas
Contiene todos los objetos y controles que se pueden añadir a los
formularios para crear aplicaciones.
La ventana de la caja de herramientas muestra los controles que puede
agregar a los proyectos de Visual Studio. Para abrir la Caja de
herramientas, elija Caja de herramientas en el menú Ver .
Puede arrastrar y soltar diferentes controles sobre la superficie del
diseñador que está utilizando, y cambiar el tamaño y la posición de los
controles.
La caja de herramientas aparece junto con las vistas del diseñador,
como la vista del diseñador de un archivo XAML. La caja de
herramientas muestra solo los controles que se pueden usar en el
diseñador actual. Puede buscar en Toolbox para filtrar aún más los
elementos que aparecen.
Atrás

11. índice
d.
Siguiente
Funciones de Componentes
Cuadro de Herramientas o ToolBox
Contiene todos los objetos y controles que se pueden añadir a los formularios para crear
aplicaciones. La ventana de la caja de herramientas muestra los controles que puede agregar a
los proyectos de Visual Studio. Para abrir la Caja de herramientas,
elija Caja de herramientas en el menú Ver .
A continuación se describen cada uno de los componentes más utilizados de la caja de
herramientas (Bill, Hollis, Sharkey, Marbutt, Windsor, e Hillar, 2010):
Pointer: se utilizará para seleccionar un
componente de la interfaz.
Button: crea un botón dentro de una interfaz para
realizar una acción.
CheckBox: crea una caja de selección.
CheckdListBox: genera un cuadro de lista.
ComboBox: crea una lista desplegable de opciones.
DateTimePicker: crea un elemento de fechas y
horas.
Label: crea una etiqueta o caja de texto.
LinkLabel: genera vínculos web.
Atrás

12. índice
d. Funciones de Componentes
ListView: muestra de elementos de iconos.
MaskedTextBox: genera una restricción de los datos introducidos por el
usuario.
MonthCalendar: inserta un calendario gráfico para seleccionar fechas.
NotiflyIcon: muestra iconos ejecutables en segundo plano.
PictureBox: se utiliza para visualizar imágenes, iconos o gráficas.
ProgressBar: indica el progreso o estado de una acción.
RadioButton: Presenta una lista de cada componente de un CheckBox. Se
observan dos estados, el seleccionado y no seleccionado; es decir, se puede
seleccionar sólo una opción.
RichTextBox: permite escribir y manipular textos con formatos.
TextBox: genera una caja de texto que pude contener caracteres numéricos o
alfanuméricos.
ToolTip: despliega en texto emergente cuando el puntero se encuentra sobre
un componente.
TreeView: genera un árbol de nodos.
WebBrowser: hospeda páginas Web y proporciona recursos de exploración
web de Internet a la aplicación.
Atrás

13. índice
e. Ejemplo de Aplicación
Esta Dirección General tiene como funciones principales, la facultad
de realizar las evaluaciones de control de confianza, bajo la
normatividad del (CNCA), aplicar a los integrantes y/o aspirantes de
las instituciones de seguridad pública y privada evaluaciones
psicológicas, medicas, toxicológicas y de entorno socioeconómico,
además estas evaluaciones pueden ser para los programas de
permanencia, nuevo ingreso, promoción y cambio de puesto.
Siguiente

14. índice
e. Ejemplo de Aplicación
Atrás
Modelo
Relacional

15. Conclusiones
índice
Con esta Actividad aprendí que para generar, crear, analizar y diseñar las interfaces de un
sistema informático necesitamos utilizar un editor tanto de código como de formularios,
en este caso utilizaremos Visual Studio como intermediario entre el sistema operativo y el
usuario que es programador.
Es de suma importancia utilizar este tipo de programas ya que con ellos realizamos la
interfaz grafica de los sistemas operativos y conectados con tablas a un gestor de base de
datos como MySQL, que nos dará como resultado la ,mejor solución pare las necesidades
del proyecto propuesto por cliente.

16. Referencias
índice
UnADM (2019), Programación NET III. Unidad 2: Diseño de interfaces mediante .NET, recuperado el 01 de
Marzo de 2019, de:
https://unadmexico.blackboard.com/bbcswebdav/institution/DCEIT/2016_S2_B1/DS/07/DPRN3/U2/Unidad_2_
Disenio_de_interfaces_mediante_NET_DPRN3.pdf
Visual Studio Docs
Disponible: https://docs.microsoft.com/en-us/visualstudio/?view=vs-2017
(Consulta: 01 de Marzo de 2019)
Fundamentos Visual Basic
Disponible: http://www.cs.us.es/cursos/ai-2005/VB/VB.pdf
(Consulta: 01 de Marzo de 2019)
Fundamentos Visual Basic
Disponible: https://jmontenegro.files.wordpress.com/2008/08/curso-de-visual-basic-net.pdf
(Consulta: 01 de Marzo de 2019)