UniversidaddeElSalvador

FacultaddeIngenierayArquitectura
EscueladeIngenieradeSistemasInformticos
IntroduccinalaInformtica
Fecha:
21deFebrerode2016

CicloI2016
.
SEMANA1
2228Feb.2016

GuaExaula

GuaNo.1
ex
deLaboratorio(
Prcticaautodirigida
)
Descarga,InstalacinyPrimerosPasosconeIDEVS2013Ultimate
*Estagualadeberealizarelestudianteporsucuentaydemaneraexaula

Introduccin
Esta gua consta de cuatro partes. La primera le indica cmo obtener los instaladores la segunda
parte le indica cmo preparar los archivos de instalacin luego en la tercera parte se indica cmo
realizar la instalacin propiamente mientras que en la cuarta parte se describe algunas delas
reas
del IDE visibles tras la instalacin e indica algunas tareas bsicas a realizar con la finalidad de
familiarizarse con en el uso del IDE y que sern algunas de las primeras operaciones o tareas
comunes/frecuentesquetendrquerealizarduranteelcurso.

ObjetivoGeneral:
Aprender la Instalacin, Configuracin, Funcionamiento y Uso Bsicos del IDE VS2013
Ultimatecomopreparacinyfaseinicialeneldesarrollodeaplicaciones.

ObjetivosEspecficos:
ConoceryComprenderlosconceptosfundamentalesdela
Plataforma.NET
DescargarInstaladoresdelIDEVisualStudio2013Ultimate
PreparararchivosdeInstalacinparaVisualStudio2013UltimateUpdate4
InstalarelIDEparadesarrollodeaplicacionesVisualStudio2013Ultimate
Aprendertareas/operacionesbsicas/comunesdeuso,configuracinyfuncionamientode
VS

Equipo,MaterialesyHerramientas
ComputadoraPersonalconWindows7/8/8.1yConexinaInternet.
NavegadordeInternet(Chrome,Firefox,Opera,InternetExploreruOtrosimilar).
Extractordearchivos(Winraro7zip).

MaterialdeLecturaObligatorio(
Se
auto

evaluar
enAulaVirtual,del27al29deFeb.2016)

Lectura1.
LaPlataforma.NetFramework(
leerdocumentocompleto
)JordiLinaresiPellicer
URL
:
http://users.dsic.upv.es/~jlinares/csharp/Tema%201.pdf
(9pginas,letragrande)
Lectura 2.
Captulo I.
Introduccin a Visual Studio
. Ediciones de Visual Studio 2013
(
Ebook
:VisualStudioCondensed:ForVisualStudio2013
leerpginas1a4deCaptulo1
)
URL
:
https://books.google.com.sv/books?id=9lJ3BAAAQBAJ&printsec=frontcover#v=onepage&q&f=false
AnexoI
.MetodologadeTrabajoparaPrcticas(Laboratorios,DiscusionesyEvaluaciones)
1

ParteI.DescargadeInstaladores
(
VisualStudio2013UltimateUpdate4
)

1.AbraelnavegadordeInternetyluegoingresealadireccin:

https://www.microsoft.com/esES/download/details.aspx?id=44915
Visualizarlapginadedescarga,seleccioneel
idiomaEspaol
paradescargarelproducto

2. Expanda el tem
Requisitos del Sistema dando click al smbolo
+ a la izquierdadeltem(sinolo
observadesplcesehaciaabajoenlapgina).

3.Acontinuacinobservarlasiguienteinformacin
Requisitosdelsistema
Sistemaoperativocompatible
Windows 7 Service Pack 1 Windows 8 Windows 8.1 Windows Server 2008 R2 SP1
WindowsServer2012WindowsServer2012R2
Para conocer los requisitos del sistema detallados, visite la pgina Compatibilidad de
VisualStudio2013enelsitiowebdeMicrosott.

Los requisitos de espacio en disco y memoria dependen de los componentes de Visual Studio a
instalar,dichainformacinlarecibirpormediodelInstalador.Perodeantemanodebedecontarcon:
Procesadorde1.6GHzoSuperior,
50GBespacioendisco.(instalacinyfuncionamientomseficientedeproductoysistema)y
4GBdememoriaRAM(recomendado8GB)

