Professional Documents
Culture Documents
Universidad de El Salvador
Facultad de Ingeniería y Arquitectura
Escuela de Ingeniería de Sistemas Informáticos
Introducción a la Informática
Fecha:
21 de Febrero de 2016
Ciclo I2016 Guía No. 1 de Laboratorio ( )
Práctica autodirigida
.
SEMANA 1
2228 Feb.2016 Descarga, Instalación y Primeros Pasos con eI DE VS2013 Ultimate
Guìa Exaula *Esta guía la debe realizar el estudiante por su cuenta y de manera exaula
Introducción
Esta guía consta de cuatro partes. La primera le indica cómo obtener los instaladores; la segunda
parte le indica cómo preparar los archivos de instalación; luego en la tercera parte se indica cómo
realizar la instalación propiamente; mientras que en la cuarta parte se describe algunas de las áreas
del IDE visibles tras la instalación e indica algunas tareas básicas a realizar con la finalidad de
familiarizarse con en el uso del IDE y que serán algunas de las primeras operaciones o tareas
comunes/frecuentes que tendrá que realizar durante el curso.
Objetivo General:
● Aprender la Instalación, Configuración, Funcionamiento y Uso Básicos del IDE VS2013
Ultimate como preparación y fase inicial en el desarrollo de aplicaciones.
Objetivos Específicos:
● Conocer y Comprender los conceptos fundamentales de la Plataforma .NET
● Descargar Instaladores del IDE Visual Studio 2013 Ultimate
● Preparar archivos de Instalación para Visual Studio 2013 Ultimate Update 4
● Instalar el IDE para desarrollo de aplicaciones Visual Studio 2013 Ultimate
● Aprender tareas/operaciones básicas/comunes de uso, configuración y funcionamiento de
VS
Equipo, Materiales y Herramientas
● Computadora Personal con Windows 7 / 8 / 8.1 y Conexión a Internet.
● Navegador de Internet (Chrome, Firefox, Opera, Internet Explorer u Otro similar).
● Extractor de archivos (Winrar o 7zip).
Material de Lectura Obligatorio( Se
auto
evaluará en Aula Virtual, el dia viernes 26 de Feb.2016)
● Lectura 1. La Plataforma .Net Framework ( leer documento completo ) Jordi Linares i Pellicer
URL:
http://users.dsic.upv.es/~jlinares/csharp/Tema%201.pdf (9 páginas, letra grande)
● Lectura 2. Capítulo I.
Introducción a Visual Studio. Ediciones de Visual Studio 2013
(
Ebook: Visual Studio Condensed: For Visual Studio 2013 leer páginas 1 a 4 de Capítulo 1 )
URL:
https://books.google.com.sv/books?id=9lJ3BAAAQBAJ&printsec=frontcover#v=onepage&q&f=false
● Anexo I . Metodología de Trabajo para Prácticas (Laboratorios, Discusiones y Evaluaciones)
Parte I. Descarga de Instaladores
(
Visual Studio 2013 Ultimate Update 4
)
1. Abra el navegador de Internet y luego ingrese a la dirección:
https://www.microsoft.com/esES/download/details.aspx?id=44915
Visualizarà la página de descarga, seleccione el
idioma Español
para descargar el producto
2. Expanda el ítem
Requisitos del Sistema dando click al símbolo
+ a la izquierda del ítem (si no lo
observa desplácese hacia abajo en la página).
3. A continuación observará la siguiente información
Requisitos del sistema
● Sistema operativo compatible
● Windows 7 Service Pack 1; Windows 8; Windows 8.1; Windows Server 2008 R2 SP1;
Windows Server 2012; Windows Server 2012 R2
● Para conocer los requisitos del sistema detallados, visite la página Compatibilidad de
Visual Studio 2013 en el sitio web de Microsott.
Los requisitos de espacio en disco y memoria dependen de los componentes de Visual Studio a
instalar, dicha información la recibirá por medio del Instalador. Pero de antemano debe de contar con:
Procesador de 1.6 GHz o Superior,
50 GB espacio en disco. (instalación y funcionamiento más eficiente de producto y sistema) y
4GB de memoria RAM (recomendado 8 GB)
4. Verifique que sus sistema cumple con dichos requisitos, de lo contrario actualice su computadora
antes de poder continuar. Para verificar los requisitos puede dar click derecho sobre Mi Computadora
(My Computer) o
sobre Equipo y luego seleccione la opción Propiedades y se le mostrará la
información sobre su sistema. *Instalar sin cumplir los requisitos previos, podría dañar su sistema y/o
tardar más tiempo del necesario en la instalación.
En caso que definitivamente su sistema no cumple con los requisitos de instalación
consulte el documento:
Versiones Anteriores de Visual Studio Descarga e Instalación ,
pero tome en cuenta que las versiones recomendadas son Visual Studio 2013 y 2015.
5. Una vez verificados los
requisitos de su sistema y dentro
de la misma página, expanda el
ítem
Instrucciones de
Instalación dando click en el
signo + a la izquierda de dicho
ítem. Véase imágen a la derecha
en la que se está señalando el
vínculo a usar para la descarga .
NOTA: Se descargara la imágen
ISO de los instaladores para
evitar cualquier tipo de
problemas al hacer la instalaciòn
en línea. No se recomienda que
haga la instalación en línea, ya
que es más probable que tenga
problemas durante la
descarga/instalación simultánea.
6. Necesitamos la imagen iso, por lo que vamos a utilizar la tercera opción ( dentro de instrucciones de
instalación, vea figura en el paso anterior
), para lo cual haga click derecho sobre el vínculo descarga
,
y luego en el menú contextual seleccione guardar destino como (save target as... en inglés)
7. Aparece un cuadro de diálogo para que indique la ubicación en su disco duro o dispositivo externo
en donde desea guardar el instalador. A continuación espere a que finalice la descarga ( esto puede
tardar horas dependiendo de la velocidad de su conexión a internet )
Una vez finalizada la descarga (en la ubicaciòn seleccionada) podrá observar el archivo imágen ISO
de nombre vs2013.4_ult_esn.iso
NOTA : Para descargar la versión más reciente VS2013 (update 5, a fecha actual ), puede hacerlo
desde la dirección: https://www.visualstudio.com/downloads/downloadvisualstudiovs recuerde
descargar la imagen iso de los instaladores, o si desea instalar la versión 2015 puede descargar
desde: https://www.visualstudio.com/downloads/downloadvisualstudiovs (el proceso de instalación
para las versiones 2013 y 2015 de Visual Studio es similar).
Parte II. Preparación de los archivos de Instalación
Importante : no es necesario guardar un DVD o montar la imagen iso para la instalación, por lo que en
esta ocasión lo haremos extrayendo los archivos del ISO a una carpeta (pero si desea tener los
instaladores en un soporte externo puede grabar el DVD).
1. Cree una carpeta de nombre VS2013Ultimate , esta
carpeta servirá para almacenar los instaladores.
2. Usando el explorador de Windows, ubique el archivo
imagen ISO de instalación vs2013.4_ult_esn.iso
3. De click derecho en el archivo de la imagen ISO,
vs2013.4_ult_esn.iso , y en el menú contextual
seleccione abrir con y luego seleccione 7zip
o winrar. En
el Programa de Compresión (winrar o 7zip) seleccione
extraer archivos, indique la ruta de la carpeta
VS2013Ultimate y
espere mientras se extraen los archivos.
4. Una vez extraído el contenido de la imagen iso visualizará los archivos en la carpeta
VS2013Ultimate .
En este punto ya están los archivos listos para la instalación.
Parte III. Instalación de Visual Studio 2013 Ultimate
(el proceso es similar para ver.
2015)
1. Ingrese a la carpeta
VS2013Ultimate
2. Haga click sobre el archivo vs_ultimate . Para ejecutar
el instalador presione la tecla de menú contextual en su
teclado o de click derecho sobre el archivo vs_ultimate, y
luego seleccione en el menú contextual Ejecutar como
administrador.
3. En caso que el sistema solicite su permiso para la
ejecución del programa haga click en SI (esto cuando le
aparezca la ventana de mensaje preguntando ¿Desea
permitir que este programa realice cambios en el equipo?)
4. En la ventana inicial, el instalador solicita
que indique la ruta de instalación ( deje la
ruta tal cual está ), luego debe de dar click
en la opción Acepto los términos de
licencia ; opcionalmente puede dar click en la
opción Sumarse al programa para la mejora
(esto enviará a Microsoft, información del uso
que Ud. haga de Visual Studio con el
propósito de mejorar el producto).
5. Una vez aceptados los términos de licencia
aparecerá el botón siguiente, si no acepta
los términos de la licencia no podrá realizar la
instalación (no aparecerá el botón siguiente )
ACEPTE y haga click en el botón siguiente
para continuar al próximo paso.
6. A continuación se le pide que seleccione
las características opcionales que desea
instalar junto con Visual Studio, para lo cual
se le presenta una lista, observe la lista un
instante. Luego de click en la opción
Seleccionar todo
. Observe que al dar click
en dicha opción aparecen o desaparecen
todos los cheques de las opciones
características opcionales
( )
7. Dado que durante el curso no utilizaremos dichas características y para que el proceso de
instalación sea un poco más rápido, de click en la opción
Seleccionar todo
,
8. Asegúrese de que ninguna de las
características opcionales tenga el
cheque, para que no sean instaladas y
se agilice la instalación del Visual
Studio 2013 Ultimate.
En caso que se le presente un mensaje
indicando que no tiene conexión a
internet ignore dicho mensaje, pues
dado que se descargó todo el paquete
de instalación no es necesario la
conexión a internet.
9. De click en el botón
INSTALAR
para
continuar con la instalación.
Dependiendo de la capacidad de su
equipo en cuanto a memoria RAM y
procesador la instalación durará más o
menos tiempo, debe ser paciente. No
cancele la instalación porque podrían
haber daños al sistema, por lo que se
recomienda que disponga de tiempo
suficiente al momento que inicie la
instalación de Visual Studio 2013 Ultimate.
10.
Si el sistema cumple con los requisitos antes del proceso de instalación, seguramente será una
instalación desatendida, solo se requerirá su atención al finalizar la instalación, por lo que puede
hacer otra cosa mientras el proceso se realiza, ya que durará un tiempo considerable.
Dependiendo de los recursos con que cuenta su equipo (computadora) la instalación puede durar
incluso horas. Si usa una laptop deje el cargador conectado, durante el proceso.
11. Una vez finaliza la instalación observará una ventana como la de la figura de abajo, indicando que
se ha completado el proceso.
12. De click en el botón iniciar, para ejecutar Visual Studio 2013 Ultimate por primera vez.
13. A continuación visualizará por unos instantes una ventana informando que este producto está
protegido por las leyes de derecho de autor.
Importante : por lo anterior se le informa que este producto funcionará durante 30 dìas (Es una
versión de prueba). Al finalizar dicho período puede registrar su copia para recibir un período
adicional de 90 días de licencia con usuario registrado ( requiere de una cuenta Microsoft) .
**************************************************************************************************************
:
* Tips use Visual Studio sin registrar por 29 días. Llegado el dìa 30 haga el registro con su *
* cuenta de usuario microsoft passport para obtener 90 días más.
*
**************************************************************************************************************
14. Luego aparece una pantalla similar a la imágen
de la derecha, dando la bienvenida a Visual Studio
y dándole la opción de iniciar sesión con su
Cuenta Microsoft.
No
inicie sesión,
en lugar de
ello, de click en el texto azul, bajo el botón de inicio
que dice:
“De momento no; quizás más tarde”
15.
Configuración de desarrollo (inicial). Se le
pedirá que seleccione la configuración inicial de
Visual Studio. Véase la figura de abajo (esta
configuración puede cambiarla más tarde usando
los menús del VS 2013 Ultimate)
El propósito de esto es optimizar el entorno para el
uso de un lenguaje particular o de manera general
según Ud. Seleccione.
<<<
Dado que durante el curso se
trabajará usando el lenguaje C#, lo más
conveniente es seleccionar una configuración
de desarrollo para dicho lenguaje.
16. Seleccione de la lista la opción
Visual C#
para que Visual Studio se configure (prepare) para usar
dicho lenguaje por defecto, como se muestra en la siguiente figura:
apariencia del IDE)
17. A continuación seleccione uno de los tres temas ( que Ud. prefiera usar.
18. De click en el botón
Iniciar Visual Studio
, para ejecutar por vez primera el IDE. Visualizará el
mensaje siguiente:
Espere unos instantes mientras se prepara el entorno de trabajo.
19. En unos momentos tendrá frente a Ud. una pantalla similar a la siguiente:
ENTORNO INTEGRADO DE DESARROLLO DE APLICACIONES
VISUAL STUDIO 2013 ULTIMATE
20. El entorno está listo para ser usado en el desarrollo de aplicaciones. Cada vez que inicie Visual
Studio, se le presentará la
página de inicio o
start page
. Ya sea desde esta página o desde los
menús o barras de herramientas Ud. podrá realizar toda una variedad de operaciones. En la parte
cuatro, realizaremos algunas de las tareas básicas para conocimiento básico sobre configuración,
funcionamiento y uso del IDE. Pero antes de continuar por favor observe el IDE (todo lo que aprecie
en pantalla a manera de primer acercamiento con la interfaz, solo observe por unos momentos y
luego continúe al siguiente paso)
21. Para finalizar esta parte cierre el
IDE usando una de
las siguientes opciones:
a) Pulsación de teclas Alt+F4, ó
b) Menú
Archivo
, luego opción
Salir
, ó
c) Dar click sobre la
X,
en la esquina superior derecha de la Ventana principal de Visual Studio
Parte IV. Tareas básicas sobre configuración, funcionamiento y uso del IDE
*Este es un primer acercamiento con el IDE posterior a la instalación recién finalizada, se trata de que inicie sus primeros
pasos con Visual Studio.
1. De click en el botón
INICIO, busque y abra Visual Studio 2013 Ultimate. Espere unos momentos
mientras el entorno se carga.
Antes de continuar debemos identificar las partes principales ( las mostradas a simple vista hasta este
momento, ya que en la próxima guía a desarrollarse en Semana 2 se estudiarán otras partes ) que
componen el IDE, para lo cual se describen a continuación, tomando como base que se ha señalado
en la imagen de abajo con una letra cada una de las partes o áreas visibles de interés:
Descripción de las partes o áreas visibles del IDE Visual Studio 2013 Ultimate:
A.
Barra de menús , menú tipo persiana que permite realizar la mayoría de las tareas en el entorno.
Para ir familiarizándose con el IDE , se pide
QUE sin realizar ninguna operación, es decir, sin
ejecutar ninguna opción de menús; navegue (haga un recorrido) por los menús de Visual Studio
utilizando para ello el mouse y el teclado. Para acceder al menú usando el teclado solo es necesario
presionar la tecla Alt una sola vez, luego debe de usar las flechas de cursor para moverse por el
menú (sin realizar o ejecutar ninguna operación). El objetivo es que navegue por los menús para
que se familiarice con los mismos. Nota: para salir del menú usando el teclado, presione Esc.
B. Barra de herramientas, permiten el acceso rápido ( funciona al igual que en otras aplicaciones tipo
ventana ) a muchas de las operaciones más comunes o frecuentes que se realizan en el IDE. Dentro
de estas barras se encuentra la barra de herramientas estándar. Tome nota que el menú Ver opción
Barras de Herramientas le permite mostrar/ocultar muchas más barras de herramientas adicional a
la estándar. La operación de configuración mostrar/ocultar barra de herramientas tambien la puede
ejecutar dando click derecho sobre cualquier barra de herramientas que este visible en ese momento.
C. Area (colección) de Pestañas de ventana, como ya habrá observado dentro de Visual Studio
existen otras ventanas, ciertamente existen dos tipos de ventana que son: ventana de documentos y
ventana de herramientas. Ambos tipos se pueden organizar como ventanas acopladas (generalmente
a los extremos del IDE) o como pestañas. En la imagen se muestra
una pestaña (Página principal) que representa una ventana del tipo
documento.
D. Explorador de Soluciones. Es una ventana tipo ventana de
herramientas y permite organizar y administrar los proyectos y los
archivos que conforman una solución en Visual Studio. Observe que
en este caso (parte inferior de la imagen de la derecha ) la ventana
Explorador de soluciones está asociada pero no como pestaña sino
como ficha o tabulador. La otra ventana en el conjunto es la ventana
Team Explorer
E. Página principal Iniciar . Esta
página o documento permite acceso a una serie de opciones para
iniciar el trabajo con Visual Studio, como son Nuevo proyecto (crea una
nueva solución) y Abrir Proyecto (abre una solución existente)
F.
Página principal Reciente . Siempre dentro de la página principal,
este nos permite abrir las soluciones o proyectos usados más recientemente, evitando que las
busquemos con el explorador.
G.
Iniciar Sesión . Esta característica permite entre otras cosas, sincronizar entre otras cosas la
configuración de Visual Studio, ya que se almacena en su cuenta Microsoft y permite cargarla en
cualquier otro Visual Studio en el que inicie sesión, de esa forma no hay que configurar nuevamente
el IDE cuando estamos usando otro equipo.
H.
Barra de Estado. En la parte inferior del IDE hay una barra de estado que muestra Listo. Cuando
trabaja en el IDE, la barra de estado cambia para mostrar mensajes relacionados con la tarea actual.
Por ejemplo, la barra de estado muestra información sobre el progreso de un proyecto que se está
generando.
TAREA OBLIGATORIA .
Durante el proceso de aprendizaje se necesitarán cuentas de gmail y de microsoft live, por lo que
cada estudiante debe crear en esta primera semana (si no posee cuentas con gmail y/o microsoft live)
Todos los alumnos deben crear
Parte III. Configuraciones básicas, funcionamiento y uso del IDE
Parte V. Ejercicios
1.
2.
3.