Módulo 4 - Lectura 2.pdf

Software de desarrollo La evolución constante de la tecnología en general y de los lenguajes de programación y dispositivos móviles en particular, brindan un amplio espectro de posibilidades para todas las organizaciones y usuarios. Las nuevas tecnologías permiten mejorar las posibilidades de desemp...

Software de desarrollo La evolución constante de la tecnología en general y de los lenguajes de programación y dispositivos móviles en particular, brindan un amplio espectro de posibilidades para todas las organizaciones y usuarios. Las nuevas tecnologías permiten mejorar las posibilidades de desempeño de las organizaciones en general, logrando desarrollar el negocio de las mismas en formatos impensados pocos años atrás. Incluso es posible tener presencia en internet en forma permanente, gracias a la disponibilidad que ofrecen los dispositivos móviles, que permiten establecer un canal de comunicación permanente, mejorando considerablemente la llegada a los clientes. Esto determina que, prácticamente, toda empresa u organización requiera tener su propia aplicación web o aplicación móvil, haciendo que la demanda de desarrollo de las mismas aumente considerablemente. Definir el entorno de desarrollo de una aplicación móvil es uno de los aspectos fundamentales de la tarea del profesional de sistemas. La utilización de un entorno de desarrollo productivo puede agilizar las tareas de creación de aplicaciones, lo que facilitará el cumplimiento de la demanda creciente de desarrollos en tiempo y forma. En esta lectura, presentaremos algunas herramientas de desarrollo para aplicaciones web y móviles, con el objetivo de evaluar características y potencial de cada una. Para desarrollar los conceptos, analizaremos el caso del Centro de Actividades Culturales, desarrollado en la lectura 1 del módulo 4. Software de desarrollo Referencias Lección 1 de 2 Software de desarrollo Elección del software para el desarrollo Uno de los aspectos más importantes a tener en cuenta en un proceso de desarrollo de aplicaciones de cualquier tipo es el entorno de desarrollo en el cual realizan las actividades de programación. Para la creación de una página web, basta con disponer de un editor de texto simple con el cual se pueda crear un archivo con extensión html y editarlo para incluir el código HTML correspondiente. De todas formas, siempre es conveniente, para la creación de páginas web, utilizar herramientas adecuadas y preparadas para hacer más fácil la tarea de desarrollo. Trabajar en un proceso de desarrollo puede ser una tarea muy costosa y tediosa si no se utilizan herramientas un poco más sofisticadas que permitan lograr una mayor productividad al desarrollador. Bloc de notas (Windows) Bloc de notas es el programa más básico que se puede encontrar en Windows para crear un archivo de texto. También se lo conoce como Notepad. Es una aplicación muy simple, que se caracteriza por una interfaz de usuario extremadamente sencilla. Con este programa pueden abrirse formatos sencillos de texto (como TXT) y editarlos de manera básica. Figura 1: Bloc de notas. Editor de archivos de texto sencillo Fuente: elaboración propia. Este tipo de editor es una herramienta totalmente válida para escribir archivos HTML. Sus características fundamentales son su facilidad de uso y ser un programa liviano y rápido. El problema radica en que no es una herramienta pensada estrictamente para realizar tareas de desarrollo, por lo tanto, es limitada en cuanto al conjunto de herramientas que ofrece al desarrollador, limitando sus posibilidades de trabajo. Para llevar a cabo el desarrollo del proyecto pedido en el caso de estudio, debido a su sencillez, puede ser abordado con un editor de texto simple, ya que la extensión del código necesario para la página web es relativamente pequeña. De todas formas, siempre es conveniente contar con un entorno de desarrollo que brinde herramientas de ayuda para la codificación de aplicaciones, de modo que se puedan lograr niveles de productividad mayores. Sublime Text Sublime Text es un editor de texto y editor de código fuente. Se desarrolla como una extensión de Vim, aunque con el tiempo fue creando su propia identidad. Aún conserva un modo de edición tipo vi llamado Vintage mode. El editor se puede descargar y evaluar en forma totalmente gratuita, aunque no es software libre o de código abierto, y se debe obtener una licencia para su uso continuado. De todos modos, la versión de evaluación es completamente funcional. Su interfaz principal se presenta en la siguiente figura. Figura 2: Interfaz de trabajo de Sublime Text Fuente: [Imagen sin título sobre interfaz de trabajo de SublimeText] (s. f.). Recuperado de https://cutt.ly/4nQSbu1 El editor presenta características muy relevantes que facilitan el trabajo del desarrollador. Entre las más destacadas se encuentran las que se detallan a continuación. Minimapa: provee una previsualización de la estructura del código. Multi Selección: selección múltiple de un término en diferentes partes del archivo. Multi Layout: edición en una o más ventanas en cuadrícula. Soporte nativo para lenguajes: soporte nativo para 43 lenguajes de programación. Syntax Highlight configurable: permite el remarcado de sintaxis. Búsqueda Dinámica: búsqueda de expresiones regulares por archivos, proyectos, directorios, una conjunción de ellos o todo a la vez. Auto completado y marcado de llaves: se puede ir a la llave que cierra o abre un bloque de una forma sencilla. Soporte de Snippets y Plugins: snippets son similares a las macros. Coloreado y envoltura de sintaxis: resalta las expresiones propias de la sintaxis de un lenguaje para facilitar su lectura. Pestañas: admite abrir documentos en simultáneo y organizarlos en pestañas. Resaltado de paréntesis e indentación: marca paréntesis, corchete o llave, resaltando correspondiente apertura y cierre. Para descargar y acceder a más información sobre las características de este editor se puede acceder al link del sitio oficial de descarga: Sublime Text - the sophisticated text editor for code, markup and prose Sublime Text is a sophisticated text editor for code, markup and prose. You'll love the slick user interface, extraordinary features and amazing performance. MÁS INFORMACIÓN SUBLIMETEXT  ATOM ATOM es otro importante editor de código fuente. Es de código abierto y para las plataformas macOS, Linux, y Windows. Admite múltiples plugins escritos en Node.js y permite control de versiones Git integrado. Atom es una aplicación de escritorio que tiene la particularidad de ser construida utilizando tecnologías web. Admite soporte para múltiples lenguajes y la mayor parte de los paquetes se desarrollan y mantienen por una comunidad de usuarios. También puede ser utilizado como un entorno de desarrollo integrado (IDE). Figura 3: Interfaz de usuario editor ATOM Fuente: elaboración propia. El editor ofrece múltiples características. Las principales son las siguientes: editor multiplataforma: Atom funciona en todos los sistemas operativos; administrador de paquetes integrado: permite instalar nuevos paquetes o crear otros desde el propio editor; autocompletado inteligente: ayuda a escribir el código más rápido con un autocompletado inteligente y flexible; navegador del sistema de archivos: consiste en un explorador donde se puede buscar y abrir un archivo, proyecto completo o varios proyectos en una ventana; varios paneles: permite dividir la interfaz en varios paneles para comparar y editar el código entre archivos; encontrar y reemplazar: búsqueda y vista previa, reemplazo de texto a medida que escribe en un archivo o en todos los proyectos. El sitio oficial de descarga es: A hackable text editor for the 21st Century Great things happen when developers work together-from teaching and sharing knowledge to building better software. Teletype for Atom makes collaborating on code just as easy as it is to code alone, right from your editor. Share your workspace and edit code together in real time. MÁS INFORMACIÓN ATOM  Visual Studio Code Consiste en un editor de código fuente multiplataforma para Windows, Linux y macOS. Dentro de las características más importantes se destacan: soporte para depuración; control integrado de Git; resaltado de sintaxis; finalización inteligente de código; fragmentos y refactorización de código. El editor es configurable y permite, por ejemplo, la personalización por parte del usuario del tema del editor, los atajos de teclado y las preferencias. Es gratuito y de código abierto. Visual Studio Code: aunque utiliza el framework Electron, el software no usa Atom, utilizando en su lugar el componente editor (Mónaco) utilizado en Visual Studio Team Services. Figura 4: Interfaz de usuario de Visual Studio Code Fuente: [Imagen sin título sobre interfaz de usuario de Visual Studio Code] (s. f.). Recuperado de https://cutt.ly/AnQDQ9H Dentro de las características más destacadas encontramos que es compatible con varios lenguajes de programación y un conjunto de características que están disponibles según cada lenguaje en particular. La paleta de comandos es una interfaz de línea de comandos. En el rol de editor de código fuente, Visual Studio Code permite realizar el cambio de la página de códigos en la que se guarda el documento activo, carácter de salto de línea y el lenguaje de programación del documento activo. Para obtener más información puedes acceder al siguiente link: Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. MÁS INFORMACIÓN VISUALSTUDIO  Adobe DreamWeaver Es un software utilizado para la construcción, diseño y edición de sitios y aplicaciones web basadas en estándares. Inicialmente desarrollado por Macromedia, pasó a manos de Adobe Systems. Se integra con otras herramientas como Adobe Flash y soporta los estándares del World Wide Web Consortium. Las versiones más actuales soportan tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor. Funciona sobre plataformas Mac y Windows, aunque puede funcionar en Linux mediante Wine. Es un editor WYSIWYG, que oculta el código HTML al usuario, es decir, se pueden crear páginas web sin codificar. Permite, además, la utilización de la mayoría de los navegadores webs instalados en la computadora para previsualizar las páginas web creadas. Otro aspecto fundamental es que dispone de herramientas de administración de sitios dirigidas a principiantes y un conjunto de herramientas que permite encontrar y reemplazar líneas de texto y código por cualquier tipo de parámetro especificado, hasta el sitio web completo. Se puede crear JavaScript básico sin conocimientos de código. A partir de la versión MX, además de la herramienta fundamental HTML WYSIWYG, admite conexiones a Bases de Datos como MySQL y Microsoft Access, y uso de tecnología de script ASP, ASP.NET, JSP y PHP. Figura 5: Interface DreamWeaver Fuente: [Imagen sin título sobre interface de DreamWeaver] (s. f.). Recuperado de https://cutt.ly/NnQDLCp Dreamweaver es un entorno de desarrollo integrado (IDE), que facilita el diseño y desarrollo web, permitiendo la visualización del contenido web mientras se codifica. Dentro de las características más importantes se destacan: resaltado de sintaxis; completado de código; colapso de código; comprobación de sintaxis; herramientas de administración de sitios. Para encontrar más información, se puede acceder a: Software de diseño de sitios web | Adobe Dreamweaver Pon en marcha tus sitios más rápidamente con plantillas de inicio que puedes personalizar para crear emails en HTML, páginas de "acerca de", blogs, páginas de comercio electrónico, boletines y portafolios. Y como Dreamweaver forma parte de Creative Cloud, puedes agregar activos rápidamente desde tus Bibliotecas y Adobe Stock para mejorar tus sitios. MÁS INFORMACIÓN ADOBE  Eclipse Eclipse es un software conformado por un conjunto de herramientas de programación de código abierto multiplataforma. Es una herramienta muy utilizada como entorno de desarrollo integrado (IDE). Eclipse, que fue originalmente desarrollado por IBM, actualmente es soportado por la Fundación Eclipse. Figura 6: Entorno Eclipse para desarrollo Fuente: [Imagen sin título sobre entorno Eclipse para desarrollo] (s. f.). Recuperado de https://cutt.ly/ynQFovS Algunas características principales de Eclipse son las siguientes: editor de texto con analizador sintáctico; compilación en tiempo real; tiene pruebas unitarias junit; control de versiones con cvs; asistentes para creación de proyectos. Esta herramienta permite trabajar en un entorno que se considera integrado; es especialmente popular en desarrollos de JAVA. Su utilización va en aumento, debido a que permite el empaquetamiento de los contenidos para que puedan ser utilizados en los dispositivos con sistemas operativos Android, mediante la incorporación de los plugins. Para obtener mayor información y descargar del software, se puede acceder al siguiente sitio: The Community for Open Innovation and Collaboration | The Eclipse Foundation The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 375 open source projects, including runtimes, tools and frameworks. MÁS INFORMACIÓN ECLIPSE  Otras opciones Las opciones presentadas como herramientas de desarrollo son las más utilizadas. Pero existen otras alternativas disponibles en el mercado, como NotePad++, Brackets y Netbeans entre otras. La elección del tipo de herramienta a utilizar depende de la necesidad del sistema a desarrollar. Para llevar a cabo el desarrollo del proyecto pedido en el caso de estudio, es importante seleccionar una herramienta que brinde soporte a las actividades de desarrollo. Debemos analizar las características que nos ofrece el editor de texto y los complementos que brinda el entorno. La selección de la herramienta también puede ser condicionada por su costo y la comunidad de soporte con que cuenta. Para el caso del caso de estudio, por ejemplo, se puede optar por ATOM como herramienta de desarrollo, ya que ofrece múltiples ventajas en la edición de los archivos, tiene soporte para versionado y es software sin costo. C O NT I NU A R Lección 2 de 2 Referencias [Imagen sin título sobre entorno Eclipse para desarrollo] (s. f.). Recuperado de https://www.eclipse.org/ide/ [Imagen sin título sobre interface de DreamWeaver] (s. f.). Recuperado de https://www.adobe.com/la/products/dreamweaver.html [Imagen sin título sobre interfaz de trabajo de SublimeText] (s. f.). Recuperado de https://www.sublimetext.com/ [Imagen sin título sobre interfaz de usuario de Visual Studio Code] (s. f.). Recuperado de https://code.visualstudio.com/