"#$%&'())*+#

El acionimo ,-., significa en ingls, !"#$% '##($)"*$+, -./.(+#0.,*, lo que

tiauuciuo al espaol seiia: Besaiiollo Rpiuo ue Aplicaciones. Este mtouo
compienue el uesaiiollo inteiactivo, la constiuccion ue piototipos y el uso ue
utiliuaues /-01 (1+0#2*.3 '$%.% 4+5*6"3. 7,8$,..3$,8, en espaol: Ingenieiia ue
Softwaie Asistiua poi Computauoia).

El objetivo uel uesaiiollo ipiuo ue aplicaciones es, piopoicionai soluciones
ipiuas y eficientes en el uesaiiollo ue softwaie, tomanuo en cuenta aspectos tales
como: la ieuuccion ue la cantiuau ue eiioies, la planificacion uel ciclo ue viua, la
seleccion ue la metouologia ue uesaiiollo auecuaua, aspectos ue planificacion y
estimacion uel pioyecto, el bajo costo ue uesaiiollo, y la alta caliuau uel piouucto a
uesaiiollai.

Be esta foima, las heiiamientas ,-., son aquellas que peimiten ponei en
pictica la metouologia uel uesaiiollo ipiuo ue aplicaciones, hacienuo que uicho
pioceso, sea tianspaiente paia el piogiamauoi.

La heiiamienta RAB: /&'2/34%52 0$('*&, es una heiiamienta paia el
uesaiiollo ipiuo y visual ue aplicaciones web e infoimes web. Es uesaiiollaua poi la
empiesa 9.: 4+5*6"3.;

/&'2/34%52 0$('*& peimite constiuii aplicaciones con sopoite paia una gian
cantiuau ue Sistemas Nanejauoies ue Bases ue Batos, seiviuoies web y tecnologias
web.
La ventaja que ofiece /&'2/34%52 0$('*&6 iespecto uel uesaiiollo tiauicional
ue aplicaciones web, es que elimina las taieas que consumen mucho tiempo ue
uesaiiollo, peimite la escalabiliuau ue las aplicaciones ue foima fcil y en muy poco
tiempo, ayuua a minimizai eiioies ue piogiamacion geneianuo couigo consistente y
bien estiuctuiauo y peimite ieuucii significativamente la cuiva ue apienuizaje paia el
uesaiiollo ue tecnologias web.

Algunas ue las caiacteiisticas ue /&'2/34%52 0$('*& son, la posibiliuau ue
combinai sus heiiamientas visuales ue uiseo en un entoino ue uesaiiollo integiauo
(IBE), sopoita mltiples lenguajes ue piogiamacion (C# y vB.Net (ASP.NET), vBSciipt
(ASP), ColuFusion, }ava (Seivlets o }SP), PBP, y PERL), cuenta con un paquete ue
caiacteiisticas, seivicios y constiuctoies Ajax, peimite cieai infoimes web en uiveisos
lenguajes ue piogiamacion, sopoita mltiples conexiones simultneas a vaiias bases
ue uatos, entie otias caiacteiisticas mas.






"#7$484)*+# '2 /&'2/34%52 0$('*& 9:

Antes ue iealizai la instalacion, es necesaiio ievisai los iequeiimientos minimos ue
haiuwaie y softwaie que son iecomenuauos paia instalai CoueChaige Stuuio. Esto,
paia que uicha heiiamienta tenga un buen uesempeo y el pioceso ue uesaiiollo ue
aplicaciones sea el espeiauo.

