Читать книгу Processing - Tomás Domínguez Mínguez - Страница 8

2

IDE PROCESSING

A los entornos de desarrollo se los conoce por el acrónimo inglés IDE (Integrated Development Environment). En Processing, a este IDE también se le llama PDE (Processing Development Enviroment), y como verá más adelante, su aspecto recuerda al de Arduino (no olvide que Arduino procede de Processing), lo que facilitará su aprendizaje.

Nuestro contacto con Processing será siempre a través de su IDE. Por eso, es importante conocer las facilidades que ofrece para poder sacar el máximo provecho de todas ellas. Pero antes veamos cómo se instala.

2.1 INSTALACIÓN DEL IDE PROCESSING

La última versión de Processing se puede descargar de http://processing.org/download. Existe para entornos Mac OS, Windows o Linux. Seleccione el sistema operativo del que disponga (en este caso Windows) para descargar el fichero comprimido .zip.

Para saber si su ordenador es Windows 32 bits o 64 bits, pulse en el botón «Inicio» y luego en «Configuración».

En la ventana que aparece pulse en la página «Sistema».

Se muestra una nueva pantalla en la que tendrá que seleccionar la pestaña «Acerca de» situada al final de todas las que aparecen en la parte izquierda. Hecho esto, en la zona derecha, en el apartado «Tipo de sistema», encontrará la información buscada.

Una vez descargado el archivo «.zip», deberá descomprimirlo en la carpeta que haya elegido, por ejemplo, en Documentos. Se encontrará con una nueva carpeta con el nombre «processing» seguido de un guion y su versión (en el momento de escribir este libro es processing-3.5.3). No tiene que hacer nada más. En realidad, no hay ningún proceso de instalación ya que la aplicación no es más que un ejecutable situado dentro de una carpeta principal bajo la que hay una estructura de subcarpetas con todo lo necesario para su funcionamiento.

NOTA. En la ruta de instalación de la carpeta donde haya decidido instalar Processing no deberá haber acentos ni cualquier otro carácter especial.

2.2 MANEJO DEL IDE PROCESSING

Realizada la operativa anterior, estará impaciente por ver el aspecto que muestra este IDE. Para ello, solo tiene que entrar en la carpeta que acaba de descomprimir y hacer doble clic sobre el archivo «processing.exe». Tras ejecutarlo, esto es lo que verá.

El entorno de desarrollo de Processing se compone de las siguientes partes:

1. Barra de menús. Contiene los menús que permiten la gestión de todas las facilidades que contiene el IDE.

2. Barra de herramientas. Engloba una serie de botones comunes, entre los que destacamos el de ejecución (símbolo play) y parada (símbolo stop) de programas. En modo java, la ejecución de un programa compila el código y abre una nueva ventana de visualización.

3. Pestañas para administrar archivos. Cuando los programas crecen, pueden llegar a ser muy difíciles de mantener si todo el código está en un único archivo. Por eso, llegados a esa situación, los programas se suelen dividir en módulos que permitan una mejor administración de las diferentes partes que lo componen. En esos casos, un programa podría estar constituido de múltiples archivos que se manejarían con pestañas en esta sección. Habrá una por cada archivo que tenga abierto.

4. Editor de texto. Es la parte principal del IDE, donde escribirá los programas.

5. Área de mensajes. En ella aparecen comentarios al guardar y exportar archivos, pero, sobre todo, mostrará los errores que vaya cometiendo durante la edición del código.

6. Consola de texto. Muestra la salida de texto resultado de la ejecución de los programas. Incluye mensajes de error del sistema, además de los mensajes informativos que haya incluido en el código con las funciones print() y println().

NOTA. Processing tiene diferentes modos de programación para que sea posible implementar sketchs en diferentes plataformas y lenguajes. El modo Java es el predeterminado, que es el que usted empleará. Dicho modo puede verse seleccionado en el menú desplegable situado a la derecha, en la barra de herramientas.

Veamos a continuación los menús que contiene.

* Archivo. Reúne, entre otras, todas las opciones necesarias para crear, abrir o guardar un programa. También contiene la importante opción «Preferencias» en la que configurará el idioma del IDE.

* Editar. Agrupa todas las opciones básicas que tiene cualquier editor de texto.

* Sketch. Ademas de la ejecución y parada de programas, que se muestran también como botones en la barra de herramientas, sus opciones permiten realizar la importación de librerías, con las que se amplían las capacidades de Processing más allá de las que tiene integradas. Hay infinidad de librerías generadas por la comunidad de Processing que, como verá a lo largo de este libro, le posibilitará trabajar con imágenes 3D, grabación o reproducción de audio y vídeo, visión artificial o comunicaciones web y MQTT, entre otras muchas.

* Depuración. Permite activar y configurar el depurador, que es una importante herramienta de diagnóstico de errores. Si lo activa, se podrá controlar el avance de la ejecución del código línea a línea, o detenerlo en los puntos de interrupción que determine. Una vez parado el programa, mostrará los valores de las variables en un panel separado.

* Herramientas. Contiene utilidades de diferente naturaleza necesarias para, por ejemplo, crear fuentes, encontrar el código de un determinado color, etc.

* Ayuda. Como su nombre indica, contiene todo tipo de recursos que ayudarán tanto en el aprendizaje como en el uso del IDE. Tiene enlaces a páginas web que ofrecen una explicación detallada del entorno, así como la resolución de errores, preguntas frecuentes, tutoriales, etc.

Las opciones de dichos menús se irán estudiando a lo largo del libro según se vayan utilizando. Ahora únicamente verá las correspondientes al menú Archivo, ya que serán imprescindibles para empezar a trabajar con Processing.

* Nuevo. Crea un programa en una nueva ventana, a la que nombrará con la fecha actual usando el formato «sketch_YYMMDDa».

* Abrir. Abre el archivo que contiene un programa en una nueva ventana. Los archivos Processing tienen la extensión .pde. Dichos programas o sketchs deberán estar contenidos obligatoriamente dentro de un sketch folder, que es una carpeta con el mismo nombre del archivo del programa (sin la extensión).

* Reciente. Muestra la lista de archivos cerrados recientemente.

* Sketchbook. Este término, que podría traducirse como cuaderno de bocetos (sketchs o programas Processing), hace referencia a la carpeta donde se almacenan los sketch folders.

* Ejemplos. Abre una nueva ventana para mostrar la lista de programas de ejemplos de todas las librerías que tenga instaladas, sean nativas o importadas. Os animo a que ejecutéis algunos de dichos ejemplos para daros cuenta del enorme potencial de este lenguaje.

* Cerrar. Cierra el sketch que está visualizando. Si este es el último que está abierto, le preguntará si desea salir. Para evitarlo, utilice directamente la opción de Salir.

* Guardar. Guarda el archivo.

* Guardar como. Guarda el programa, dándole la opción de poner un nombre diferente al archivo que lo contenga. No reemplazará la versión anterior de dicho programa.

* Exportar aplicación. Exporta una aplicación Java como un archivo ejecutable.

* Configurar página. Define las opciones de impresión del código.

* Imprimir. Imprime el código del editor de texto.

* Preferencias. Configura aspectos de funcionamiento del entorno, como la ubicación predeterminada del sketchbook, el tamaño de la fuente utilizada en el texto o, muy importante, el idioma.

* Salir. Sale del IDE Processing cerrando todas las ventanas.