You are on page 1of 15

 

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 I­2016  Guía No. 1 de Laboratorio (​ ) 
Práctica autodirigida​
.​
 SEMANA 1 
22­28 Feb.2016  Descarga, Instalación y Primeros Pasos con eI DE VS2013 Ultimate 
Guìa Ex­aula  *Esta guía la debe realizar el estudiante por su cuenta y de manera ex­aula 
 

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/es­ES/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/download­visual­studio­vs  recuerde 
descargar  la  imagen  iso  de  los  instaladores,   o  si  desea  instalar  la  versión  2015  puede  descargar 
desde:  ​ https://www.visualstudio.com/downloads/download­visual­studio­vs  (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. 
 
 
 
 
 

You might also like