7:*+: :+, (+: 3.<2.3$0$.,*+: 0=,$0+: <2. 1+%.1>"38. 4*2%$+ ,.).:$*"?

Piocesauoi Intel Pentium o equivalente
2S6 NB ue memoiia RAN uisponible
2uu NB uisponibles ue espacio en el uisco uuio
Winuows 2uuu, 2uuS, XP, vista, 7, 2uu8, 2u12, 8, 8.1
Niciosoft Inteinet Exploiei 6 o supeiioi
Sistemas ue gestion ue bases ue uatos (SuBB) sopoitauos:
! Niciosoft SQL
! 0iacle
! NySQL
! Niciosoft Access
! Nuchos otios SuBB utilizanuo su iespectivo uiivei 0BBC.

Lenguajes ue piogiamacion:
! ASP S.u (coiiienuo en IIS y seiviuoies PWS con vBSciipt S.S o
supeiioi)
! ASP.NET (C#) 1.1, 2.u, S+
! ASP.NET (vB) 1.1, 2.u, S+
! ColuFusion 4+
! PBP 4.2+, S.x
! }2EE 1.2+
! PERL S.x


;&$4: no es necesaiio instalai touos los lenguajes ue piogiamacion mencionauos,
basta con instalai el lenguaje con el cual se uesee uesaiiollai una ueteiminaua
aplicacion.










<= Bespus ue ceicioiainos ue que nuestia computauoia cumple con los
iequeiimientos minimos, pioceueiemos a iealizai la uescaiga uel instalauoi ue la
heiiamienta RAB CoueChaige Stuuio, en este caso la veision S, uesue la pgina ue
uescaigas ue la empiesa 9.: 4+5*6"3.@ siguienuo este enlace:
>**#?AA666;B.::+5*6"3.;)+0A%+6,(+"%A

;&$4: Es impoitante mencionai, que la aplicacion a instalai es una veision ue piueba ue CoueChaige
Stuuio, la cual tiene un peiiouo ue evaluacion ue 2u uias y est limitaua paia la cieacion y piueba ue 4u
pioyectos web.

>= Ya uescaigauo el instalauoi, pioceueiemos a ejecutailo paia instalai CoueChaige
Stuuio S en nuestia computauoia. La piimeia opcion que mostiai el instalauoi es la
seleccion uel lenguaje. En este caso elegimos como lenguaje "English" y hacemos clic
en el boton "Next".



















?= Bespus, seleccionamos la casilla en la cual aceptamos los timinos ue la licencia ue
uso y hacemos clic en "Next".





















@= En el siguiente paso uel pioceso ue instalacion, ingiesaiemos en los casilleios
"Name" y "Company" nuestios uatos. En el casilleio "Seiial" uejamos la opcion poi
uefecto: "Tiial veision".





















9= El siguiente paso es elegii la iuta ue instalacion (caipeta) uel CoueChaige Stuuio,
uejamos la iuta poi uefecto y hacemos clic en "Next".




















A= Bespus ue unos segunuos se iniciai el pioceso ue instalacion ue caua uno ue los
aichivos que confoiman CoueChaige Stuuio S. El pioceso taiuai un pai ue minutos.
























B= Finalmente, uespus ue instalai touos los aichivos, apaiecei una ventana en la que
se mostiai el aviso ue que la instalacion se ha concluiuo con xito. Bacemos clic en el
boton "Finish" y con eso se teiminaiia el pioceso ue instalacion ue CoueChaige Stuuio
S.





















C= Paia comenzai a utilizai CoueChaige Stuuio, nos uiiigimos al men ue inicio ue
Winuows, localizamos la aplicacion y hacemos clic en el icono ue la misma paia iniciai
su caiga en memoiia. Bespus elegimos la opcion "Tiy" paia hacei uso ue la veision
ue piueba poi un peiiouo ue 2u uias.


















D7& '2 /&'2/34%52 0$('*&:

La aplicacion que hemos planteauo cieai paia mostiai el funcionamiento ue
CoueChaige Stuuio, implica la utilizacion, y poi tanto las instalacion, ue otias
heiiamientas ue softwaie. A continuacion listaiemos las heiiamientas necesaiias
paia la cieacion ue uicha aplicacion.

" /&'2/34%52

" E-FG HE*#'&I76 -G-/J16 FK0LM K GJGN: sistema ue infiaestiuctuia ue
inteinet que utiliza Winuows como sistema opeiativo, Apache como seiviuoi
web, NySQL como sistema ue gestion ue bases ue uatos y PBP como lenguaje
ue piogiamacion.

" G3OFK-'P*#: Beiiamienta paia manejai la auministiacion ue NySQL a
tiavs ue un navegauoi ue inteinet.

" Q.R/ FK0LM: uiivei que siive ue inteimeuiaiio entie NySQL y CoueChaige

" -%$*7$22%: euitoi WYSIWYu (What You See Is What You uet) paia la cieacion
ue plantillas web.

Bebiuo a que en cuisos anteiioies se ha utilizauo WANP y que este mismo ya incluye
poi uefecto la instalacion ue la heiiamienta PhpNyAumin, ueciuimos explicai el
pioceso ue instalacion uel 0BBC ue NySQL y uel euitoi Aitisteei.


"#7$484)*+# '28 Q.R/ '2 FK0LM:

1. Piimeio iealizamos la uescaiga uel instalauoi paia el 0BBC ue NySQL, uesue la
pgina oficial ue NySQL: http:uev.mysql.comuownloausconnectoioubc
2.













2. Ejecutamos el instalauoi y en la piimei ventana que nos apaiece, hacemos clic en el
boton "Next".




















S. El siguiente paso consiste en aceptai los timinos ue licencia y hacei clic en el
boton "Next".























4. Enseguiua apaiecei una ventana en la cual uebemos elegii qu tipo ue
instalacion iealizai, elegimos la opcion "Typical".





















S. Ahoia tenuiemos que uefinii la caipeta ue instalacion paia el 0BBC, elegimos
la caipeta que el instalauoi uefine poi uefecto. Y hacemos clic en el boton
"Install".






















6. Se iniciai el pioceso ue instalacion que uuiai unos cuantos segunuos y
finalmente el 0BBC ue NySQL queuai instalauo en nuestio sistema.






















"#7$484)*+# '28 2'*$&% ES0"EST -%$*7$22%:

1. Como piimei paso iealizamos la uescaiga uel instalauoi ue -%$*7$22% uesue la
pgina oficial ue la aplicacion: http:www.aitisteei.com.p=uownloaus
Recoiuemos que se tiata ue una veision ue piueba, que tiene la limitacion ue
no pouei expoitai las plantillas uiseauas.








2. Bespus ue ejecutai el instalauoi, la piimeia opcion que tenemos que elegii es
el lenguaje paia nuestio euitoi, en este caso elegimos "Espaol".




















S. Bespus seleccionamos la casilla paia "aceptai los acueiuos ue licencia" y
hacemos clic en el boton "Siguiente".
























4. Ahoia tenuiemos que seleccionai la caipeta o uiiectoiio en el cual se instalai
el euitoi. 0tilizamos el uiiectoiio que ha elegiuo poi uefecto el instalauoi.



















S. Bespus solo queua elegii, qu accesos uiiectos queiemos que se cieen en
nuestio sistema paia lanzai el euitoi. Bacemos clic en el boton "Instalai".

























6. Espeiamos a que se iealice el pioceso ue instalacion ue los aichivos que
confoiman el euitoi Aitisteei. Bespus ue un pai ue minutos, concluii la
instalacion.





















7. La ltima ventana uel instalauoi, mostiai que el pioceso ue instalacion se ha
iealizauo ue foima exitosa. Solo queua hacei clic en el boton "Teiminai" paia
lanzai poi piimeia vez el euitoi Aitisteei.





















8. La piimei pantalla que se mostiai al iniciai la aplicacion, sei una que nos
peimitii elegii qu euicion ue Aitisteei ueseamos evaluai, iecoiuemos que se
tiata ue una veision ue piueba. En nuestio caso elegimos la opcion "Estnuai".



















9. Finalmente se mostiai el iea ue tiabajo uel euitoi Aitisteei y pouiemos
comenzai a utilizalo.
















;&$4: Si tienes pioblemas paia instalai el plugin ue CoueChaige Stuuio en esta veision
ue Aitisteei, te iecomenuamos uescaigai la veision 2 ue este euitoi, la cual ya tiae
instalauo poi uefecto el plugion ue CoueChaige Stuuio. Este es el enlace paia
uescaigailo: http:www.4shaieu.comiaio9ule0h9Aitisteei_2_F0LL.html




/%24)*+# '2 (#4 4O8*)4)*+# )&# /&'2/34%52 K -%$*7$22%

Cieamos una plantilla web paia CoueChaige Stuuio la seleccionamos y uamos clic en
Cieai.



0na vez cieaua la plantilla se visualizaia el siguiente uiseo, al cual le pouiemos hacei
mouificacion con las pestaas que se muestian en la paite ue aiiiba.





0na vez cieauo y hecho las mouificaciones ue acueiuo a tus inteieses nos queua
expoitai la plantilla a CoueChaige Stuuio, paia ello en el men Iueas, pestaa Expoitai
y uesplegamos las opcion uel boton Expoitai y le inuicamos que lo queiemos en un
Pioyecto CoueChaige Stuuio o en su caso piesionamos Ctil+E.



Se mostiaia la siguiente ventana en la cual especificaiemos el nombie ue la caipeta en
uonue se almacenaia el pioyecto, asi tambin uefiniiemos la iuta en uonue
almacenaiemos el pioyecto, lo pouemos uejai poi uefault o cambiamos la iuta,
tambin inuicamos que lo expoite como caipeta.














0na vez expoitauo buscamos la iuta en uonue almacenos nuestio pioyecto cieauo en
CoueChaige Stuuio.



Ahoia abiimos CoueChaige Stuuio S, una vez abieito Bamos clic en 0pen Pioyect.
que se muestia en la paite ueiecha ue la ventana.











Buscamos el aichivo piincipal ue nuestio pioyecto con el nombie ue (Pioyect).



0na vez que seleccionamos el aichivo piincipal y lo abiimos nos mostiaia un mensaje
ue conveision uel pioyecto, esto se uebe a que utilizamos Aitisteei en su veision 2
peio CoueChaige necesita que el pioyecto est en Aitisteei en su veision 4, es poi ello
que iealiza la conveision.



Nos mostiaia un mensaje en uonue uaiemos que Si paia que convieita los aichivos
html a CoueChaige.









Cieamos una copia uel aichivo Page Template en la cual bien el uiseo ms bsico ue
nuestio pioyecto.



Especificamos el nombie uel aichivo.










Nouificaiemos las piopieuaues ue nuestio pioyecto, paia ello vamos a Settings que se
encuentia en la pestaa Pioject uel men Bome.



Se mostiaia la siguiente ventana, la piimeia pestaa que es ueneial no aiemos
ninguna mouificacion asi que nos pasamos a la siguiente.





En la pestaa SeveiSciipt aiemos algunas mouificaciones en la opcion ue Encoue
Extension, establecemos mb y en Chaiset uefinimos utf-8 paia los acentos ue nuestia
pgina, pasamos a la siguiente pestaa.



En la pestaa Locales & Encouings estableceiemos el lenguaje ue nuestia pgina poi
uefault se encuentia el ingls, asi que agiegaiemos un nuevo lenguaje uamos clic en
Auu.




Seleccionaiemos el lenguaje paia ello seleccionamos espaol (Spanish) y el pais
(Countiy) y uamos clic en ok.



Eliminamos el lenguaje ingls y establecemos el espaol-mexicano poi uefault,
continuamos con la siguiente pestaa.





En la pestaa Publishing, seleccionaiemos el tipo ue conexion ue foima local, la iuta
en uonue sei publicauo nuestio pioyecto y la uil ue nuestio pioyecto.



Cambiaiemos la iuta en uonue sei publicauo nuestio pioyecto, paia ello lo ligaiemos
a la caipeta ue pioyectos ue WampSeivei y cieamos la caipeta en uonue
almacenaiemos el pioyecto publicauo.




0na vez iealizauo lo anteiioi buscamos la iuta ue nuestia caipeta que cieamos paia
publicai el pioyecto.



Asi es como queua las mouificaciones.








En la pestaa Connections uefiniiemos como su nombie lo uice la conexion con la
base ue uatos que tenemos ya iealizauo en NySQL Seivei. Eliminamos la actual
conexion con nombie intianet paia agiegai una nueva, paia ello uamos clic en Auu.



Se muestia la siguiente ventana.







Especificamos el nombie ue la conexion, la uiieccion uel NySQL Seivei (localhost), el
pueito (SSu6), nombie ue usuaiio (ioot), la contiasea uel usuaiio y poi ltimo la
base ue uatos.



Bamos clic en el boton Test, paia veiificai que se est iealizanuo coiiectamente la
conexion con la base ue uatos seleccionaua.



Be esta foima es como se agiega una nueva conexion y uamos clic en el boton 0K, paia
guaiuai touos los cambios.




Agiegaiemos el componente Euitable uiiu paia la inseicion, mouificacion, eliminacion
y bsqueua uentio ue las tabla ue nuestia base ue uatos.



Se muestia la siguiente ventana en uonue seleccionaiemos la conexion cieaua
anteiioimente, uamos clic en siguiente.











Seleccionaiemos la tabla a visualizai, y uamos clic en siguiente.



Inuicamos un filtio ue bsqueua paia nuestia tabla, pouemos uefinii uno o vaiios
atiibutos ue paia iealizai la bsqueua y uamos clic en siguiente.












Bejamos poi uefault los valoies en esta pestaa y uamos clic en siguiente.



Especificamos la opcion ue navegacion.


















En la pestaa 0ptions pouiemos uefinii el titulo ue nuestia tabla, asi como la foima ue
visualizai los uatos ue nuestia tabla.



En pestaa Actions uefinimos el nmeio ue filas en nuestia tabla paia iealizai
iegistios.


















Poi ltimo en la pestaa Style uefinimos el uiseo ue nuestia tabla, esto es a gusto.




Be esta foima es como queua nuestia tabla.










Ahoia bien paia vei los iesultauo hay que publicai nuestio pioyecto y uespus
publicai nuestio pgina, meuiante los botones que se encuentian en la pestaa
Publishing.




Be esta foima es como queua nuestio iesultauo final.






/&#)8(7*&#27:

Paia uesaiiollai una aplicacion web en /&'2/34%52 0$('*&, no solo es
necesaiio contai con uicha heiiamienta RAB, sino que tambin es necesaiia la
instalacion ue otias heiiamientas o aplicaciones que siiven ue auxiliaies, en el
pioceso ue uesaiiollo, a /&'2/34%52 0$('*&.

Esto hace que el pioceso ue instalacion y puesta a punto uel entoino ue
uesaiiollo, sea teuioso. An asi, uespus ue configuiai coiiectamente touas las
heiiamientas con las que se apoya /&'2/34%52 0$('*&, la cieacion ue un aplicacion
es ielativamente sencilla y hemos compiobauo, que se ieuuce enoimemente el tiempo
ue uesaiiollo.

Como se explico en clase, el uso ue veisiones ue piueba paia cieai una
aplicacion, piovoca cieitos eiioies, los cuales ya mostiamos en la exposicion,
piincipalmente en el apaitauo ue la visualizacion ue la inteifaz gifica. Poi este
motivo iecomenuamos que, si es necesaiio utilizai esta heiiamienta, se haga uso ue
una veision completa ue la misma y ue las uems heiiamientas auxiliaies.

Ya mencionauos los pequeos eiioies expeiimentauos en el pioceso ue
uesaiiollo ue la aplicacion web, cabe uestacai que /&'2/34%52 0$('*& es, en
uefinitiva, una muy buena heiiamienta paia el uesaiiollo ipiuo ue aplicaciones web,
y que vale la pena consiueiai seiiamente su uso, cuanuo se necesite iealizai algn
pioyecto ue este tipo. Pues no solo agiliza el uesaiiollo ue la aplicacion, si no que
tambin, peimite al uesaiiollauoi centiai la mayoi paite ue su atencion y tiempo, en
los piocesos que son iealmente impoitantes paia el funcionamiento ue uicha
aplicacion, ueleganuo las cuestiones ue uiseo ue la inteifaz gifica, a alguna
heiiamienta auxiliai.





















R*U8*&5%4VW4:

Pgina oficial ue CoueChaige Stuuio
http:www.yessoftwaie.cominuex2.php

Foio oficial ue CoueChaige Stuuio
http:foiums.yessoftwaie.com

Intiouuccion a CoueChaige Stuuio
https:www.youtube.comwatch.v=F7S9ElIQbkw

Tutoiiales ue CoueChaige Stuuio
https:www.youtube.comwatch.v=s78q9iF0Z}E

https:www.youtube.comwatch.v=fsiekxT4_a8

https:www.youtube.comwatch.v=tESZ2Pn7yu0


Pgina oficial ue Aitisteei
http:www.aitisteei.com

Foio oficial ue Aitisteei
http:www.aitisteei.com.p=foiums

Tutoiiales ue Aitisteei
https:www.youtube.comwatch.v=PTPv}t1R0ck

https:www.youtube.comwatch.v=EmuvzEKfTpo