Entornos de desarrollo Multiplataforma y Web. Caso practico Tras el éxito del anterior proyecto, en BK estén recibiendo més peticiones de creacién de software que nunca. Ana y Juan, que ya hace unas semanas que estén estudiando el Ciclo de Disefio de Aplicaciones Multiplataforma = y += Web respectivamente, piensan que este es un buen momento para participar activamente en los proyectos, pues a sus compafieros no les vendria nada mal un poco de ayuda. ‘Ada confia en ellos, pero atin es pronto. Por lo menos, ya conocen las fases por las que tiene que pasar todo el desarrollo de aplicaciones, pero eso no serd suficiente, Maria, sin embargo, no piensa lo mismo y decide darles una oportunidad trabajando en la fase de codificacién de un nuevo proyecto de la empresa. ‘Ana se muestra muy ilusionada y no piensa desperdiciar esta gran oportunidad. Sabe que tiene a su disposicién los llamados entornos de desarrollo que le facilitardn su futura tarea. £Cémo influira el conocimiento de esta herramienta en el futuro de Ana y Juan? A través de esta unidad, veremos si nuestros amigos van logrando ganarse un puesto en la empresa, y de paso, la confianza de Ada. La fase de codificacién es compleja, pero ambos estan aprendiendo a dominar los llamados entornos integrados de desarrollo de software.1.- Introduccion a los entornos de desarrollo. Los entornos de desarrollo son un tipo de software que nos permite desarrollar aplicaciones facilitando la labor a través de herramientas y tareas predefinidas. Con el tiempo algunos han quedado como mas generales, pudiendo abarcar diversos lenguajes y tipos de aplicaciones, mientras que otros se han vuelto mas especificos. La utilizacién de un IDE nos permite desarrollar nuestro proyecto software de una forma mucho mas agil. Ademés, podemos utilizar las herramientas que incluya nuestro entorno de trabajo, como el depurador de cédigo 0 el autoformateo del mismo. Los entornos de desarrollo pueden clasificarse en base a numerosos factores. Por ejemplo podriamos clasificarlos en base al tipo de licencia, por ejemplo software libre 0 software privado, en funcién de la plataforma para la que esté disponible, si estamos ante un IDE multiplataforma 0 no o en funcién del lenguaje de programacién que soporte, puesto que hay entomos de desarrollo para un lengueje especifico, como PHPStorm, o para multiples lenguajes de programacién, como Sublime Text. En esta unidad vamos a clasificar los distintos entornos de desarrollo en tres grupos. Primero veremos aquellos IDE que se utilicen indistintamente para el desarrollo de aplicaciones multiplataforma y aplicaciones web para posteriormente ver los entoros de desarrollo especificos en el desarrollo de aplicaciones multiplataforma asi como los entornos de desarrollo especificos para el desarrollo de aplicaciones web. En la siguiente tabla podemos ver los distintos entomnos de desarrollo que vamos a estudiar a lo largo de la unidad, en base a la clasificacién anteriormente citada.Entornos de Desarrollo Netbeans. Eclipse Visual Studio Oracle SQL Developer Monodevelop Entornos comunes DAM//DAW Descripcion Es el entomo multilenguaje mas extendido y el mas integrado con Java Actualmente lo puedes descargar desde la pagina oficial de proyecto NetBeans.org: pagina oficial de Netbeans. Uno de los entornos mas populares multilenguaje y que ademas esta preparado para desarrollar entornos de desarrollo. Fue el primero en integrar la SDK de Android para desarrollo de aplicaciones moviles. Actualmente esta perdiendo protagonismo, debido a que Oracle, propietario de Java, ha elegido a Netbeans como el IDE oficial de dicho lenguaje, y Android ha apostado por su propio IDE, Android Studio. Para descargar la ultima version se puede acceder a la pagina oficial del proyecto. Microsoft Visual Studio es un potente IDE multiplataforma que permite desarrollar aplicaciones en miltiples lenguajes y framework, tales como Nede js, javascript, C++, PHP y NET entre otras, Podemos dasoargar Oracle SQL Developer es un entorno de desarrollo integrado que simplifica el desarrollo y la gestién de bases de datos de Oracle. Con dicho IDE podemos desarrollar aplicaciones PL/SQL, realizar consultas a una base de datos y gestionar nuestras bases de datos a través del lenguaje SQL. El IDE lo podemos descargar desde la pagina oficial de Oracle. Mono es un proyecto de cédigo abierto en el que se desarrollan herramientas basadas en Linux que permiten desarrollar utilizando la tecnologia .NET. Lo puedes descargar desde aqui. Ademas desde aqui puedes descargar el IDE Monodevelop para Mono.Entornos Desarrollo Android Studio XCode APPinventor Unity JMonkey Entornos especificos para DAM. Descripcién El entorno de desarrollo implementado por Google para aplicaciones Android. Actualmente es la referencia para el desarrollo de este tipo de aplicaciones. Para més informacién ir a la pagina web oficial, XCode es el entorno de desarrollo para macOs y contiene las herramientas necesarias para desarrollar software para los distintos sistemas operativos de la marca Apple (macOS, iOS, watchOS y tvOS). Aunque es gratuito, solo puede instalarse en computadoras con sistema operativo macOS. Para mas informacién podemos consultar la web oficial del proyecto. Permite el desarrollo de aplicaciones sencillas para Android con un entorno muy intuitivo. Podemos encontrar mas informacién asi como interesantes tutoriales en su pagina oficial. Unity es, ademas de un motor de videojuegos, una plataforma de desarrollo. ‘Aunque la mayoria de versiones son de pago, podemos utilizar la "Personal" para poder desarrollar nuestros propios videojuegos. La mayoria de juegos que se desarrollan hoy en dia para méviles y para escritorio, estan desarolados bajo Unity. AES JMonkey es un motor de videojuegos libre orientado al desarrollo de juegos en tres dimensiones. Esta escrito en Java y tiene su propio IDE de desarrollo. Lo podemos descargar desde aqui. Entornos de Desarrollo de Aplicaciones WebEntornos de Desarrollo Notepad++ Sublime Text Adobe Dreanweaver Atom Editra Brackets.io PhpStorm Descripcion Es un editor de cédigo distribuido bajo licencia GNU disponible para varias plataformas y que permite escribir ficheros en miltiples lenguajes de programacion, incluyendo el marcado de las palabras clave para cada tipo de lenguaje. Podemos descargarlo desde la pagina oficial. Es un editor de cédigo ligero disponible para varias plataformas que nos permite escribir cédigo en diferentes lenguajes de programacién. Aunque es de pago, podemos utilizarlo a modo de prueba durante un periodo de tiempo. Numerosos programadores lo han definido como el mejor IDE de desarrollo. Podemos conocer mas sobre dicho Sublime text en la siguiente pagina. Es una aplicacién destinada al desarrollo de paginas web, permitiendo desarrollar web utilizando un editor WYSIWYG, permitiendo desarrollar paginas web sin necesidad de saber cddigo HTML, puesto que se disefian y se maquetan mediante un editor grafico. Ademas de este tipo de editor, permite desarrollar web mediante un editor de texto plano, introducciendo directamente el cédigo HTML o mediante la unién de ambos editores. Forma parte de la Creative Suite de Adobe y actualmente es de pago. Para mas informacién podemos consultar su pagina web. Es un IDE de cédigo abierto que fue lanzado a través de la plataforma GitHub. Al tratarse de una herramienta OpenSource (Codigo abierto) esta provocando que muchos programadores lo estén mejorando y que obtenga el apoyo de una importante comunidad de desarrolladores. Esta disponible para la mayoria de las plataformas (Windows, macOs, GNU/Linux) es facil de configurar y personalizar y facilita la integracién con el framework Nodes. En la pagina oficial del proyecto podemos encontrar mas informacién sobre el mismo, asi como descargario. Es un editor de texto plano multiplataforma que permite escribir en mas de 50 lenguajes de programacién, entre los que podriamos destacar: PHP, JavaScript, CSS 0 Java. Se distribuye bajo licencia LGPL y ofrece la posibilidad de aumentar su funcionalidad mediante la utilizacién de plugins. Podemos descargarlo y conocer mas informacion desde la web oficial. Brackets es un editor de texto open source elaborado por Adobe y que fue pensado para el disefio y el desarrollo web. Permite ver en tiempo real en nuestro navegador web como quedarian las modificaciones que realicemos en el cédigo fuente de la pagina. Podemos descargarlo de forma libre desde la pagina oficial. PhpStorm es un IDE comercial orientado al desarrollo de aplicaciones web en php. Una de sus principales ventajas radica en la integracién con framework de desarrollos de php como Symfony. Aunque sea de pago, podemos obtener una licencia gratuita para estudiantes y profesores. En la pagina oficial de la aplicacién podemos encontrar més informacion y solicitar nuestra licencia libre como estudiantes/profesores.éEs lo mismo un IDE que un framework? Aunque la respuesta pueda parecer obvia, debido a la traduccién que se hace al castellano de ambos términos queremos aclarar ambos conceptos. Un IDE es un entorno de desarrollo integrado que consiste en una aplicacién software que nos facilta el proceso de programacién. Generalmente un IDE est formado por un editor de texto, herramientas de desarrollo automatico, un depurador, y en funcién del tipo de lenguaje de programacién, un compilador. También es muy comun que el IDE incluya entornos de ejecucién para validar el software desarrollado. Por ejemplo, en el caso de Android Studio, podemos ejecutar nuestra app en un terminal virtual de Android. Un framework es un entorno de trabajo (veamos que por la traduccion al castellano podria llevarnos a confusién) que nos proporciona un conjunto de herramientas, librerias y un patron base que nos facilita el proceso de desarrollo. De forma genética podriamos definirlo como una estructura de cédigo base a partir de la cual podemos desarrollar un proyecto mucho mas complejo, utilizando las herramientas que nos proporciona el framework utilizado. Generalmente un framework nos permite desarrollar software de una forma mas sencilla, que en ocasiones significa desarrollar programas con un menor nimero de lineas de c6digo. En el desarrollo web existen framework muy populares, como Angular, ‘Symfony o Bootstrap. Por ejemplo, PHPStorm es un IDE para desarrollar aplicaciones web con él podriamos hacer pequefias aplicaciones en php. Symfony es un framework basado en php para desarrollar proyectos web, podriamos desarrollar_una aplicacién con dicho framework utilizando phpStorm o cualquier otro IDE de desarrollo que sea compatible con PHP.2.- Entornos integrados de desarrollo comunes. Caso practico Ana esta decidido a aprender a usar un entomo de desarrollo integrado. Después de hacer un trabajo de investigacion en internet ha descubierto la gran variedad de entornos de deserrollo que existen. Ha descubierto que dependiendo del tipo wa de software que quiere desarrollar, asi como el framework o el lenguaje de programacién que vaya a utilizar, podra optar por uno u otro framework.zQué framework se adapta mejor para cada necesidad? En el apartado anterior hemos visto que existen multitud de entornos de desarrollo integrados. A lo largo del siguiente epigrafe nos centraremos en los entornos comunes al desarrollo de aplicaciones web y multiplataforma. EE) NetBeans & eclipse og visual studic2.1.- NetBeans. Caso practico Juan esté deseando de aprender a utilizar los distintos IDE. Para ello ha visto, que para algunos de ellos, ~ va a necesitar tener instalada la ae JDK de Java (véase anexo |), la cual puede descargarse desde la pagina oficial. Una vez la tiene instalada ha Ser NetBeans (622) llegado el momento de comenzar a trabajar con los distintos IDE. —Uff, me ha costado un poco... le comenta a Ana. —Hace tiempo que no trabajaba en la terminal de Linux y se me habian olvidado algunas érdenes basicas. Ana le comenta que ya tiene el equipo preparado para instalar NetBeans. Decide pasarle los apuntes del ciclo a distancia para que Juan no tenga que perder mucho tiempo buscando los comandos necesarios.Netbeans es un entorno de desarrollo integrado libre desarrollado principalmente para el lenguaje de programacién Java, aunque existe numerosos médulos que permiten desarrollar en otros lenguajes de programacién como PHP. NetBeans fue desarrollado por Sun MicroSystems y tras la adquisicién de esta empresa por Oracle Corporation, pasé a ser propiedad de Oracle que es la empresa encargada de su mantenimiento. EI NetBeans IDE soporta el desarrollo de todos los tipos de aplicacién Java (J2SE, web, EJB y aplicaciones méviles). Ademas permite aumentar su funcionalidad mediante la instalacién de médulos. Entre dichos médulos podriamos destacar las herramientas para la generacién de esquemas XML, el modelado UML o los plugin que dan soporte a otros lenguajes de programacién como PHP o C++. Podemos descargarnos Netbeans desde |a pagina oficial de! proyecto. pra ee eet eet oe NetBeans IDE WLS ied chug esses is Quickly and easily develop desktop, mobile and web applications POON CoM EM olor he Deu ge Re ie teu of users and developers. Featured News: 2: Agr 2017 Netean Dy Grooco (0 See AllNews Support for Rich Set of Bost Support for Multiple Languages Community Provided Plugins Latest Java Technologies aver Melis Real Aspecto gee wa ofl! ol royactonatoeens, (0°)Autoevaluacion NetBeans es un IDE de programacién exclusivo de Java.? OQ No e si2.1.1.- Instalaci6n de Netbeans. Para instalar NetBeans bajo Windows, tendriamos que acceder a la pagina oficial de netbeans (http://netbeans.ora y Zona de descargas Apache Netbeans) y una vez dentro acceder a la zona de descargas. © sree neeans Apache NetBeans 12.1 Apache NetBeans archive (aarp pte haan on bet ear gy agpte Apache NetBeans 11 feature update 3 (NB 11.3) see errs 14ers on onary 24 208 ‘Apache NetBeans 11 feature update 2 (NB 11.2) Apache NetBeans 11 feature update 1 (NB 11.1) ‘Apache NetBeans 11 LTS (NB 11.0) Apache NetBeans 10.0 ‘Apache NetBeans 9.0 Pre-Apache NetBeans versions feoaee Pio s ( A2CHECON anus Solas Mu, Pagina de descargas dl proyecto Apache Netbeans (00%) Una vez accedamos a la opcidn de descarga, se nos mostraran las distintas configuraciones de NetBeans que podemos descargarnos para la plataforma desde la que estamos accediendo.NetBeans IDE 8.2 Download 8.1/8.2 Development| Archive nat adress (opto [ 1 Ege: SS Paton: (Win ‘Seer nowsitors: ZF MhyU Wookiy Sree ( ; t 1 Neoans can cotacte atti teres Note: Greed ot tera rat suspen ort aterm, NetBeans IDE Download Bundles in community contributed languages! ‘Supported technologies * JavaSE dave EE IMLS JavaScript PP ccs © ‘NetBeans Patfrm SOK . . © hava se . : save ME © rmsavascript © PHP . . © aces . o © ‘Groovy Java Card™ 3 Connectes ‘Bundied servers © GassFish Sever Open Source ation 41.1 © Aosche Tomeat 8.0.27 . Cotas) Camis) Gomis a8-) om Gan SS Sen ee Free, 1008 Free, 200MB Free, 111 215MB free, 111-115 MB Free, 109-212MB Free, 222 MB * You can ad er remove pack tering the EY Pugin Manger Tol | Pins). ‘mportant Lege nfermation IMLS, PHP and CiC++ NetBeans bundes ince va Runtime Envronmert an © NetBeans Community Dsibutons ar valle under & hotrqure a sapere Savas, Dual Lcerseconeing of te Conon Development ane Dibuton Leen D0.) 1.0 ad GNU Gana Pe 4017 and ae version a equa er irtaing and turing ha Java SE ea EE ond Leen (CPL) v2, Sueh dovbubons rede acer ‘At Nears Buss You can downlod andaona JOK oGourcadteiaias JOK th eonponets vier septs teees sted nthe NelGnara De Joa SE ne {Exe te See ne Thr Pay Liceae tee extol Cermeenots nuded NatGean adhe asocated ‘ones ‘Meteors Dara SE Lenn ve abut ne NeBenre Pator NtSosne Scarce code an Sar buldswinou banded rrames are als avelabion 29 1 The Netdeans Commun nat ul corinta otha anguage() aca be downoad ‘fom bis poge To get reve nig sou lean value cowncaded crack he mun aus pope To downzad aes conmuntycorttouton, vit De oazton ugh pace pets ey ‘By vn fe win, you sre oh Nene Pose an Toso Ute © 202, Orde Coprton rer fos Sponsored by ORACLE Jove Mies Rel. Qpcones ue decays dee ed Ol ce retbesns (0) En la parte superior podemos elegir la versién de NetBeans que queremos descargarnos, asi como la plataforma en la que lo vamos a instalar.Ce oes eel es pee NetBeans IDE 8.2 Download 8.182: Dmuonment Archiv, ‘Ema across (eona: | [) * ovate Be Sutscrbetonewsltes: Gon Weny Note yet ttc [@etBeme can const mea hearse : 7 "NetBeans IDE Download Bundles in community contributed languages? Suppotostocroogos * dase BEE HTMLS/Igasemt PP ices a Javier Maas Real, Detainee doce, (200) Si seleccionamos el Sistema Operativo Windows 0 Mac OS, el proceso de instalacién consistira en el proceso normal de instalacién de un programa en dichos sistemas operativos. Instalacion en Microsoft Windows Los usuarios del sistema operativo Microsoft windows, estardn familiarizados con el proceso de instalacién, puesto que se adapta al proceso esténdar en el que basta con confirmar una serie de pasos. Si no tenemos las librerias de Java en nuestra computadora, podemos descargarnos la versién de NetBeans que viene ya con las librerias de Java.Instaling 30K 8 Update 131... L 2 zl Extracting C:\Program Pies Java\idk1.8,0_131\idk-8u131-nindows1586 exe aver Mejias. Proceso dv nstlacin de Nata (200 Si ya tenemos instalada la JDK de Java, bastard con que nos descargamos la versién de Netbeans que mejor se adapte a nuestras necesidades e instalarla.Welcome to the NetBeans IDE 8.2 Installer The installer wil instal the NetBeans IDE with the Java SE pack. aver Mejias. Proceso ntlacin de Natboan (200)License Agreement Please read the foloing icense agreement carefully. NETBEANS IDE 6.2 (Product”) LICENSE AGREEMENT PLEASE READ THE FOLLOWING LICENSE AGREEMENT TERMS AND ‘CONDITIONS CAREFULLY, INCLUDING WITHOUT LIMITATION THOSE DISPLAYED ELSEWHERE (AS INDICATED BY LINKS LISTED BELOW), [BEFORE USING THE SOFTWARE. THESE TERMS AND CONDITIONS CONSTITUTE A LEGAL AGREEMENT BETWEEN YOU, OR THE ENTITY FOR WHICH YOU ARE AN AUTHORIZED REPRESENTATIVE WITH FULL AUTHORITY TO ENTER INTO THIS AGREEMENT, AND ORACLE. BY CLICKING “ACCEPT” OR THE EQUIVALENT YOU AGREE TO ALL OF ‘THE TERMS AND CONDITIONS OF THIS LICENSE AGREEMENT. IF YOU DONOT AGREE TO THIS LICENSE DO NOT CLIOK "ACCEPT" OR ‘THE EQUIVALENT AND DO NOT INSTALL OR USE THIS SOFTWARE. Copyright (€) 1997, 2016, Orade andjoritsaffiates. Al rights reserved. race and Java are registered trademarks of Oracle and/or its afflates. Other names may be trademarks of their Laver Mejias. Proceso ntlacin de Natboan (200) Una vez hemos aceptado la licencia de uso, nos preguntara donde tenemos instalado la JDK de Java. Si la tenemos instalada, nos pondra automaticamente la ruta.Install the NetBeans IDE to: (c:\Program Fles\Netieans 6.2] {J0K™" for the NetBeans IDE: (C:\Program Fles\Javalidkt.8.0_131 aver Mejias. Proceso dv ntlacion de Natean (200Pease wat ui the nstalerinstals Ne®eans IDE and antes, NetBeans iD Instaling Base IE... a Ev Extracting C:\Program Fles\NetBeans 8, \platform modules Vocal org-netbeans-api-visul_ru.ja.pack.oz Next > aver Mois. Proceso de intlacion de Netoean (200) Instalacion en MacOs Si lo instalamos en el sistema operativo Mac Os, el proceso ser como el que se muestra a continuacion:e ‘@ Instalar NetBeans 8.2 a Instalando NetBeans 8.2 ©) introduccion Instalacion en GNU/Linux Si la instalacién la vamos a realizar en GNU/Linux, el proceso de instalacién seré algo mas complejo. Para ello, una vez hayamos descargado el paquete de NetBeans, tendremos que marcar el archivo como ejecutable desde la linea de comandos. chmod +x netbeans-8.2-javase-linux.sh sudo /netbeans-8.2-javase-inux sh No es necesario modificar ningun parametro durante el proceso de instalacién. Una vez finalizado, puedes acceder a NetBeans mediante una nueva entrada que se ha generado en el ment oa través del icono que aparecerd en el escritorio.aver Mejias. NetBeans contend Sao GNURnur (209) Recuerde que para poder instalar NetBeans en su computadora, es necesario que tenga instalada la Java SE Development Kit (JDK) 8, la cual puede descargarse desde la pagina oficial de Java http:/www.oracle.com/technetwork/javaljavase/downloads/index.html Una vez tengamos instalado NetBeans ya podemos comenzar a utilizarlo.Javer Maas. lecuctn de Netbeans (COO) Una vez hemos arrancado Netbeans por primera vez, podemos crear un proyecto accediendo al menti File->New Proyect y nos aparecerdn los distintos tipos de proyectos que podemos crear.Javier Mejas. peanes de etSeune hor. evar un proyeet, (0) A\ seleccionar el proyecto de tipo Java, NetBeans nos creard la estructura basica del mismo y ya estaremos preparados para comenzar a programar nuestro proyecto.Jae Mean Aspect el DE NetBeans con un payee sve (CCD) Una vez tenemos instalado NetBeans, podemos instalarle algiin | __plugins desde la seccién "Plugins" colocada en la zona superior del menti principal de la paginaver Mo}as Rea Zana. plugs ol pga de NetBeans (SC) También podemos instalar los plugins desde el mismo IDE. Una vez lo tengamos instalado podemos acceder a la opcién Tools->Plugins y se nos mostrara una ventana con los plugins que tenemos instalados, las posibles actualizaciones, asi como la posibilidad de buscar e instalar plugins adicionales. aver Meas Real. Pana parecontguar io pigs ae wetean (0)Para saber mas Consulta el Anexo II del presente documento- Instalacién de Netbeans en versiones anteriores.2.1.2. Configuracion y personalizacion de NetBeans. Caso practico Juan esta constemado. NetBeans parece albergar tanta @ NetBeams informacien que no sabe por donde empezar. Le gustaria ‘Netbeans Loge Nuiseane Personalizar la configuracién de su primer proyecto en el IDE (que va a ser un aplicacién de Java). 2Cémo lo hace? .Qué parametros puede configurar? Una podemos acceder a personalizar su configuracién. A\ abrir un proyecto existente, o bien crear un nuevo proyecto, vez tenemos instalado nuestro entorno de desarrollo seleccionaremos un desplegable con el nombre de “configuracién” desde el que podremos personalizer distintas QP opciones del proyecto. ‘© Netneans Gantura de Pantalia de Netbeans Podemos personalizar la configuracién del entorno sélo para el proyecto actual, o bien para todos los proyectos, presentes y futuros. Parametros configurables del entorno: “ Carpeta o carpetas donde se alojaran todos los archivos de los proyectos (es importante la determinacién de este parémetro, para tener una estructura de archivos ordenada). Carpetas de almacenamiento de paquetes fuente y paquetes prueba Administracién de la plataforma del entomo de desarrollo. Opciones de la compilacién de los programas: compilar al graber, generar informacién de depuracién Opciones de te empaquetado de la aplicacién: nombre del archivo empaquetado (con extension jar, que es la extensién caracteristica de este tipo de archivos empaquetados) y momento del empaquetado. Opciones de generacién de documentacién asociada al proyecto. Descripcién de los proyectos, para una mejor localizacién de los mismos. Opciones globales de formato del editor: numero de espaciados en las sangrias, color de errores de sintaxis, color de etiquetas, opcién de autocompletado de cédigo, propuestas de insertar automaticamente codigo. Opciones de combinacién de teclas en teclado. Etc.Autoevaluacion Se pueden agregar descripciones a un proyecto para una mejor localizacién. Verdadero © Falso Accedemos a NetBeans y entramos en la pagina principal de la aplicacién © caps de paral de Netteans, Eicon de pronramas en NetBeans Para entrar a la aplicacién podemos seleccionar “Nuevo Proyecto” y, una vez abierto, personalizar la configuracién de NetBeans para ese proyecto. En la barra de iconos de la aplicacién, seleccionamos el desplegable de configuracién Seleccionamos "personalizar” y nos aparecera a siguiente ventana (también podemos acceder desde el ment contextual del proyecto, en la opcidn “Establecer la configuracién" y a continuacion "personalizar”): (© Canunde artala de Neteans, Eicon de pronase NetBeans Aqui vemos todo lo que podemos personalizar de la aplicacién: Fuentes. Bibliotecas. Generacion de codigo. Ejecucién de cédig Opciones de la aplicacién. Formato del cddigo en el editor de textos. Fuentes: Podemos modificar:“ La carpeta que contendrd el proyecto “La carpeta que almacenara los paquetes fuentes “La carpeta que contendré los paquetes prueba Bibliotecas: Q © Captua de pantala de Netbeans, Etc de programas en NetBeans Desde esta ventana podemos elegir la plataforma de la aplicacién. Toma por defecto el JDK, pero se puede cambiar si se quiere, siempre y cuando sea compatible con la version de NetBeans utilizada. También en esta ventana se puede configurar el paquete de pruebas que se realizard al proyecto. Generacién de cédigo. Compilando el proyecto. Las opciones que nos permite modificar en cuanto a la compilacion del programa entre otras son: ~ Compiler al grabar: al guardar un archivo se compilara autométicamente. © Generar informacién de depuracién: para obtener la documentacién asociada. “ Enable annotation processing: permitir anotaciones durante el proceso. También podemos agregar anotaciones concretas para el proceso de compilacién y afiadir opciones de proceso que, seguin las caracteristicas del proyecto, puedan ser de interés para nosotros. © Capun de pantalla de Nettans, Edo de programas en NetBeans Generacién de cédigo, Empaquetando el proyecto. Las aplicaciones resultado de la compilacién del cédigo deben ser empaquetadas antes de su distribucién, con objeto de tener un Unico archivo, generalmente comprimido, que contenga en SU interior todos los archivos de instalacién y configuracién neceserios para que la aplicacién pueda ser instalada y desarrollada con éxito por el usuario cliente(© cpa de paral de Nettans, Elon de programas en NetBeans Como vemos en la imagen, en esta opcién podemos modificar el lugar donde se generara el archivo resultante del empaquetado, asi como si deseamos comprimirlo, También podemos elegir que el archivo empaquetado se construya tras la compilacién, que es lo habitual (por eso esta opcién aparece como predeterminada) Generacién de cédigo. Documentando el proyecto. Como ya vimos en la unidad anterior, la documentacién de aplicaciones es un aspecto clave que no debemos descuidar nunca. NetBeans nos ofrece una ventaja muy considerable al permitirnos obtener documentacién de la fase de codificacion de los programas de forma automatica © Captus de pantalla de Nettans, Edo de programas en NetBeans Dentro de! documento que se va a generar podemos elegir que se incluyan todas las opciones anteriores. Esto es lo mas recomendable, por eso aparecen todas marcadas de forma predeterminada y lo mejor es dejarlo como esta Ejecutar. Esta opcién nos permite definir una nueva configuracién de ejecucién de cédigo, elegir la clase principal, las carpetas de trabajo del proyecto y opciones de la maquina virtual. © Cantu do pantalla do Notboans, Edn de programas en NetBeans\ a (© Cpa de paral de Nettans, Elon de programas en NetBeans En la ventana de “Configurar el nombre” escribimos el nombre que tendré nuestra configuracién personalizada © cau és de Netens, En dears en NetBeans En este caso, escribimos “configuracién 1” y pulsamos “aceptar” A partir de este momento, todas las opciones de configuracién que seleccionemos que guardaran en “configuracién 1” (© canta de pantalla de Neteans, Ecol de ponramas en NetBeans Ahora podemos elegir la aplicacién sobre la cual queremos aplicar la configuracién personalizada de “configuracién 1° Opciones. © Capun de pantalla de Nettans, Edo de programas en NetBeans Como vemos, podemos dar una descripcién al proyecto, cambiarle el nombre, ete. Es conveniente hacerlo, ya que el nombre de los nuevos proyectos se generan automaticamente por NetBeans al inicio de la sesién. En cuanto las opciones del inicio web:Q a (© cpa de paral de Nettans, Elon de programas en NetBeans Formato Aqui podemos personalizar aspectos globales del formato del cédigo fuente en la aplicacién Podemos personalizat las opciones sélo para el proyecto actual o bien para todos los proyectos que estén basados en NetBeans a partir de ahora (utilizar opciones globales) Si seleccionamos Editar opciones globales nos encontramos con la siguiente ventana, que tiene una barra superior de pestafias para configurar cada apartado del formato de forma independiente: (© Cantu de partal Netans, Ean de pogramas en NetBeans Pestafia Formato: Se puede configurar los tamafios de los espaciados, pestafias, etc... (© Cantu de paral de Neteans, Edn de proormas en NetBeans En la pestafia de Finalizacién de cédigo:© aptun de tata de Natens, En do proran en Nettean En la pestafia de sugerencias: © can esr de Netbeans, Edn de postanas en NetBeone En la pestafia de Marcar ocurrencias: Q = = © Cantu de paral de Neteans, Econ de programas en Netbeans En la pestafia de macros: © canta de pantala de Netbeans, Eton de programas en NetBeans En cuanto al icono de Tipos de letra y colores: © Cantu de paral de Netteans, Elon de programas en NetBeans Consiste en elegir el tipo de letra y colores que prefiramos para el texto del cédigo, asi como efectos (si es que asi o deseamos) También podemos configurar el tipo de letra y color de los errores del cédigo (por defecto, de color rojo)© Captus de santaa do Netbeans. Ect do rognss en NetBeans Y Io mismo con los numeros, espacios en blanco, etc... En cuanto a los métodos abreviados de teclado (combinacién de teclas equivalente a las acciones en NetBeans), podemos modificar aquellas acciones que hagamos con mas frecuencia por aquella combinacién de teclas que nos sea més facil recordar.2.1.2.1- Actualizacion y mantenimiento de NetBeans. Caso practico —Por ultimo, es de vital importancia el mantener y actualizar el entomno de desarrollo —comenta Ana—. Deberiamos tener permanentemente actualizados todos los complementos y realizar un correcto mantenimiento a las bases de datos asociadas a nuestros proyectos. ‘© Netbeans Capra de Pans de Netbeans EI mantenimiento del entorno de desarrollo es una tarea fundamental que requiere tener todos sus componentes periddicamente actualizados. También es de vital importancia realizar copias de seguridad sobre las bases de datos de nuestros proyectos por si ocurriera algin error o proceso defectuoso poder restaurarlos. El mantenimiento y las actualizaciones se hacen de forma on-line. En NetBeans contamos con el complemento llamado Auto Update Services. Lo podemos encontrar en el siguiente enlace: Complementos de Netbeans Una vez instalado, nos permitira realizar continuas revisiones del entorno y actualizaciones de todos los plugins (© capture de part de Netbeane, Complements en NetBeansEn Eclipse tenemos la opcién "Check for Updates" disponible en el menti "Ayuda" que permite la actualizacién automatica Para afiadir médulos y plugins on-line, hay que tener este complemento instalado en el entorno. La gestion de las bases de datos asociadas a nuestros proyectos es muy importante. Habra que realizarles copias de seguridad periddicamente, para asegurar su restauracién en caso de fallos en el sistema, y mantenerlas actualizadas para su posible portabilidad futura a nuevas versiones del entorno que utilicemos. Autoevaluacion gCual es Ia razén, en tu opinién, de que salgan nuevas versiones de los entornos de desarrollo tan rapidamente? © Para adaptarse a la evolucién del hardware. © Para incluir y modificar funcionalidades del entorno.2.1.3.- Uso basico de Netbeans. Caso practico —En qué partes se divide el espacio principal del entomo? Vamos a echar un vistazo, —le comenta Juan a Antonio. (A Juan le gusta explicarselo a su compafiero, ahora que va descubriendo las ventajas de los IDE)En el sitio principal del entorno de desarrollo de NetBeans nos encontramos con la siguiente ventana, que aparece cuando seleccionamos archivo, nuevo proyecto, java: fur de prt de Netbeans Netbeans \Vemos que el espacio se divide en dos ventanas principales. “Ventana Izquierda: ventana de proyectos. Aqui iré apareciendo la relacién de proyectos, archivos, médulos o clases que vayamos abriendo durante la sesion. Cada proyecto comprende una serie de archivos y bibliotecas que lo componen. El principal archivo del proyecto Java es el llamado Main java “ Ventana derecha: espacio de escritura de los cédigos de los proyectos. Aqui aparece el esqueleto propio de un programa escrito en lenguaje Java. Se ha afiadido el codigo: Systemout.printla("Hola Mundo"); Y veremos su significado en las siguientes paginas. De momento, saber que para escribir cualquier cédigo, hay que hacerlo en esta ventana. » Barra de herramientas: Permite el acceso a todas las opciones del IDE.2.1.3.1.- Ejemplo de edicion de codigo con Netbeans. En este documento vamos a introducirnos en la edicién de programas en NetBeans a través de un ejemplo sencillo de una aplicacién de Java. Lo primero es iniciar la plataforma: © capt paral de Netians, Edn de progam enNeBeans Seleccionamos archivo - nuevo proyecto. Elegimos una aplicacién de Java: ck ict a cece wae Lo vamos a llamar ejemplo. Una vez iniciado el proyecto, en la ventana de proyectos (izquierda) vemos como se ha cargado el proyecto ejemplo. Lo seleccionamos con el ratén y se despliega, mostrando todos Sus archivos componentes. Seleccionamos Main.java (que es el archivo principal del proyecto, el cual vamos a editar):Q —— ae © opis de praia de Nenes, Eon ce poranas en NetBeans 2 En la ventana de edicién (a la derecha) nos aparece el esqueleto de la estructura basica de una aplicacién en Java, Lo que vamos a hacer a lo largo del ejemplo es afiadir cédigo. La primera linea de cédigo que vamos a agregar es una orden sencilla en Java, cuya ejecucién posterior dara lugar a la aparicion de un mensaje por pantalla. La apariencia del IDE seré la siguiente: (© Capua de paral de Nettans, Edn de programas en Netbeans Afiadimos otra linea mas con otro mensaje “Creando mi primer ejemplo" (© captura de paral de Netteans, Edn de programas en NetBeans Ahora vamos a modificar la parte de arriba del programa. Afiadimos la siguiente lineaura de prtala de Netbeans. iin de pogvaas en NetBeon Esta linea nos va a servir para adentrarnos en una de las utilidades mas importantes de NetBeans. NetBeans entiende esta orden como un error (aparece subrayada en una linea roja ondulada y con un pequefio icono al lado izquierdo) Si pulsamos sobre ese icono con el ratén, NetBeans nos aporta sugerencias para deshacer el error: Ba QS em ree ae a: © Captua de pantala de Netbeans, Econ de programas en NetBeans En este caso, elegimos importar JFrame a la libreria. Y seguimos afiadiendo cédigo en el editor: Q (© Capua de partal de Nettans, En de posramas en NetBeansSe nos vuelven a subrayar lineas en rojo, actuamos igual que en el caso anterior y vamos viendo las sugerencias que nos dan para corregir. También vamos viendo las opciones de autocompletado de cédigo: Q shes © Captus te pantaa de Neteane, Ein de peogramas en NetBeans Llegados a este punto, ya hemos comprobado que el editor no nos da ningtin problema més. En el siguiente punto del tema, veremos como ejecutar esto. Vemos también cémo se han importando con éxito las librerias que nos han hecho falta: © cantun de pantal de Neteans, Edin de ponramas en NetBeans El cédigo completo del ejemplo es el siguiente:2.1.3.2.- Edicién de programas en NetBeans. Caso practico —Vamos a hacer el primer ejemplo —comenta Ana, entusiasmada—. Después de todo, no debemos perder de vista la finalidad de la herramienta, ESCRIBIR PROGRAMAS! public void setboin(stringtoain) ¢ ‘hse Login = Logke eretrn the passers subi string getPassward() { return password SSSBSSReEREsERNEOED T"eparan passiard the password to set © public void setPassword( String password aver Mejias, Captura del DE NetBeans (CO)En este sencillo ejemplo se ve una modificacién de las . lineas de cédigo en la ventana de codificacién del archivo Main java del proyecto ejemplo que acabamos de crear. Las dos lineas que aparecen resaltadas se han escrito sobre la ventana y, tal y como significan en lenguaje Java, s Su ejecucién implicaré que sendos mensajes encerrados oe nssans canara se Pana deNebeans entre comillas y entre paréntesis saldran impresos. No hay que decir que la programacién en Java no es objeto del presente médulo, pero puedes probar con algunos ejemplos en Java que tengas de otros médulos. Mientras escribimos en el editor de textos nos percatamos de varias caracteristicas de NetBeans que ya hemos sefialado en paginas anteriores: “ Autocompletado de cédigo. ~ Coloracién de comandos. ¥ Subrayado en rojo cuando hay algiin error y posibilidad de depuracién y correccién de forma visual, mediante un pequefio icono que aparece a la izquierda de la linea defectuosa.2.1.3.3.- Generacion de ejecutables en NetBeans. Una vez tenemos el cédigo plasmado en la ventana de comandos y libre de errores de sintaxis, los siguientes pasos son: compilacién, depuracién, ejecucién. A\ ejecutar el ejemplo anterior, el resultado es: Sia este ejemplo le afiadimos la funcionalidad de JFrame, el resultado de la ejecucion es: Autoevaluacion Los pasos que debemos dar para generar un ejecutable son: © Ejecucién directa. Ejecucién, una vez que el editor esté libre de errores sintacticos. Una vez que el editor esté libre de errores, compilar, depurar y ejecutar. °Continuando con el ejemplo anterior, recuerda que hablamos llegado a este punto: © cata de srt de Ntheans. Edn de potamas en NetBeans Tenemos el programa escrito en el editor libre de errores sintacticos £Cémo convertir ese programa en ejecutable? Cabe destacar que, por la sencillez y pequefiez del programa, la ejecucién del mismo podria ser directa sin ningun problema Sin embargo, debemos acostumbrarnos a seguir los pasos adecuados, que son: “Editor libre de errores —- Compilacién —> Depuracién — Ejecucién ¥ Para compilar un programa, debemos seleccionar ejecutar (en la barra superior de herramientas) + Compile File ~ Depurar — Barra de herramientas ¥ Ejecutar —- En la barra de herramientas o bien mediante el icono de acceso directo en la parte superior de la ventana de edicion de codigo. Q © capa esr de Neteans. Edn do protamas en NetBeans El resultado que obtenemos (si todo ha ido bien) es:2.1.4.- Gestio6n de mdédulos en NetBeans. Caso practico Después de haber probado a configurar algunos aspectos del entorno, ahora Juan desea empezar a Programar. Tiene un trabajo pendiente en JavaScript, pero observa que, tristemente, este lenguaje no es soportado por NetBeans. —eCémo que no? —Le dice Ana. —Basta con encontrar e| médulo de JavaScript (estructuras del lenguaje mas bibliotecas asociadas) y afiadirlo como complemento al entorno. Entonces si que podrds programar (también) en ese lenguaje. A Juan le parece fascinante.Con la plataforma dada por un entorno de desarrollo como NetBeans podemos hacer uso de médulos y plugins para desarrollar aplicaciones En la pagina oficial de NetBeans encontramos una relacién de médulos y plugins, divididos en categorias. Seleccionando la categoria Lenguajes de Programacién, encontraremos aquellos médulos y plugins que nos permitan afiadir nuevos lenguajes soportados por nuestro az IDE. = Un médulo es un componente software que contiene clases de Java que pueden interactuar con las API del _ entorno de desarrollo y el manifest file, que es un archivo especial que lo identifica como médulo. Los médulos se pueden construir y desarrollar de forma independiente. Esto posibilita su reutilizacion y que las aplicaciones puedan ser construidas a través de la insercién de médulos con finalidades concretas. Por esta misma raz6n, una aplicacién puede ser extendida mediante la adicién de médulos nuevos que aumenten su funcionalidad. Existen en la actualidad multitud de médulos y plugins disponibles para todas las versiones de los entornos de desarrollo mas utlizados. En las secciones siguientes veremos dénde encontrar plugins y médulos para NetBeans 8.0.1 que sean de algiin interés para nosotros y las. distintas formas de instalarlos en nuestro entorno. También aprenderemos a desinstalar 0 desactivar médulos y plugins cuando preveamos que no los vamos a utilizar mas y como podemos estar totalmente actualizados sin salir del espacio de nuestro entorno. \Veremos las categorias de plugins disponibles, su funcionalidad, sus actualizaciones. Autoevaluacion ~Como crees que influye el hecho de tener médulos y plugins disponibles en el éxito que tenga un IDE? Contribuyen al éxito del entorno. No influyen en el éxito del entorno.2.1.4.1.- Afiadir médulos en Netbeans. Caso practico Ya sabemos que podemos afiadir funcionalidades a nuestro entomo. Pero ni Juan ni Ana saben cémo hacerlo. Piden ayuda a Maria, que decide ayudarles. —Afiadir médulos y plugins es muy sencillo, prestad atencién.Afiadir un médulo va a provocar dotar de mayor = funcionalidad a nuestros proyectos desarrollados en NetBeans _ Para afiadir un nuevo médulo tenemos varias opciones: 1. Afiadir algun médulo de los que NetBeans instala por detecto. 2, Descargar un médulo desde algtin sitio web permitido y aftadirlo, 3. Instalarlo on-line en el entorno. (2 aptira de pants de Netbeans, Moculos 9 Nebeans Por supuesto, una cuarta posibilidad es crear el médulo nosotros mismos (aunque eso no lo veremos aqui). Sin embargo, lo més usual es afiadir los médulos o plugins que realmente nos interesan desde la web oficial de NetBeans. El plugin se descarga en formato .nbm que es el propio de los médulos en NetBeans. Posteriormente, desde nuestro IDE, cargaremos e instalaremos esos plugins. A esta manera de afiadir médulos se le conoce como adicién off-line. También es habitual instalarlos on-line, sin salir del IDE. La adicion on-line requiere tener instalado el plugin Portal Update Center en NetBeans 8.0.1 y consiste en instalar complementos desde nuestro mismo IDE, sin tener que descargarlos previamente. ‘A modo de ejemplo, en el siguiente enlace tienes un documento donde se explican los pasos para afiadir un médulo © plugin, de forma offline (descargando el archivo e instakndolo posteriormente) y de forma on-line. Debes conocer Navegar y familiarizarse por la plataforma web que NetBeans pone a disposicién de los desartolladores es fundamental para estar al dia de las tltimas funcionalidades que podemos afiadir a nuestro entorno mediante la instalacion de plugins Busqueda online de plugins para NetBeans Hay dos formas de afiadir médulos y plugins en NetBeans: 4.- Off-line: Buscar y descargar plugins desde la pagina web oficial de la plataforma: Descarga de plugins para NetBeans. EjemplVamos a buscer un plugin para jugar al sudoku desde nuestro IDE. No es muy educativo, pero sirva como ejemplo la manera en que se va a realizar el proceso (sera igual en todos los casos): Entramos en la zona de descargas de plugins para NetBeans y en la zona del catélogo, escribiremos la palabra sudoku: (© Ctun pantala de Netbeans, Méduoe de Netbeane 1, Se nos abre una ventana con las caracteristicas del plugin y la opcién de descargario. Elegimos la carpeta donde queramos que se guarde. 2. Entramos en NetBeans: Q (Capita de pants de Nebeans, Agregar Proyecto en NetBeans 3. Creamos nuevo proyecto y seleccionamos el tipo de proyecto que queramos (por ejemplo, aplicacién de Java). Herramientas - Complementos: En la pestafia "descargado” seleccionamos "Agregar Plugins” Seleccionamos la carpeta donde habiamos guardado el plugin del sudoku y le damos a “aceptar" Estando el plugin seleccionado, pulsamos "instalar’, empieza la instalacién, pulsamos siguiente. Después, aceptamos la licencia para instalar 4, On-Line: Instalarlos desde el propio entorno de desarrollo: Ahora vamos a instalar otro plugin con mayor utilidad que el anterior: Estando en NetBeans, seleccionamos Herramientas - Complementos:En la pestafia de plugins disponibles: seleccionamos Open URL of Git repository hoster- Instalar Se abre la ventana de instalacion donde Q = tenemos que aceptar los términos de licencia —————~__y pulsamos sobre Instalar: ‘©netbeans Capra de Pntala de Netbeans Puede que nos salte un mensaje de advertencia para verificar el certificado si Netbeans no lo considera de confianza, si confiamos en su procedencia pulsamos en Continuar y el proceso de instalacién seguira. Finalmente pulsamos sobre Terminar y ya tenemos el plugin instalado.2.1.4.2.- Eliminar médulos en Netbeans. Cuando consideramos que algiin médulo o plugin de los instalados no nos aporta ninguna utilidad, © bien que el objetivo para el cual se afiadié ya ha finalizado, el médulo deja de tener sentido en nuestro entorno. Es entonces cuando nos planteamos eliminarlo. Eliminar un médulo es una tarea trivial que requiere seguir los siguientes pasos: 1. Encontrar el médulo o plugin dentro de la lista de complements instalados en el entorno. 2. Ala hora de eliminarlo, tenemos dos opciones: 1, Desactivario: El modulo o plugin sigue instalado, pero en estado inactivo (no aparece en el entorno) 2. Desinstalarlo: El médulo o plugin se elimina fisicamente del entorno de forma permanente. Esta es la ventana, desde el gestor de complementos de NetBeans, que nos aparece cuando queremos eliminar un médulo del entorno. Siempre nos pedira elegir entre dos opciones: desactivar o desinstalar. En este ejemplo, se opta por desactivar el complemento, como podemos ver en la imagen. ‘© Netbeans Cantus oe Patiala de NetbeansAutoevaluacion Para afiadir un médulo desde la web oficial de NetBeans: © Hay que instalar el plugin Update Center. © Hay que conectar con la web desde Netbeans e instalar on-line. © Hay que encontrar el complemento, descargarlo y luego instalarlo en el IDE. © No se pueden descargar los complementos desde ahi, Vamos a ver la secuencia de pasos a seguir para eliminar el plugin del juego del sudoku del entorno.Li pruLcou co Miuy SCHUM. Yasta LUN LUHecyuH Ia Hola US LUMpIEHICIHUS HoalquLS (Herramientas - Complementos). Localizamos el complemento que queremos eliminar escribiendo su nombre en el lugar destinado para ello y seleccionamos una de entre las dos opciones posibles: desinstelarlo o desactivarlo En la pestafia de complementos instalados, escribimos el nombre del plugin (sudoku) en la barra de blisqueda: 2nd antl de Neteans, Méuls de Nebeans Cuando lo encuentra, en la ventana aparecen las dos posibilidades de eliminacion: A (2Cctura de pantals de Netbeans, Modulos de Nebeans, En este caso, hemos optado por desactivarlo. ‘2.aolua de pana de Netbeans, Modulos de Netbeans2.1.4.3.- Herramientas concretas en Netbeans. Importador de Proyectos de NetBeans: permite trabajar en lenguajes & NetBeans como JBuilder. Servidor de aplicaciones GlassFish: Proporciona una plataforma completa para aplicaciones de tipo empresarial Soporte para Java Enterprise Edition: Cumplimiento de estandares, facilidad de uso y la mejora de rendimiento hacen de NetBeans la mejor herramienta para crear aplicaciones de tipo empresarial de forma agil y répida. Facilidad de uso a lo largo de todas las etapas del ciclo de vida del software. NetBeans Swing GUI builder: simplifica mucho la creacion de interfaces gréficos de usuarios en aplicaciones cliente y permite al usuario manejar diferentes aplicaciones sin salir del IDE. NetBeans Profiler: Permite ver de forma inmediata cémo de eficiente trabajara un trozo de software para los usuarios finales. El editor WSDL facilita a los programadores trabajar en servicios Web basados en XML. El editor XML Schema Editor permite refinar aspectos de los documentos XML de la misma manera que el editor WSDL revisa los servicios Web. “ Aseguramiento de la seguridad de los datos mediante el Sun Java System Acces Manager. Soporte beta de UML que cubre actividades como las clases, el comportamiento, la interacoion y las secuencias. Soporte bidireccional, que permite sincronizar con rapidez los modelos de desarrollo con los cambios en el cédigo conforme avanzamos por las etapas del ciclo de vida de la aplicacién. ‘Netbeans Logo Netbeans Autoevaluacion ZEn qué fases del desarrollo de software crees que ayudan los entornos integrados de desarrollo? En codificacién, pruebas, documentacién, explotacién y mantenimiento. En codificacién y documentaci6n. En analisis y documentacién.2. 1.4.4.- Funcionalidades de los modulos. Caso practico —Para que sepas qué puedes encontrar en los complementos, te recomiendo que tengas claras las funcionalidades que ofrece, teniendo en cuenta que se van ampliando dia a dia, le comenta Ana a Juan. = Los médulos y plugins disponibles para los entornos de desarrollo, en sus distintas versiones, tienen muchas y muy variadas funciones. Podemos ciasificar las distintas categorias de funcionalidades de médulos y plugins en los siguientes grupos: Oake No N 10. " Construccién de cédigo: facilitan la labor de programacién. Bases de datos: offecen nuevas funcionalidades para el mantenimiento de las aplicaciones. Depuradores: hacen mas eficiente la depuracién de programas. Aplicaciones: afiaden nuevas aplicaciones que nos pueden ser utiles. Edicion: hacen que los editores sean mas precisos y mas comodos para el programador. Documentacién de aplicaciones: para generar documentacién de los proyectos en la manera deseada Interfaz grafica de usuario: para mejorar la forma de presentacién de diversos aspectos del entorno al usuario, Lenguajes de programacién y bibliotecas: para poder programar bajo un Lenguaje de Programacién que, en principio, no soporte la plataforma, Refactorizacion: hacer pequefios cambios en el cédigo para aumentar su legibilidad, sin alterar su funcién, Aplicaciones web: para introducir aplicaciones web integradas en el entomno. Prueba: para incorporar utilidades de pruebas al software.Autoevaluacion Qué categoria de funcionalidad de NetBeans te parece mas interesante? eons aa Day 42 Review IDE configuration settings Overview Tutorials © _ Create a new Java EE Web Project eeu Samples © Create a new Javascript project Thy outthe eames What's New @D _ Sheckout projects from cit Leal Import existing projects BH Launch the Eclipse Marketplace aver Mejias, joeuetn a Ele (C0) Instalacion en MacOs Los usuarios del sistema operativo de Apple esta acostumbrados a sencillos procesos de instalacién. Basta con descargar la versién que queremos del entornos de desarrollo, hacer doble clic en el paquete descargado y comenzara un sencillo proceso de instalacién, en la que el usuario tendré que aceptar la licencia de utilizacién de dicho IDE, asi como seleccionar la carpeta en la que quiere que se guarden sus proyectos por defecto. De una forma sencilla y rapida quedaré el IDE instalado en nuestra computadora. Comenzamos la instalacién de la versién Eclipse Neon genérica y elegimos la opcién para PHP.eclipseinstaller s,comon = Eclipse IDE for PHP Developers ‘The essential tools for any PHP developer, including PHP language ‘Support, Git client, Mylyn and editors for JavaScript, HTML, CSS and XML. Installation Folder Alsersjviermejs/ecipse/php-neon = ‘Visual tudo es un OE con un 8B 105+ xemernrorms ro109 rogue depen, pmer on Tarube,disfaco para Mac © macos sao lye generat do partes evans tay 129 orale Mono 500, © © Works ooks & Inspector 122 siimitrosatiesmisint? Tonstodeladescwgs:970.60 | Cancelor | QIN vor Mois Rel Proceso de intlctn de ius! Suto (060) Una vez hemos seleccionado las plataformas en las que estamos desarrollados, junto con las herramientas que queremos instalar con el IDE, comenzara el proceso de instalacién, que necesitaré de conexién a internet para descargarse los componentes del IDE. OO Nisa Staci: instataci, Descargando e instalando... Introduccion a Visual Studio oes Descargar omponentes Prepsrando para la descarga... Instaacién = posble que mscOS le pala contraseta de acinistrador varios veces crane I instalacén cancelar Javier Mois. nalacn ob Vous Sao (200)Una vez ha finalizado la instalacién, ya tenemos listo nuestro entorno de desarrollo para comenzar a programar. Al iniciarlo, nos preguntaré que tipo de proyecto queremos desarrollar. 94 Vso mm aes comensar = a5 = So =e ae eo JavierNejas MerostVsvat Sui (C0) Una vez hemos seleccionado el tipo de proyecto que queremos crear, el asistente de Visual studio nos preguntaré aspectos basicos de nuestro proyecto, como el nombre del mismo.eco Nuevo proyecto. Cora ami VISTA PREVIA (bt pUsersfavirmales Projects Be Holaundo (D Htatund.sin [Bs Helamundo Nombre del proyecto: [Holand C HolaMundo.cseroj Nombre dels olvedn: HolaMunde Lic: [Userfevemsjeapreeas ] (ant © Croc un directorio de proyecte dentro del dvectoio dol solulér Contra de versiones: |] Usar Gt para el control de versiones. cancer nice Jer Maja. Cangas dum proyecto en Vee! Sto (200) Visual Studio nos creara la estructura basica de nuestro proyecto.aver ois. iu Suto (200) Ademas del IDE de Visual Studio, Microsoft ofrece desde la pagina de descargas, Visual Studio Code, que es un Entorno de desarrollo integrado que nos permite escribir cédigo de forma sencilla e intuitiva en multiples lenguajes de programacién. Dicho IDE se descarga desde la pagina oficial de visualstudio y presenta un aspecto como el que podemos encontrar a continuacién.cone Pos Javier Mejias Real, Meroe Veu Sts Ceo2.3.2.- SQLDeveloper. Oracle SQL Developer es un entorno de desarrollo libre que simplifica el desarrollo y la gestion de las bases de datos de Oracle. SQL Developer nos ofrece la posibilidad de desarrollar nuestras aplicaciones PL/SQL, asi como un marco de trabajo para ejecutar nuestros script de consulta sobre la base de datos. Actualmente puede descargarse desde la pagina de oracle. Bastaria con buscar, dentro de las herramientas para desarrolladores (Developer Tools) SQL Developer. [ole senew onetyy — Pca = tonu Q emcee ‘vero | Ban Dome Sonal or ORACLE f - } SQL Developer i " =o a lpn masa fn of rc SL Detpe: SOL Delp as been arty See conmanty Siete Sani mama Oe trang somnoey Sonar” sa fen ve see oe Jair Maas. Zoe descarga de SQL. Developer cer le web de Oracle (C00) Una vez lo hemos descargado, bastard con hacer doble clic en el icono del ejecutable. Actualmente SQLDeveloper solamente esté disponible para sistemas operatives Microsoft Windows.ver sje Real SL Ceveoper(2C0) ies ae ae oeecr ee Is CURSOR cur_emp(p_dep NUMBER) TS SELECT salar FROM temple WHERE nunde=; OR UPDATE OF salar; empsal temple. salarsTYPE; existe departamento NUMBER(1): BEGIN =-Rbrimos ol cursos ‘OPEN cur_emp(v_dep) »_dep --creamos el bucle LOOP aver os Real. SOL Developer (CO)3.- Entornos de desarrollo multiplataforma. Caso practico Ana ya sabe més sobre los entornos de desarrollo y se quiere ir especializando. Va a comenzar con los de multiplataforma. Ada le comenta que entre otros, Android Studio es un gran ejemplo de especializacion. _Pues vamos a ello! eokaole Pantata Ooenaor Los entornos de desarrollo multiplataforma son aquellos conocidos por ser especificos para aplicaciones de escritorio o de dispositivos méviles. Actualmente se estan diferenciando de los entomos para web y mixtos, debido tambien a la evolucién de las distintas lineas de mercado, que estén llevando a los programadores y desarrolladores de software a ser mas especializados y por tanto, requerir herramientas con este fin. ¥) New->Import. Android Studio te preguntara posiblemente por el tipo de proyecto a importar, cuya opcidn a elegir es Import project from external model y la opcién elegida sera Gradle.3.1.3.- Compilando una app. Tras el proceso de codificacién, es el momento de compilar y ejecutar tu aplicacién Para ello simplemente has de hacer clic en el botén "Run app" y se lanzaré usando la tecnologia Gradle. Si se quiere lanzar la aplicacién en el emulador se requiere tener un Android Virtual Device (ADV). En caso de no tenerlo al lanzar la aplicacién se puede hacer clic en la opcién "Crear nuevo emulador" y la interfaz de creacién se activara. En caso de querer utilizar un dispositive Android fisico para la ejecucion de la app se debe de habilitar el modo de depuracién USB en el dispositivo. (EERE ve oct Peoroinetaente3.1.4.- El emulador de Android. El emulador de Android es rapido y mas potente que en la versién de Eclipse. Permite la emulacién multinucleo para hacer la ejecucién mas eficiente. Por defecto no se genera ningun emulador, por lo que al ejecutar un proyecto por primera vez se debe crear. Para ello el propio sistema lo solicita y da a elegir entre la inmensa gama de tamafios y dispositivos (incluidos televisores o relojes de tipo Smart Watch), (sto tu Cahn Ant Sus Tras elegir el emulador podemos escoger el sistema, es decir el nivel de API que nos interese. Por defecto nos ofrecera la ultima API disponible, aunque nos permitira descargar/seleccionar APIs anteriores. Por ultimo podremos modificar las opciones anteriores y seleccionar otras, entre ellas: Resolucién de pantalla y tamafio. API Orientacién (vertical u horizontal). Activar/desactivar la camara. Velocidad y latencia de red.3.2.- XCode. Xcode es un entorno de desarrollo integrado para macOs que contiene las herramientas necesarias para desarrollar aplicaciones para las distintas plataformas de Apple. Con XCode podemos desarrollar aplicaciones para macOs, iOs, watchOs y tvOs. Xcode puede descargarse de forma gratuita desde la App Store, para ello tenemos que utilizar un sistema operativo macOs. x a 2 © os ee eo Xcode cote ©) a Be Javier Naja, Deczarge 30 XCooe ceed i Aap Stor (0) Una vez hemos descargado e instalado XCode podemos iniciar la aplicacién. En primer lugar nos preguntaré si queremos continuar con un proyecto anterior 0 si queremos crear uno nuevo.2 Bacumante Welcome to Xcode Get started witha playground Explore new ideas quicly and eas Create anew Xcode project Create an app for Phone, Pad, Mac, Apple Watch o Ale TV. Ccheck out an existing project Start working n something fom an SCM repository. Hee Show this window when Xcode launches (open ances project. JavierMelias nce oe XCeae (000) En el caso de seleccionar la creacién de un nuevo proyecto, tendremos que elegir la plataforma para la que queremos desarrollar nuestra aplicacién. Choose options for your new playground: Name Prtiom: 108 Cancel Previous: ic aver Maas Pin a ereacion el projete con xCoee (CC)Una vez hayamos elegido el tipo de proyecto, su nombre y el directorio donde se guardaré el Cédigo fuente, podemos comenzar a trabajar en nuestro entorno de desarrollo. coe = Mipoycte 772 Plaversind ~ noun = plsee were i) ele payarond lection 2 ‘hy Meese! Propet styround © Pyaar Sriegs aterm 08 E Javier Meas. IDE Xcode (C0)3.3.- Otros entornos de desarrollo Multiplataforma. Android, sistema operativo basado en el kernel de Linux, se ha convertido en el sistema operative dominante de los dispositivo méviles. Actualmente copa cerca de! 88% de! mercado de dispositivos méviles, lo que ha hecho que se haya convertido en todo un referente. Desde que Android Studio se convirtis en el IDE oficial de Android, muchos otros entornos de desarrollo que eran compatibles con Android han perdido cuota de mercado. Por este motivo, Android Studio es el IDE por excelencia en el desarrollo de aplicaciones multiplataforma. A pesar de que Android domine el mercado de los dispositivos méviles, estudios recientes concluyen que desarrollar aplicaciones para iOS es mucho mas rentable. Por este motivo en el epigrafe anterior hicimos una pequefia mencidn de XCode, el IDE para desarrollar aplicaciones para las distintos dispositivos de Apple. Una vez hayamos visto los dos principales entornos de desarrollo para multiplataforma, vamos a hacer una breve descripcién de dos framework destinados al desarrollo de videojuegos que contienen su propio IDE. Jvler Mejias. Logstpce oe varos IDEs muttetorme (CS)Unity es una herramienta que nos permite desarrollar videojuegos para diversas plataformas. Unity cuenta con su propio editor integrado que, junto con las librerias y API que proporciona el framework de Unitye, nos permite desarrollar juegos para dispositivos méviles, videoconsolas y diversos sistemas informaticos. asola Cualquier luc 000000060606006 6600600000060 Javier Mejias Platforms pare ls gue oe punden deseraorvdvolueges con Unty (000) Desde la pagina oficial del proyecto Unity, podemos descargaros una version gratuita para comenzar a desarrollar videojuegos. Dicha version, entre otras, tiene la limitacién no comercial. Es decir, con la licencia personal no podemos elaborar aplicaciones con fines comerciales.Todo lo que necesitas para tener éxito en los juegos y en VR/AR ‘suseRIDETE ANTES DEL31 DE MAVO: toa Ard to $278 incprated| over Meios, Moos ae lesnelge de Unt (200) Una vez nos hemos descargado nuestra versién, procedemos a instalarlo en nuestra computadora, mediante un sencillo proceso de instalacién. Tras la finalizacién del mismo podemos acceder a las herramientas de desarrollo que nos ofrece. Una vez que arranquemos Unity, nos preguntard si queremos crear un nuevo proyecto o abrir uno ya existentea Projects Gi ‘Standard Assets Example Project a rare Uny verso 5.0 comer ver Mis, Pantaleo nico 9 Unt: (0) Si elegimos crear un nuevo proyecto, tendremos que elegir entre crear un proyecto en 2D o en 30. Brew Ror [seen New Unity Project 1 Wsers/Shared/Unity oe Javier Mois. Panta de comureion de un proyecto nuevo en Uni (200) Una vez hemos creado el proyecto podremos comenzar a trabajar.Je Mejias IDE oe Unt, (200) Autoevaluacion Selecciones la opcién correcta. Unity 3D es un entorno de desarrollo integrado que nos permite desarrollar videojuegos con fines comerciales de forma gratuita. Sugerencia © Verdadero © Falso3.3.2.- JMonkey Engine. JMonkey Engine JMonkey es un motor para el desarrollo de juegos 3D basado en Java. Es compatible con (© LWJGL y la potencialidad unida a la comunidad de desartolladores que lo sostienen lo hacen una opcién muy interesante. Ademés del motor de juegos, JMonkey Engine contiene su propio IDE para trabajar con JMonkeyEngine. Lo puedes descargar desde aaul. Una vez descargado procedemos a realizar su ffi comma instalacién para poder utilizar jMonkeyEngine. saa Installation Please wait while the installer installs jMonkeyEngine SDK. Installing jMonkeyEngine SDK... 3% Extracting /Applications /.../lwjgl-platform-2.9.3-natives-linux.jar.pack.gz Next > Cancel Javier Mlojas, races de ntalcin de Monkey Engin, (202) svar ajos Proceso ae intlatn a JMoniayngine (00)Una vez hemos instalado el JMonkey podemos comenzar a trabajar con su propio IDE, el cual se descarga de manera conjunta con el motor de videojuegos y las distintas librerias de desarrollo avr Maja, IDE de Mentay Engin. (202)4.- Entornos de desarrollo web. Caso practico Juan sabe que el desarrollo de aplicaciones web requiere un esfuerzo, pero que existen software que pueden ayudar en el proceso, y esta decidido a usarlos. A por ellos!La programacién y el desarrollo web en sus inicios, se basaba en un bloc de notas que a partir de cédigo basado en etiquetas, generaba un archivo interpretado que los navegadores podian entender. La cantidad de lenguajes web actuales, asi como la implantacién total de la web hace necesario el apoyo en herramientas que permitan facilitar el desarrollo, Por este motivo existen multitud de entornos de desarrollo destinados al desarrollo web. A lo largo de este epigrafe vamos a hacer un recorrido por los IDE mas utilizados en la actualidad, aptana & @eaun plepad+ ATOM vl Meas, Legonoee oe vanes IOS erence a eho (COD)4.1.- Notepad++. Notepad++ en uno de los editores de cédigo mas conocidos en la actualidad. Distribuido bajo licencia GNU, estamos ante un editor de texto que permite trabajar con una gran cantidad de lenguajes. Su instalacién es muy sencilla y liviana. Puedes descargar Notepad++ aqui haciendo clic en la pestafia lateral "download" donde podras obtener la ultima version libre. Pog Inder Maas Wi fio proyecto notanast+ (00) Notepad++ dispone de herramientas que nos facilitan el proceso de programacién, como la opcidn de resaltado de codigo (consiste en mostrar el cédigo coloreado, de tal forma que cada tipo de palabra clave lo muestra en un color determinado. Con esta técnica se facilita la lectura y elaboracion del cédigo), el autocompletado, de forma que al escribir una etiqueta HTML, el propio editor nos muestra todas las posibles opciones y nos facilita el proceso. Permite ademas trabajar en varios documentos a la vez, y tener multiples vistas de un mismo documento. Ademés de las caracteristicas anteriores, podemos destacar: + Atajos funcionales. Notepad++ dispone de multitud de opciones para facilitar la labor de programacion. + Cambio directo de mayusculas a mintisculas. + Operaciones con lineas de codigo. + Autocompletado de funciones, rutas o palabras clave. + Eleccién de lenguaje de codificacién para colorear el texto. Apesar de su popularidad, Notepad++ solo esta disponible para el sistema operativo Microsoft Windows.Fea Saw GE) fe Eonamnenan = one |) emo | Be eo L = en || Fes, extmetentneniim thiimetn ee ae rere Cite gmedetnetteee Mite breren toate o eee Chea pra gmt een cine? en grein hon es — i oe Bera de waned Eaberada pov Franceecoet, Ntapad (CCBY-SA)4.1.1.- Instalacion y uso de Notepad++. Tras la descarga se procede a la instalacion del editor. En primer lugar ejecutamos el instalable. oeronuso al Asestente do Instatacion de Notepad» v6.9.2 Q ad € Notepad Capra etaconnotapods Tras aceptar la licencia avanza hasta llegar a la seleccién de componentes. Aqui podemos escoger el 0 los idiomas entre los soportados. Tambien podemos escoger los lenguajes para los que queramos que notepad ++ aporte el autocompletado (por defecto todos marcados). Los plugins y el gestor de plugin deben quedar instalados. Por otro lado los temas para la interfaz que lleva por defecto podemos no instalarlos si no vamos a hacer uso de ellos, y si que se debe incluir el auto actualizador, que mantendré notepad ++ siempre en la ultima versién comme 08 Notepace» Capra netatcen NotepadEn la siguiente fase previa a la instalacién tenemos cuatro opciones de las cuales la primera permite que Notepad++ pueda escribir e el directorio y debera ser checado si Notepad++ se ejecuta desde un USB. Tambien en la segunda opcién podemos permitir la carga de plugins externos. CRETE wean tye ete Opetternecra ti tent cate oe ty Q Notepad Capura metaaconnotapedt® Y tras finalizar tenemos la interfaz del editor.4.2.- Brackets.io. Bracekts es un editor de texto ligero, potente y moderno que nos permite escribir cédigo en una gran variedad de lenguajes de programacién. Estamos ante un proyecto open-source (cédigo abierto) distribuido bajo la licencia MIT y que ha sido desarrollado en HTML, CSS y JavaScript. Aunque estamos ante un proyecto open-source, fue creado en sus origenes por Adobe System ® y actualmente estd disponible para Mac, Windows y GNU/Linux. Podemos descargarnoslo desde la pagina oficial del proyecto. ‘wnumedia. Lege ae 1 Brackets. (C0) 0 bracket q Amodern, open source text editor that understands web design Javier Naja, Aspect la wed of de Brackets (CC) Una vez nos hemos descargado el editor de texto, el proceso de instalacién sera el estandar segtin el sistema operativo sobre el que vayamos a instalarlo.“J Brackets Installer =) Brackets Destination Folder (i) Glick Next to install to the default folder or dick Change to choose another. ‘\Program Files \Bracket (Z]Add "brackets" launcher to PATH for command line use [Z)Add “Open with Brackets” to Explorer context menus for all fles and folders Cees) Gores) Javier Meas, Inetalacon a Brackets en Wingo (CC) has iste es tu gutal Bienvenidos a la pagina de prueba @YourRWNE 1) Pagina de ejemplo x € © 127.0.0.1:50178/prucba.htmi Bienvenidos a la pagina de prueba Jair Wels, Live Preview ob Brackets, (0)4.3.- Sublime text. Sublime text esta considerado por muchos desarrolladores web como el mejor editor de cddigo. Estamos ante un IDE de pago, con un coste por licencia de unos 70 délares, aunque existe la posibilidad de descargar una versién de prueba de forma gratuita desde la wed oficial del proyect Download Buy cry Forum or Sublime Text Sublime Text is a sophisticated text editor for code, markup and prose. You'll love the slick user interface, extraordinary features and amazing performance. 200 Demonstration eae ee ceaes over Mejias. Pigina oi Sui Entre sus caracteristicas podemos destacar que esta disponible para Windows, MacOs y GNU/Linux, e! gran numero de lenguajes de programacién que soporta, como HTML, C, Php. JavaScript, Java y Python entre otros. La existencia de un modo libre de distracciones para centramos solo en la escritura del cédigo, la cual se facilita mediante las opciones de autocompletar y el coloreado del mismo. Ademés podemos tener varias ventanas abiertas al mismo tiempo, incluso visualizar un documento mostrando diferentes partes.cies IN tenpl ptmeast cra SELECT COUNT(s) INTO x numen FROM teaple WHERE n eer reer teat eee See ee ee a eee Rear Preacl Coenen ee Pree tetra ene ee ee Besser Ademés de la funcionalidad que trae por defecto, podemos aumentarla con la utilizacién de plugins. Estos pueden ser instalados desde el mismo editor. Para poder gestionar los plugin de nuestro editor, lo primero que tenemos que hacer es acceder a la consola del editor View- >Show console. Taise application error(-20230, "enpleado nex Fite "", ine 1, 4n Inporterror: No module naned“urttib2 Traceback (nost recent cal last File "", Line , in Importerror: No module nated *urtlib2’ Jove Mejias, Conia se Sadie Tot Una vez_—tengamos_-s la_—sconsola_—abierta, + tenemos que_— acceder_— a la pagina: https://packagecontrol.io/installation y ejecutar el cédigo que corresponda acorde a la version de sublime text que estemos utilizando.Package Control Simple oper, pst te appa Python but poner( Lepanar( Sb prompondier()) 35 rol-/" + pl-replace( 5 20"))-rea)s oh nesnib.ons256(9)rewigest()3 pein Errorvalldkting downlaod 4h Leh else apan(oe.path int 4p, of) Jate(ty) re hang wth ovr reas Ino, place hk os page aver Neji, agin a a que s# museran fe instuccone para ntlarun Una vez realizado estos pasos, debemos de reiniciar sublime text y una vez reiniciado tendremos acceso al gestor de paquetes, el cual puede ser accedido pulsando la tecla Control+Maytisculas+P 0 Comando+Mayiisculas+P si estamos en una computadora Mac. Una vez tengamos abierto el "Package Control” podemos escribir una de las siguientes opciones (para gestionar los plugin)* Install package (Instalar) = Remove package (Desinstalar) ® List package (Lister) = Enable package (Habilitar) = Disable package (Deshabilitar) ooo orion a 7) Ce eat eeme yy reese ee ee eee PoE ver Mojas. Gest Una vez escrita la opcién, pulsaremos Enter y nos permitiré introducir el texto del plugin que queremos instalar. Es conveniente reiniciar Sublime Text tras la instalacién de cada plugin, Para conocer los distintos plugin que existen para Sublime Text podriamos hacer uso de la ayuda disponible en su pagina web.crmeearsmneen os Sere eee a een Prereer teeter ere coe ee eee eat) ; a. Pere een Javier Mejias, Inetlain 3 paqutes on Subime Text (CCO} Caso practico Descarga Sublime Text desde la pagina oficial del proyecto. Instalelo en su computadora e instale los siguientes plugins: + Emmet. + Sublime Linter. + SideBarEnhancements + HTML-CSS-JS Prettify Una vez los haya instalado, investiga en internet que plugin existentes para Sublime Text le pueden ser de utilidad.4.4.- Otros IDEs. Una vez hemos visto, los que creemos son los entornos de desarrollo mas importantes en el desarrollo web, vamos a describir otros entornos de desarrollo muy interesantes para el alumnado. 6 @ @ fs aver Mais. Logatpos de vari IDE (200)4.4.1.- Dreamweaver. Dreamweaver es un editor de paginas web desarrollado originalmente por Macromedia y que tras la adquisicion de esta empresa por Adobe, paso a formar parte de la Suite Creative de Adobe. La principal caracteristica de Dreamweaver radica en la posibilidad de disefiar paginas web por personas que no tengan conocimiento de lenguajes de programacién para web, puesto que nos ofrece un editor WYSIWYG. Ademas de utilizar el modo de edicién grafica, el disefiador web podria utilizar lenguajes de programacién como HTML, CSS y JavaScript en la elaboracién de su portal web Si en los comienzos uno de los problemas que tenia Dreamweaver radicaba en la generacién de paginas que no cumplian los estandares web, con el paso del tiempo ha conseguido solventar dicho problema y cualquier pagina disefiada utiizando el editor grafico cumple con todos los estandares de la W3C. Estamos ante un programa disponible para las plataformas macOS y Microsoft Windows con un coste por licencia software, aunque existe la posibilidad de descargamos la version de prueba desde la pagina Oficial del proyecto. aver Moja, De nes, Legato de Dreamer (Todoslo8 deechos Una vez tengamos descargada e instalada la version de prueba de Adobe Dreamweaver 0 la versién comercial de la misma podremos comenzar a trabajar con ella