4. Verifique que sus sistema cumple con dichos requisitos, de lo contrario actualice su computadora
antes de poder continuar. Para verificarlosrequisitospuededarclickderechosobreMiComputadora
(My Computer)
o
sobre Equipo y luego seleccione la opcin Propiedades y se le mostrar la
informacin sobre su sistema.
*Instalar sin cumplir los requisitos previos, podra daarsu sistemay/o
tardarmstiempodelnecesarioenlainstalacin.

En caso que definitivamente su sistema no cumple con los requisitos de instalacin

consulte el documento:
Versiones Anteriores de Visual Studio Descarga e Instalacin ,
perotomeencuentaquelasversionesrecomendadassonVisualStudio2013y2015.

5. Una vez verificados los

requisitos de su sistema y dentro
de la misma pgina, expanda el
tem
Instrucciones

de
Instalacin dando click en el
signo
+ a la izquierda de dicho
tem. V
ase imgen a la derecha
en la que se est sealando el
vnculoausarparaladescarga
.

NOTA: Se descargara la imgen

ISO de los instaladores para
evitar
cualquier
tipo de
problemasal hacerlainstalacin
en lnea. No se recomienda que
haga la instalacin en lnea, ya
que es ms probable que tenga
problemas
durante
la
descarga/instalacinsimultnea.

6.Necesitamoslaimageniso,porloquevamosautilizarlaterceraopcin(
dentrodeinstruccionesde
instalacin, vea figura en el paso anterior
),paralocualhagaclickderechosobreel vnculo
descarga
,
yluegoenelmencontextualseleccione
guardardestinocomo
(savetargetas...eningls)

7. Aparece un cuadro de dilogo para que indique laubicacinensudiscoduroodispositivoexterno

en donde desea guardar el instalador. A continuacin espere a que finalice ladescarga(
estopuede
tardarhorasdependiendodelavelocidaddesuconexinainternet
)

Una vez finalizada la descarga (

en la ubicacin seleccionada)
podr observar el archivo imgenISO
denombre
vs2013.4_ult_esn.iso

NOTA
: Para descargar la versin ms reciente VS2013 (
update 5, a fecha actual
), puede hacerlo
desde la direccin:
https://www.visualstudio.com/downloads/downloadvisualstudiovs recuerde
descargar la imagen iso de los instaladores, o si desea instalar la versin 2015 puede descargar
desde:
https://www.visualstudio.com/downloads/downloadvisualstudiovs (el proceso de instalacin
paralasversiones2013y2015deVisualStudioessimilar).

ParteII.PreparacindelosarchivosdeInstalacin
Importante
: no es necesario guardar un DVD o montar la imagenisoparalainstalacin,porloque en
esta ocasin lo haremos extrayendo los archivos del ISO a una carpeta (pero si desea tener los
instaladoresenunsoporteexternopuedegrabarelDVD).

1. Cree una carpeta de nombre

VS2013Ultimate
, esta
carpetaservirparaalmacenarlosinstaladores.

2. Usando el explorador de Windows, ubique el archivo

imagenISOdeinstalacin
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 Compresin (winrar o 7zip) seleccione
extraer archivos, indique la ruta de la carpeta
VS2013Ultimate
y

esperemientrasseextraenlosarchivos.

4. Una vez extrado el contenido de la imagen iso visualizar los archivos en la carpeta
VS2013Ultimate
.
Enestepuntoyaestnlosarchivoslistosparalainstalacin.
4

Parte III. Instalacin de Visual Studio 2013 Ultimate

(el proceso es similar para ver.
2015)

1.Ingresealacarpeta
VS2013Ultimate

2. Haga click sobre el archivo

vs_ultimate
. Para ejecutar
el instalador presione la tecla de men contextual en su
teclado o de
clickderechosobreelarchivo
vs_ultimate,
y
luego seleccione en el men contextual
Ejecutar como
administrador.

3. En caso que el sistema solicite su permiso para la

ejecucin del programa haga
click en SI (estocuandole
aparezca la ventana de mensaje preguntando Desea
permitirqueesteprogramarealicecambiosenelequipo?)

4. En la ventana inicial, el instalador solicita

que indique la ruta de instalacin (
deje la
ruta tal cual est
), luego debe de dar click
en la opcin
Acepto los trminos de
licencia
opcionalmente puede darclickenla
opcin Sumarse al programa para la mejora
(esto enviar a Microsoft,informacindeluso
que Ud. haga de Visual Studio con el
propsitodemejorarelproducto).

5.Unavezaceptados lostrminosdelicencia
aparecer el botn
siguiente,
si no acepta
los trminosdelalicencia nopodrrealizarla
instalacin(noaparecerelbotn
siguiente
)
ACEPTE y haga click en el botn
siguiente
paracontinuaralprximopaso.

6. A continuacin se le pide que seleccione

las caractersticas 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 opcin
Seleccionar todo
. Observe que al dar click
en dicha opcin aparecen o desaparecen
todos

los cheques

de

las opciones

(
caractersticasopcionales
)
5

7. Dado que durante el curso no utilizaremos dichas caractersticas y para que el proceso de
instalacinseaunpocomsrpido,declickenlaopcin
Seleccionartodo
,

8. Asegrese de que ninguna de las

caractersticas opcionales tenga el
cheque, para que no sean instaladas y
se agilice la instalacin del Visual
Studio2013Ultimate.

En caso que selepresenteunmensaje

indicando que no tiene conexin a
internet ignore dicho mensaje, pues
dado que se descarg todo el paquete
de instalacin no es necesario la
conexinainternet.

9. De click en el botn
INSTALAR
para
continuar

con

la

instalacin.

Dependiendo de la capacidad de su
equipo en cuanto a memoria RAM y
procesador la instalacin durar ms o
menos tiempo, debe ser paciente. No
cancele la instalacin porque podran
haber daos al sistema, por lo que se
recomienda que disponga de tiempo
suficiente al momento que inicie la
instalacindeVisualStudio2013Ultimate.

10.
Si el sistema cumple con los requisitos antes del proceso de instalacin, seguramente ser una
instalacin desatendida, solo se requerir su atencin al finalizar la instalacin, por lo que puede
hacerotracosamientraselprocesoserealiza,yaqueduraruntiempoconsiderable.


Dependiendo de los recursos con que cuenta su equipo (computadora) la instalacin puede durar
inclusohoras.Siusaunalaptopdejeelcargadorconectado,duranteelproceso.

11. Una vezfinalizalainstalacinobservar unaventanacomoladelafiguradeabajo,indicandoque

sehacompletadoelproceso.

12.Declickenelbotniniciar,paraejecutarVisualStudio2013Ultimateporprimeravez.

13. A continuacin visualizar por unos instantes una ventana informando que este producto est
protegidoporlasleyesdederechodeautor.

Importante
: por lo anterior se le informa que este producto funcionar durante 30 das (Es una
versin de prueba). Al finalizar dicho perodo puede registrar su copia para recibir un perodo
adicionalde90dasdelicenciaconusuarioregistrado(
requieredeunacuentaMicrosoft)
.
**************************************************************************************************************
* Tips
:
use Visual Studio sin registrar por29das.Llegadoelda30haga el registro con su
*
*
cuenta de usuario microsoft passport para obtener 90 das ms.
*
**************************************************************************************************************

14.Luegoapareceuna pantallasimilaralaimgen
de la derecha,dando labienvenidaaVisualStudio
y dndole la opcin de iniciar sesin con su
Cuenta Microsoft.
No
inicie sesin,
en lugar de
ello,declickeneltextoazul,bajoelbotndeinicio
quedice:
Demomentonoquizsmstarde

15.
Configuracin de desarrollo (inicial). Se le
pedir que seleccione la configuracin inicial de
Visual Studio. Vase la figura de abajo (esta
configuracin puede cambiarla ms tarde usando
losmensdelVS2013Ultimate)

El propsito deestoesoptimizarelentornoparael
uso de un lenguaje particular odemanerageneral
segnUd.Seleccione.

<<<
Dado que durante el curso se
trabajar usando el lenguaje C#, lo ms
conveniente es seleccionar una configuracin
dedesarrolloparadicholenguaje.

16. Seleccione de la listalaopcin

VisualC#
paraqueVisualStudioseconfigure(prepare)parausar
dicholenguajepordefecto,comosemuestraenlasiguientefigura:

17.Acontinuacinseleccioneunodelostrestemas(
aparienciadelIDE)
queUd.prefierausar.

18. De click en el botn

Iniciar Visual Studio
, para ejecutar por vez primera el IDE. Visualizar el
mensajesiguiente:

Espereunosinstantesmientrassepreparaelentornodetrabajo.

10


19.EnunosmomentostendrfrenteaUd.unapantallasimilaralasiguiente:

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
pgina de inicio o
start page
. Ya sea desde esta pgina o desde los
mens o barras de herramientas Ud. podr realizar toda una variedad de operaciones. En la parte
cuatro, realizaremos algunas de las tareas bsicas para conocimiento bsico sobre configuracin,
funcionamiento y uso del IDE. Pero antes de continuar porfavorobserveelIDE(todoloqueaprecie
en pantalla a manera de primer acercamiento con la interfaz, solo observe por unos momentos y
luegocontinealsiguientepaso)

21.Parafinalizarestapartecierreel
IDEusandounade
lassiguientesopciones:
a) Pulsacindeteclas
Alt+F4,

b) Men
Archivo
,luegoopcin
Salir
,
c) Darclicksobrela
X,
enlaesquinasuperiorderechadelaVentanaprincipaldeVisualStudio

11

ParteIV.Tareasbsicassobreconfiguracin,funcionamientoyusodelIDE
*Estees un primer acercamiento con el IDE posterior a la instalacin recin finalizada, se trata de que inicie sus primeros
pasosconVisualStudio.

Primero debemos cargar el IDE, para lo cual haga click en el botn

INICIO
, busque y abra
Visual
Studio2013

Ultimate
.Espereunosmomentosmientraselentornosecarga.

Comenzaremos identificando las partes principales (

las mostradas a simple vista hasta este
momento, ya que en la prxima gua a desarrollarse en Semana 3 se estudiarn otras partes
) que
componen el IDE, para lo cual se describen a continuacin, tomandocomobasequesehasealado
enlaimagendeabajoconunaletracadaunadelaspartesoreasvisiblesdeinters:
A medida que se identifiquen y describan las partes del IDE, se ir dando a conocer paralelamente y
oportunamente algunas de las operaciones comunes/frecuentes yse le indicar alestudiante realizar
algunasoperacionesotareascomopartedelaprendizajeydesarrollodesushabilidades.

DescripcindelaspartesoreasvisiblesdelIDEVisualStudio2013Ultimate:
*Todosestoselementosseencuentrandentrodela
ventanaprincipal
deVisualStudio.
A.

Barrademens
,mentipopersianaquepermiterealizarlamayoradelastareasenelentorno.

Para ir familiarizndose con el IDE

, se pide
QUE sin
realizar ninguna operacin, es decir, sin
ejecutar ninguna opcin de mens navegue (haga un recorrido) por los mens de Visual Studio
utilizando para ello el mouse y el teclado. Para acceder al men usandoeltecladosoloesnecesario
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 operacin).
El objetivo es que navegue por los menspara
quesefamiliariceconlosmismos.
Nota:
parasalirdelmenusandoelteclado,presioneEsc.
Importante
:
Algunasopcionesdemenmuestrancombinacindeteclas(sonaccesosrpidosdeteclado)
12

B. Barra de herramientas, permiten el acceso rpido(

aligualqueenotrasaplicacionestipoventana
)a
muchas de las operaciones ms comunes o frecuentes que se realizan en el IDE. Dentro de estas
barras se encuentra la barra de herramientas estndar. TomenotaqueelmenV
eropcinB
arrasde
Herramientas le permite mostrar/ocultar muchas ms barras deherramientas,adicional alaestndar.
La operacin de configuracin: mostrar/ocultar barra de herramientas tambien la puede ejecutar
dandoclickderechosobrecualquierbarradeherramientasqueestevisibleenesemomento.
***Haga click derecho sobre labarradeherramientasestndar,aparecerunalistacompleta,declick
sobre el tem
navegador
para mostrar, repita la operacin y de click sobre editor. Observe los
cambiosyluegodejesololabarraestndar,comoestabaoriginalmente.

C. Area (coleccin) de Pestaas de ventana, como ya habr observado dentro de Visual Studio
existen otras ventanas, ciertamente existen dos tipos de ventana que son: ventana de documento y
ventana de herramientas. Ambos tipos se pueden organizar
como
ventanas acopladas (generalmente a los extremos del
IDE) o como coleccin depestaas(igualquelaspestaasen
los navegadores de Internet). En la imagen se muestra una
pestaa (Pgina principal) que representaunaventanadetipo
documento, prcticamente es una pgina web, es ms desde esta pgina, por medio de los textos
azules (que son links) se puede navegar (abre el link en el navegador de Internet) o en versiones
anterioressepuedenavegardentrodeesamismapestaasinsalirdeVisualStudio.

La siguiente figura, seala algunos de los links de la Pgina Principal. De click sobre el enlace
Conozca las novedades de .NET Framework 4.5.1 yobserveloquesucede: seabrealnavegadorde
internet y se carga una pgina web deMicrosoft enalgunasversionesdeVisualStudionoseabreel
navegador,sinoquelapginasemuestradentrodeunaventanadelIDE(navegadorpropiointerno).

13

Cabe mencionar que todas las ventanas sin importar su tipo pueden hacerse flotantes (flotar
libremente y permanecer en cualquier posicin dentrodelaventanaprincipal)sobreotroselementos,
comosemuestraacontinuacin:

Observe en la imagen, que la ventana

Pgina Principal est flotando sobre la barra de mens, la
barradeherramientasestndarysobreelExploradordeSoluciones.

AHORA es su turno. Ud. debe reproducir lo queveenlafigura,haciendoclickderechosobreelttulo

de la ventana:
Pgina Principal, luego se muestra un men contextual, seleccione Flotar o flotante,
despus mueva la ventana a posiciones diferentes haciendo click y arrastre con el mouse sobre la
barradettulodelaventana.

D. Explorador de Soluciones. Es una ventana tipo

ventana de
herramientas y permite organizar y administrar los proyectos y los
archivos que conforman una solucin en Visual Studio. Observe
que en este caso (
parte inferior de la imagen de la derecha)
la
ventana Explorador de soluciones est asociada (con otra
ventana) pero no como pestaa sino como ficha o tabulador,
realmente es muy similar a la organizacin por pestaas una va
en la parte superior (pestaas) ylaotraenlaparteinferior.Laotra
ventana en el conjunto de la figura, es la ventana
Team Explorer
(
con fondo azul
) de click sobre Team Explorer y luego de click
sobre Explorador de Soluciones y observe lo que sucede, se ha
movidodeunaventanatipoventanadeherramientasaotra.

14

E.
Pgina principal Iniciar
. Dentro de la Pgina principal, esta seccin o rea, permite acceso a
una serie de opciones para iniciar el trabajo con Visual Studio, como son
Nuevo Proyecto (crea una
nueva solucin) y
Abrir Proyecto (abre una solucin existente) para lo cual Ud. deberindicarlaruta
dondeestalmacenadoelproyecto.

F.
Pgina principal Reciente
. Esta seccin o rea dentro de la Pgina principal permiteabrirlas
soluciones o proyectos usados ms recientemente, evitando que las busquemos con el explorador.
selo como un acceso directo a los proyectos ms recientemente utilizados. Tambin se puede
accederalosproyectosoarchivosmsrecientesdesdeelmenArchivo,opcin

G.
Iniciar Sesin
. Esta caracterstica permite entre muchas cosas, sincronizar la configuracin de
Visual Studio, ya que se almacena en su cuenta MicrosoftypermitecargarlaencualquierotroVisual
Studio en el que inicie sesin, de esa forma no hay que configurar nuevamente el IDE cuando
estamos usando otro equipo, es decir, que la configuracin de Visual Studio (Por ejemplo barras de
herramientas visibles/ocultas) que tiene en su casa puede cargarla en cualquier otra computadora
que tenga instalado Visual Studio, por lo que puede llevar su configuracin personal de un equipo a
otro sin ningun problema siempre y cuando inicie sesin desde el IDE con su cuenta Microsoft
WindowsLive.

H.
Barra de Estado. En la parte inferior del IDE hayunabarradeestadoquemuestra Listo. Cuando
trabaja en el IDE, la barra de estado cambia para mostrarmensajesrelacionadosconlatareaactual.
Por ejemplo, la barra de estado muestra informacin sobre el progreso de un proyecto que se est
generando.

15

16

ParteV.Ejercicios

1.

2.

3.

17