Está en la página 1de 86

NEOBOOK 4

Manual de clase
para Quinto Año

Autores: Javier Filippini


Carlos Guidobono

Este Manual pertenece a:


____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ NEOBOOK 4
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ Sala de informática Educativa
____________________________________________________________________________________________________________________________________________________________________________ Colegio San Juan Bautista
______________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
______________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ Índice general
____________________________________________________________________________________________________________________________________________________________________________ ÍNDICE GENERAL .................................................................................................................. 5
____________________________________________________________________________________________________________________________________________________________________________ INTRODUCCIÓN .................................................................................................................... 9
Neobook y las Publicaciones Electrónicas (E-pubs) ..................................................... 9
____________________________________________________________________________________________________________________________________________________________________________
CAPÍTULO 1: ELEMENTOS BÁSICOS DEL NEOBOOK ................................................................ 11
____________________________________________________________________________________________________________________________________________________________________________ 1.1 Aspecto General del Neobook 4 ............................................................................ 11
____________________________________________________________________________________________________________________________________________________________________________ 1.1.1 Barra de Menú ..................................................................................................... 12
1.1.2 Barra de Atajos .................................................................................................... 12
____________________________________________________________________________________________________________________________________________________________________________ 1.1.3 Botones de Navegación ...................................................................................... 13
1.1.4 Espacio de Trabajo .............................................................................................. 14
____________________________________________________________________________________________________________________________________________________________________________ 1.1.5 Paleta de Herramientas ........................................................................................ 14
1.1.6 Solapas de página ............................................................................................... 15
____________________________________________________________________________________________________________________________________________________________________________ 1.1.7 Barras de desplazamiento .................................................................................... 15
1.2 Los objetos del Neobook ....................................................................................... 16
____________________________________________________________________________________________________________________________________________________________________________ 1.2.2 Nombre de un objeto: Notación Húngara ........................................................... 16
______________________________________________________________________________________________________________ 1.3 Ejercicio: Comencemos a trabajar ........................................................................... 18
1.3.1 Agregando etiquetas ........................................................................................... 18
____________________________________________________________________________________________________________________________________________________________________________ Área de ingreso de texto .............................................................................................. 20
Alineación Izquierda, Centrado, Derecha ................................................................... 20
____________________________________________________________________________________________________________________________________________________________________________ Tamaño y estilo del texto ............................................................................................. 21
Tipo de Letra o Fuente: ............................................................................................... 21
____________________________________________________________________________________________________________________________________________________________________________ Nombre del objeto ....................................................................................................... 21
1.3.2 Agregando imágenes ........................................................................................... 23
____________________________________________________________________________________________________________________________________________________________________________ 1.4 Atributos de las Imágenes ..................................................................................... 25
____________________________________________________________________________________________________________________________________________________________________________ 1.4.1 ¿Cómo cambiar los atributos de las imágenes? ................................................... 25

____________________________________________________________________________________________________________________________________________________________________________ CAPÍTULO 2: TRABAJANDO CON OBJETOS .......................................................................... 29


2.1 Operaciones básicas .............................................................................................. 29
____________________________________________________________________________________________________________________________________________________________________________ 2.1.1 ¿Cómo seleccionar un objeto? ............................................................................. 29
2.1.2 ¿Cómo seleccionar más de un objeto a la vez? .................................................... 30
____________________________________________________________________________________________________________________________________________________________________________ 2.1.3 ¿Cómo cambiar el tamaño de un objeto? ............................................................. 30
2.1.4 ¿Cómo Borrar un objeto? ..................................................................................... 30
____________________________________________________________________________________________________________________________________________________________________________ 2.1.5 ¿Cómo colocar un objeto detrás de otro? ..................................................... 31
____________________________________________________________________________________________________________________________________________________________________________ 2.1.6 ¿Cómo colocar un objeto adelante de otro? .................................................. 31
2.2 Herramientas de diseño de la paleta de herramientas ...................................... 32
2.2.1 Elementos de diseño comunes a todos los objetos: ..................................... 33
2.3 Atributos de las Etiquetas ............................................................................... 33
2.3.1 ¿Cómo cambiar el tipo de letra? ..................................................................... 34
____________________________________________________________________________________________________________________________________________________________________________
2.3.2¿Cómo cambiar el color de la letra? ................................................................ 36 ____________________________________________________________________________________________________________________________________________________________________________
2.3.3 ¿Cómo cambiar el color del relleno?: ............................................................. 36
2.3.4 ¿Cómo cambiar el patrón de relleno? ............................................................ 37 ____________________________________________________________________________________________________________________________________________________________________________
2.3.5 Hueco y Sólido ............................................................................................. 38
2.4 Cuadros de Texto ............................................................................................. 39 ____________________________________________________________________________________________________________________________________________________________________________
2.4.1 ¿Cómo agregar un cuadro de texto en una página? ...................................... 39
2.4.2 Atributos de los Cuadros de Texto ............................................................... 43
____________________________________________________________________________________________________________________________________________________________________________
Ejercicios ............................................................................................................... 46 ____________________________________________________________________________________________________________________________________________________________________________
CAPÍTULO 3: TRABAJANDO CON PÁGINAS ......................................................................... 49 ____________________________________________________________________________________________________________________________________________________________________________
3.1 Operaciones sobre páginas ............................................................................. 49
3.1.1 Nombres de las páginas ................................................................................ 49 ____________________________________________________________________________________________________________________________________________________________________________
3.1.2 ¿Cómo cambiarle el nombre a una Página? ................................................... 50
3.1.3 Organización de las páginas ......................................................................... 50 ____________________________________________________________________________________________________________________________________________________________________________
3.1.4 ¿Cómo agregar páginas a la publicación? ..................................................... 51
3.1.5 ¿Cómo Borrar una Página de una publicación? ............................................. 52
____________________________________________________________________________________________________________________________________________________________________________
3.1.6¿ Cómo copiar una página? ............................................................................ 52
3.1.7 ¿Cómo Mover una página? ........................................................................... 53
______________________________________________________________________________________________________________
3.2 Atributos de las Páginas ................................................................................. 54 ____________________________________________________________________________________________________________________________________________________________________________
3.3 La Página Maestra ........................................................................................... 57
Ejercicios ............................................................................................................... 58 ____________________________________________________________________________________________________________________________________________________________________________
CAPÍTULO 4: ACCIONES (CAPÍTULO TEÓRICO) .................................................................... 61 ____________________________________________________________________________________________________________________________________________________________________________
4.1 Acciones ......................................................................................................... 61
4.2: ¿Qué acción de que objeto? ........................................................................... 62
____________________________________________________________________________________________________________________________________________________________________________
4.3: Programando acciones ................................................................................... 63
Ejercicios .............................................................................................................. 65
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
CAPÍTULO 5: CREANDO Y PROGRAMANDO BOTONES DE ACCIÓN .......................................... 67
5.1 ¿Cómo agregar un botón de acción a una página? ............................................... 68 ____________________________________________________________________________________________________________________________________________________________________________
5.1.2 Configuración General .................................................................................... 69
5.2 Estilo del Botón..................................................................................................... 69 ____________________________________________________________________________________________________________________________________________________________________________
5.2.1 Estados de los botones ....................................................................................... 69
5.2.2 Transparencias ................................................................................................. 71
____________________________________________________________________________________________________________________________________________________________________________
5.3 Acción del Botón .................................................................................................. 72
5.3.1 Comandos de acción en botones ....................................................................... 72
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ 5.3.2 Ingresando Comandos de acción ....................................................................... 72
5.4 Ejecutando la aplicación ....................................................................................... 75
____________________________________________________________________________________________________________________________________________________________________________ 5.5 Comandos de navegación .................................................................................... 76
•GotoFirstPage .......................................................................................................... 76
____________________________________________________________________________________________________________________________________________________________________________ •GotoLastPage ........................................................................................................... 76
•GotoNextPage .......................................................................................................... 76
____________________________________________________________________________________________________________________________________________________________________________ •GotoPreviousPage .................................................................................................... 77
•GotoPage .................................................................................................................. 77
____________________________________________________________________________________________________________________________________________________________________________ •ReturnToPage .......................................................................................................... 77
____________________________________________________________________________________________________________________________________________________________________________ •Exit ........................................................................................................................... 78
Ejercicios .................................................................................................................... 79
____________________________________________________________________________________________________________________________________________________________________________ CAPÍTULO 6: COMANDOS BÁSICOS DE INFORMACIÓN .......................................................... 81
____________________________________________________________________________________________________________________________________________________________________________ 6.1 Posición de los objetos ......................................................................................... 81
6.2 Ingreso de Comandos básicos de Información ..................................................... 82
____________________________________________________________________________________________________________________________________________________________________________ • Balloon (categoría Mensajes/Interacción) ............................................................. 83
•AlertBox (categoría Mensajes/Interacción) ........................................................... 83
____________________________________________________________________________________________________________________________________________________________________________ •StickyNote (categoría Mensajes/Interacción) ........................................................ 84
______________________________________________________________________________________________________________ Ejercicios .................................................................................................................... 85

____________________________________________________________________________________________________________________________________________________________________________ CAPÍTULO 7: COMANDOS DE TEXTO E IMÁGENES ................................................................. 87


•ImageWindow (de la categoría Ventanas) .............................................................. 87
____________________________________________________________________________________________________________________________________________________________________________ •PopupImage (de la categoría Mensajes/Interacción) ............................................ 89
•TextWindow (de la categoría Ventanas) ................................................................. 91
____________________________________________________________________________________________________________________________________________________________________________ •CloseWindow (de la categoría Ventanas) .............................................................. 92
Ejercicios .................................................................................................................. 94
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ CAPÍTULO 8: COMANDOS DE ACCIÓN MULTIMEDIA ............................................................. 97
•PlaySoundFile ( de la categoría Multimedia) ........................................................ 97
____________________________________________________________________________________________________________________________________________________________________________ •Mp3Play (de la categoría Mp3Player) ................................................................... 99
•Mp3Pause (de la categoría Mp3Player) ................................................................. 99
____________________________________________________________________________________________________________________________________________________________________________ •mp3Stop (de la categoría Mp3Player) .................................................................... 99
•PlayVideoFile (de la categoría Multimedia) ........................................................ 100
____________________________________________________________________________________________________________________________________________________________________________ •StopMedia ............................................................................................................. 101
8.1 Otros Comandos ............................................................................................... 102
____________________________________________________________________________________________________________________________________________________________________________ •Menu (de la categoría Mensajes/Interacción) ..................................................... 102
____________________________________________________________________________________________________________________________________________________________________________ •SoundBuzzer (de la categoría Multimedia) ......................................................... 103
•PlayTone (de la categoría Multimedia) ................................................................ 103
•Delay (de la categoría Control) ............................................................................ 104
8.2 Acciones en Páginas ......................................................................................... 104
____________________________________________________________________________________________________________________________________________________________________________
Ejercicios ................................................................................................................ 106 ____________________________________________________________________________________________________________________________________________________________________________
CAPÍTULO 9: CONTROLANDO OBJETOS ............................................................................ 109 ____________________________________________________________________________________________________________________________________________________________________________
9.1 Usando los nombres de los objetos .................................................................... 109
9.1.1 Apariciones... ................................................................................................... 109 ____________________________________________________________________________________________________________________________________________________________________________
9.1.2 Los Nombres .................................................................................................... 111 ____________________________________________________________________________________________________________________________________________________________________________
9.2 Visibilidad ........................................................................................................... 111
9.3 Comandos de control de visibilidad .................................................................... 113 ____________________________________________________________________________________________________________________________________________________________________________
•ShowObject ............................................................................................................ 113
•HideObject ............................................................................................................. 114 ____________________________________________________________________________________________________________________________________________________________________________
9.4 Otros comandos de control de objetos .............................................................. 114
•MoveObject ............................................................................................................ 114
____________________________________________________________________________________________________________________________________________________________________________
•SizeObject .............................................................................................................. 115
Ejercicios .................................................................................................................. 117
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
CAPÍTULO 10: PROGRAMACIÓN CON NEOBOOK VARIABLES .............................................. 119
10.1 Programas y Lenguajes de Programación ......................................................... 119 ______________________________________________________________________________________________________________
10.2 Programación con Neobook .............................................................................. 120
10.3 Variables ............................................................................................................ 120 ____________________________________________________________________________________________________________________________________________________________________________
10.4 Nombres de las Variables .................................................................................. 121
10.5 Valores de las Variables y Creación de Variables ............................................... 122
____________________________________________________________________________________________________________________________________________________________________________
10.6 Visualización de Variables ............................................................................... 124
10.7 Etiquetas y Variables ....................................................................................... 125
____________________________________________________________________________________________________________________________________________________________________________
Ejercicios ................................................................................................................ 129 ____________________________________________________________________________________________________________________________________________________________________________
CAPÍTULO 11: OBJETOS DE INSERCIÓN DE DATOS: CAJAS DE TEXTO ................................... 131 ____________________________________________________________________________________________________________________________________________________________________________
11.1 El problema del ingreso de datos ...................................................................... 131
11.2 ¿Cómo agregar una caja de texto? ..................................................................... 133 ____________________________________________________________________________________________________________________________________________________________________________
11.3 Utilización de la Aplicación ............................................................................... 136
Ejercicios .................................................................................................................. 137
____________________________________________________________________________________________________________________________________________________________________________
CAPÍTULO 12: PROGRAMACIÓN AVANZADA: COMANDO IF ................................................ 139
____________________________________________________________________________________________________________________________________________________________________________
12.1 El comando IF (de la categoría Control) ............................................................ 140 ____________________________________________________________________________________________________________________________________________________________________________
12.2 Condiciones ...................................................................................................... 142
Ejercicios: ................................................................................................................. 144 ____________________________________________________________________________________________________________________________________________________________________________
CUADERNO DE CLASE ....................................................................................................... 147
____________________________________________________________________________________________________________________________________________________________________________ Introducción
____________________________________________________________________________________________________________________________________________________________________________
Neobook y las Publicaciones Electrónicas (E-pubs)
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ Una de las áreas que más se ha beneficiado con el arribo de las computadoras y
los conceptos de información digital ha sido y será todo lo concerniente a la
____________________________________________________________________________________________________________________________________________________________________________ producción de material de divulgación e información educativa. Es así que los
procesadores de texto como el Word marcaron un “antes” y un “después” en
____________________________________________________________________________________________________________________________________________________________________________ lo que se refiere a edición de textos de todo tipo.
____________________________________________________________________________________________________________________________________________________________________________ Sin embargo, los procesadores de texto son programas que no están diseñados
para que el usuario de computadoras tenga acceso a toda la información
____________________________________________________________________________________________________________________________________________________________________________ contenida en los documentos en forma cómoda, sino a facilitar la creación de
____________________________________________________________________________________________________________________________________________________________________________ documentos que luego serán impresos.
El fuerte crecimiento que ha tenido Internet ha hecho necesario la creación de
____________________________________________________________________________________________________________________________________________________________________________ nuevas herramientas que permitan a los usuarios poder acceder a toda la
información que se desea distribuir en forma clara y ordenada, sin necesidad de
______________________________________________________________________________________________________________ que sea impresa. Una de estas herramientas son los navegadores o browsers,
____________________________________________________________________________________________________________________________________________________________________________ que permiten al usuario conectado recorrer todas las páginas de los documentos
contenidos en los distintos sitios Web.
____________________________________________________________________________________________________________________________________________________________________________ Si bien esta es una de las formas más populares de distribución de información,
no deja de ser engorroso el hecho de tener que conectarse a Internet cada vez
____________________________________________________________________________________________________________________________________________________________________________ que se quiera leer el documento, o “bajar” página por página para luego armar
____________________________________________________________________________________________________________________________________________________________________________ todo el sitio en el disco duro.

____________________________________________________________________________________________________________________________________________________________________________ Otra forma de distribuir información consiste en construir un conjunto de


archivos que puedan ser “bajados” para que el usuario pueda ver toda la
____________________________________________________________________________________________________________________________________________________________________________ información directamente, sin necesidad de armar páginas o conectarse a
____________________________________________________________________________________________________________________________________________________________________________ Internet.
Esto es lo que se denomina una Publicación Electrónica (e-pub):
____________________________________________________________________________________________________________________________________________________________________________ Un archivo o conjunto de archivos que funcionan de manera que el usuario
____________________________________________________________________________________________________________________________________________________________________________ pueda ver la información que contienen directamente en la computadora.
Las e-pubs pueden por lo tanto hacer uso de las capacidades multimedia de las
____________________________________________________________________________________________________________________________________________________________________________ máquinas para hacer más atractiva esta presentación permitiendo de esta manera
agregar imágenes, música, sonido y videos a las publicaciones.
El Neobook es una poderosa herramienta que permite crear e-pubs complejas de
____________________________________________________________________________________________________________________________________________________________________________
gran atractivo y capacidad. Contiene además un sencillo pero potente lenguaje ____________________________________________________________________________________________________________________________________________________________________________
de programación que brinda la posibilidad de crear publicaciones que hagan un
poco más que mostrar información, pudiéndose incluso programar pequeños juegos, ____________________________________________________________________________________________________________________________________________________________________________
hacer cálculos y mostrar efectos especiales.
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
______________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ Capítulo 1: Elementos básicos del
____________________________________________________________________________________________________________________________________________________________________________ Neobook
____________________________________________________________________________________________________________________________________________________________________________
En este capítulo estudiaremos los componentes principales del Neobook y
____________________________________________________________________________________________________________________________________________________________________________ construiremos ejemplos sencillos para comenzar a trabajar con las Publicaciones
____________________________________________________________________________________________________________________________________________________________________________ Electrónicas.

____________________________________________________________________________________________________________________________________________________________________________ 1.1 Aspecto General del Neobook 4


____________________________________________________________________________________________________________________________________________________________________________ Cuando se inicia el Neobook aparece una ventana con un conjunto de herramientas que
____________________________________________________________________________________________________________________________________________________________________________ permiten comenzar directamente a construir una e-pub:

____________________________________________________________________________________________________________________________________________________________________________ Cerrar

____________________________________________________________________________________________________________________________________________________________________________ Barra de
Botones de
Menú
______________________________________________________________________________________________________________ navegación
Barra de
____________________________________________________________________________________________________________________________________________________________________________ Atajos
Lista de
____________________________________________________________________________________________________________________________________________________________________________ objetos en
la página
____________________________________________________________________________________________________________________________________________________________________________ Paleta de
herramientas
____________________________________________________________________________________________________________________________________________________________________________ Area de
Trabajo
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ Página
actual
____________________________________________________________________________________________________________________________________________________________________________ Solapas de
páginas
____________________________________________________________________________________________________________________________________________________________________________
Barras de desplazamiento
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
11
12 Capítulo 1

1.1.1 Barra de Menú


____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
Contiene todas las funciones del Neobook. Desde allí se pueden realizar todas las ____________________________________________________________________________________________________________________________________________________________________________
operaciones básicas y avanzadas para Cargar y Guardar publicaciones, definir
opciones como el tamaño del área de trabajo, cantidad de colores disponibles,
____________________________________________________________________________________________________________________________________________________________________________
etc. ____________________________________________________________________________________________________________________________________________________________________________
1.1.2 Barra de Atajos ____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
Contiene botones que permiten realizar directamente las funciones más
comúnmente usadas. Para ver cual es la función de un botón en particular, ____________________________________________________________________________________________________________________________________________________________________________
mantén el cursor del Mouse sobre el botón y aparecerá una breve descripción de
su función.
____________________________________________________________________________________________________________________________________________________________________________
Algunos de los más importantes son: ______________________________________________________________________________________________________________
Nueva Publicación: Sirve para comenzar a crear una nueva Publicación ____________________________________________________________________________________________________________________________________________________________________________
desde cero. Debe ser utilizada con cuidado ya que aunque el Neobook permite
editar más de una publicación a la vez, esto puede dar lugar a confusiones
____________________________________________________________________________________________________________________________________________________________________________
a la hora de guardar el trabajo en el disco duro. ____________________________________________________________________________________________________________________________________________________________________________
Abrir una publicación: Sirve para cargar o “traer” una publicación que se ____________________________________________________________________________________________________________________________________________________________________________
encuentre en el disco duro para continuar trabajando con ella. ____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
Guardar la publicación: Sirve para guardar la publicación que está
actualmente siendo editada en el disco duro de la computadora. Si la ____________________________________________________________________________________________________________________________________________________________________________
publicación ya había sido guardada anteriormente, se sustituye la versión
anterior por la publicación actual, de lo contrario pregunta el nombre con
____________________________________________________________________________________________________________________________________________________________________________
que será archivada. ____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
Elementos básicos del Neobook 13

____________________________________________________________________________________________________________________________________________________________________________ Ejecutar (tecla F8): Sirve para ver como va a funcionar nuestra
____________________________________________________________________________________________________________________________________________________________________________ publicación. Para detener la prueba hay que pulsar la tecla Esc o
pulsar el botón de detener:
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ 1.1.3 Botones de Navegación

____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ Dado que una publicación puede tener más de una página, es importante tener
____________________________________________________________________________________________________________________________________________________________________________ herramientas que permitan ir libremente de una a otra. Los botones de Navegación
permiten recorrer las páginas de la publicación.
____________________________________________________________________________________________________________________________________________________________________________ Es importante aclarar que estos botones se utilizan mientras se está construyendo la
____________________________________________________________________________________________________________________________________________________________________________ publicación pero desaparecen automáticamente cuando pasamos al modo de
prueba pulsando el botón de Ejecutar.
______________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ Primera Página: Sirve para ir directamente a la primera página de la
____________________________________________________________________________________________________________________________________________________________________________ publicación.

____________________________________________________________________________________________________________________________________________________________________________
Pagina Anterior: Sirve para ir a la pagina anterior a la que está siendo
____________________________________________________________________________________________________________________________________________________________________________ editada actualmente.
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ Página Maestra: Sirve para acceder a los elementos definidos en la
Página Maestra. (ver más adelante para saber que es la Página
____________________________________________________________________________________________________________________________________________________________________________ Maestra). Para volver a tener acceso a las páginas de la publicación hay
____________________________________________________________________________________________________________________________________________________________________________ que pulsar nuevamente este botón.

____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
14 Capítulo 1

Página Siguiente: Sirve para ir a la página siguiente a la que está siendo


editada actualmente.
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
Última Página: Sirve para ir directamente a la última página de la ____________________________________________________________________________________________________________________________________________________________________________
publicación. ____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
1.1.4 Espacio de Trabajo
____________________________________________________________________________________________________________________________________________________________________________
Ocupa la porción principal de la ____________________________________________________________________________________________________________________________________________________________________________
pantalla y define el área donde
pueden colocarse los objetos que ____________________________________________________________________________________________________________________________________________________________________________
componen la publicación.
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
______________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
1.1.5 Paleta de Herramientas ____________________________________________________________________________________________________________________________________________________________________________
Contiene las herramientas que se utilizan en la
____________________________________________________________________________________________________________________________________________________________________________
creación y diagramación de cada una de las páginas ____________________________________________________________________________________________________________________________________________________________________________
de la publicación. Su correcto uso es fundamental
para poder construir con éxito una publicación ____________________________________________________________________________________________________________________________________________________________________________
electrónica.
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
1.1.6 Lista de Objetos de la Página
____________________________________________________________________________________________________________________________________________________________________________
A medida que vayamos agregando objetos a la página ____________________________________________________________________________________________________________________________________________________________________________
sus nombres irán apareciendo en esta ventana. Una
de las funciones que cumple esta ventana es la de la ____________________________________________________________________________________________________________________________________________________________________________
Elementos básicos del Neobook 15

____________________________________________________________________________________________________________________________________________________________________________ posibilidad de seleccionar los objetos de la pantalla haciendo clic directamente


en su nombre en la lista de objetos.
____________________________________________________________________________________________________________________________________________________________________________
Salir/Cerrar: Los controles de cerrar que se encuentran en las esquinas de las
____________________________________________________________________________________________________________________________________________________________________________ ventanas deben manejarse con cuidado ya que de no haberse guardado la
____________________________________________________________________________________________________________________________________________________________________________ publicación podría ocurrir una catástrofe. El Neobook preguntará si se
quiere o no guardar la publicación que se encuentra actualmente en la
____________________________________________________________________________________________________________________________________________________________________________ máquina. Si se contesta que NO, se cerrará la publicación perdiendo
toda la información que no haya sido guardada previamente. ¡OJO!.
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ 1.1.6 Solapas de página

____________________________________________________________________________________________________________________________________________________________________________ Se encuentran en la parte inferior de la


____________________________________________________________________________________________________________________________________________________________________________ pantalla y contienen los nombres de las
páginas de la publicación. Una manera
____________________________________________________________________________________________________________________________________________________________________________ directa de “saltar” a una página consiste en
hacer clic sobre su solapa.
______________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ Barra de desplazamiento
1.1.7 Barras de desplazamiento
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ Cuando hay porciones de la publicación que se encuentran fuera de los límites de
la ventana, puede moverse a estas zonas utilizando las barras de desplazamiento.
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
16 Capítulo 1

1.2 Los objetos del Neobook ____________________________________________________________________________________________________________________________________________________________________________


Definición: Un objeto del Neobook es cualquier elemento que se puede colocar ____________________________________________________________________________________________________________________________________________________________________________
sobre el área de trabajo de las páginas. Por ejemplo: Etiquetas, imágenes, líneas,
rectángulos, etc.
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
1.2.1 Atributos de un objeto
____________________________________________________________________________________________________________________________________________________________________________
Todos los objetos tienen un conjunto de ____________________________________________________________________________________________________________________________________________________________________________
propiedades o atributos que los
describen y éstos son específicos de ____________________________________________________________________________________________________________________________________________________________________________
cada objeto. Así, por ejemplo un atributo
de las etiquetas es el tipo de letra o el
____________________________________________________________________________________________________________________________________________________________________________
color o cualquier otro atributo que defina ____________________________________________________________________________________________________________________________________________________________________________
su aspecto.
Las imágenes no tienen el atributo tipo ____________________________________________________________________________________________________________________________________________________________________________
de letra (font) ya que no sirven para
mostrar texto. Un atributo de las
______________________________________________________________________________________________________________
imágenes puede ser el tamaño (size) de la imagen o si la imagen se estira o no. ____________________________________________________________________________________________________________________________________________________________________________
1.2.2 Nombre de un objeto: Notación Húngara ____________________________________________________________________________________________________________________________________________________________________________
Una de las nuevas características incorporadas en la versión 4.0 del Neobook es ____________________________________________________________________________________________________________________________________________________________________________
la posibilidad de nombrar a los objetos que ponemos en las páginas. Los nombres
sirven, al igual que en la vida real, para poder identificar a un objeto. Más ____________________________________________________________________________________________________________________________________________________________________________
adelante veremos que existen comandos que permiten, por ejemplo, mover un
objeto o hacerlo desaparecer. Estos comandos necesitarán que se especifique el
____________________________________________________________________________________________________________________________________________________________________________
nombre del objeto al cual le va a aplicar la acción. ____________________________________________________________________________________________________________________________________________________________________________
Este ejemp lo muestra la lista de objetos ____________________________________________________________________________________________________________________________________________________________________________
que se encuentran en una página.
Según esta lista, hay 2 objetos en la ____________________________________________________________________________________________________________________________________________________________________________
página: Una etiqueta lla mada Texto1 y
una imagen llamada Cuadro1. A mbos ____________________________________________________________________________________________________________________________________________________________________________
nombres fueron puestos
automáticamente por el Neobook.
____________________________________________________________________________________________________________________________________________________________________________
Elementos básicos del Neobook 17

____________________________________________________________________________________________________________________________________________________________________________ Aunque el Neobook asigna automáticamente nombres a objetos, la forma en que


lo hace puede dar lugar a confusiones debido a que criterio que utiliza para
____________________________________________________________________________________________________________________________________________________________________________ elegirlos nada tiene que ver con el contenido o significado del objeto.

____________________________________________________________________________________________________________________________________________________________________________ Para evitar problemas, en clase utilizaremos una convención que sirve para
____________________________________________________________________________________________________________________________________________________________________________ nombrar objetos de una manera mucho más racional e intuitiva: La notación
Húngara.
____________________________________________________________________________________________________________________________________________________________________________
En esta notación, cada objeto se nombra siguiendo las siguientes reglas:
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ • Las primeras 3 letras son fijas e indican de que tipo de objeto se trata.
Estas tres letras se denominan el prefijo del nombre del objeto.
____________________________________________________________________________________________________________________________________________________________________________ • Luego, sin dejar espacio viene una palabra que indica el contenido o
____________________________________________________________________________________________________________________________________________________________________________ función del objeto que estamos nombrando.

____________________________________________________________________________________________________________________________________________________________________________ Por ejemplo, sabiendo que el prefijo que se usa para las etiquetas es lbl, el
nombre que habría que ponerle a una etiqueta que contenga el título de la página
______________________________________________________________________________________________________________ debería ser lbltitulo, o lblprincipal, o algo por el estilo.
____________________________________________________________________________________________________________________________________________________________________________ Ejemplo:
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ ¿Te animas a indicar que nombre de los que se ven en la lista de objetos
corresponde a que objeto de la publicación?.
18 Capítulo 1

La tabla siguiente muestra cuales son los prefijos a utilizar para los distintos tipos
de objetos que hay en el Neobook:
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
Etiquetas ................................................ Lbl ____________________________________________________________________________________________________________________________________________________________________________
Botones ................................................. Btn
Cuadros de texto ................................ Doc
____________________________________________________________________________________________________________________________________________________________________________
Cajas de texto ...................................... Txt ____________________________________________________________________________________________________________________________________________________________________________
Imágenes ............................................. Img
Líneas, rectángulos y elipses ............ Shp ____________________________________________________________________________________________________________________________________________________________________________
Cajas de selección (Combo box) .... Com
Cajas de listas (listBox) ...................... Lst
____________________________________________________________________________________________________________________________________________________________________________
Botones de selección de grupos ...... Rad ____________________________________________________________________________________________________________________________________________________________________________
Cajas de chequeo ............................... Chk
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
1.3 Ejercicio: Comencemos a trabajar ______________________________________________________________________________________________________________
Lo primero que haremos con Neobook es un pequeño ejercicio para ir
____________________________________________________________________________________________________________________________________________________________________________
familiarizándonos con su manejo. Este ejercicio consiste en agregar una etiqueta y ____________________________________________________________________________________________________________________________________________________________________________
una imagen en la página inicial.
____________________________________________________________________________________________________________________________________________________________________________
1.3.1 Agregando etiquetas ____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
Las etiquetas son los objetos más simples que maneja el Neobook y su
cometido es mostrar títulos en las páginas. ____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
Elementos básicos del Neobook 19

____________________________________________________________________________________________________________________________________________________________________________ Para agregar una etiqueta a una página:


____________________________________________________________________________________________________________________________________________________________________________ 1. Elegir la herramienta
____________________________________________________________________________________________________________________________________________________________________________ para insertar etiquetas
____________________________________________________________________________________________________________________________________________________________________________ en la paleta de
herramientas.
____________________________________________________________________________________________________________________________________________________________________________ ¡Esta!
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ 2. Definir el área que ocupará la etiqueta
____________________________________________________________________________________________________________________________________________________________________________ pulsando el botón izquierdo del ratón y
arrastrándolo hasta definir el tamaño deseado.
____________________________________________________________________________________________________________________________________________________________________________
______________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ 3. Inmediatamente se abrirá la siguiente
____________________________________________________________________________________________________________________________________________________________________________ ventana, que permite definir las características(atributos) de la etiqueta:

____________________________________________________________________________________________________________________________________________________________________________ Alineación Izquierda,


derecha y centrado
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ Hola Mundo Área de ingreso de
____________________________________________________________________________________________________________________________________________________________________________ texto

____________________________________________________________________________________________________________________________________________________________________________
Tamaño y
____________________________________________________________________________________________________________________________________________________________________________ Estilo del texto

____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
Nombre del objeto
20 Capítulo 1

4. Escribir el texto y definir su apariencia utilizando las herramientas que ____________________________________________________________________________________________________________________________________________________________________________


aparecen en la ventana: ____________________________________________________________________________________________________________________________________________________________________________
• Área de ingreso de texto ____________________________________________________________________________________________________________________________________________________________________________
Aquí es donde hay que escribir el
____________________________________________________________________________________________________________________________________________________________________________
texto que queremos que tenga la ____________________________________________________________________________________________________________________________________________________________________________
etiqueta que estamos agregando.
____________________________________________________________________________________________________________________________________________________________________________
• Alineación Izquierda, Centrado, Derecha ____________________________________________________________________________________________________________________________________________________________________________
Indica dónde se colocará el título respecto a la zona de la ____________________________________________________________________________________________________________________________________________________________________________
pantalla que se le definió en el paso 2.. Hay tres posibilidades:
____________________________________________________________________________________________________________________________________________________________________________
Izquierda significa que el título se pegará contra el borde izquierdo de la ____________________________________________________________________________________________________________________________________________________________________________
zona.
______________________________________________________________________________________________________________
Centrado significa que el título quedará centrado respecto a dicha zona.
____________________________________________________________________________________________________________________________________________________________________________
Derecha significa que aparecerá pegado contra el borde derecho del área ____________________________________________________________________________________________________________________________________________________________________________
definida.
____________________________________________________________________________________________________________________________________________________________________________
Ejemplo:
____________________________________________________________________________________________________________________________________________________________________________
Alineación izquierda
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
Alineación Centrada ____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
Alineación Derecha
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
Elementos básicos del Neobook 21

____________________________________________________________________________________________________________________________________________________________________________ • Tamaño y estilo del texto


Tamaño Estilo

____________________________________________________________________________________________________________________________________________________________________________
Con estas opciones podemos cambiar el
____________________________________________________________________________________________________________________________________________________________________________ aspecto del texto. El texto que muestra la
____________________________________________________________________________________________________________________________________________________________________________ etiqueta puede aparecer en negrita (B), en cursiva (I), con subrayado(U), en
superíndice
, en subíndice o tachado.
____________________________________________________________________________________________________________________________________________________________________________
• Tipo de Letra o Fuente:
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ Los tipos de letras permiten indicarle al
Neobook cual va a ser la forma de las
____________________________________________________________________________________________________________________________________________________________________________ letras del título. Existen muchos tipos de
letras disponibles. Algunos de los más
____________________________________________________________________________________________________________________________________________________________________________ famosos son: Times New Roman, Arial,
____________________________________________________________________________________________________________________________________________________________________________ Tahoma, Comic Sans, etc.

______________________________________________________________________________________________________________ Nota: Observar que desde aquí


también se puede elegir el estilo y el
____________________________________________________________________________________________________________________________________________________________________________ tamaño de la letra.
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ • Nombre del objeto

____________________________________________________________________________________________________________________________________________________________________________
Como ya hemos dicho los Nombres de los objetos son muy importantes para que
____________________________________________________________________________________________________________________________________________________________________________ podamos realizar acciones sobre ellos. El Neobook asigna automáticamente un
____________________________________________________________________________________________________________________________________________________________________________ nombre a cada objeto que agreguemos en las páginas aunque, por supuesto, lo
podemos cambiar. Es una buena práctica cambiarle el nombre a los objetos para
____________________________________________________________________________________________________________________________________________________________________________ tener una idea bien clara sobre que hay en cada página. El prefijo que se utiliza para
las etiquetas es lbl, por lo que vamos a ponerle el nombre lblTitulo.
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
22 Capítulo 1

5. Luego de escribir el texto y seleccionar las opciones de alineación y estilo que ____________________________________________________________________________________________________________________________________________________________________________
queremos bastará con pulsar el botón OK para que la etiqueta se agregue a ____________________________________________________________________________________________________________________________________________________________________________
la página.
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
______________________________________________________________________________________________________________
Nota: Como podrás observar el Neobook pone automáticamente un color de fondo y un ____________________________________________________________________________________________________________________________________________________________________________
borde a la etiqueta que acabas de agregar. Más adelante aprenderemos como cambiar estos
atributos. ____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
Elementos básicos del Neobook 23

____________________________________________________________________________________________________________________________________________________________________________ 1.3.2 Agregando imágenes


____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ Las imágenes forman una parte fundamental en el diseño de las
páginas con Neobook ya que permiten ilustrar el texto que contienen.
____________________________________________________________________________________________________________________________________________________________________________ Una página que contenga solo texto resulta pesada para leer y
____________________________________________________________________________________________________________________________________________________________________________ profundamente aburrida y cansadora.

____________________________________________________________________________________________________________________________________________________________________________ Para poder agregar una imagen a una página del Neobook, ésta ya tiene
que estar en el disco duro.
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ Hay muchas formas de conseguir imágenes para ilustrar las páginas: Podemos
escanearlas, dibujarlas o simplemente bajarlas de Internet. Sin embargo NO todas
____________________________________________________________________________________________________________________________________________________________________________ las imágenes que se tengan en el disco duro pueden ser incluidas.
La discusión de cuales tienen que ser las características de las imágenes que el
____________________________________________________________________________________________________________________________________________________________________________ Neobook puede importar son explicadas en el Apéndice A y por ello no serán
______________________________________________________________________________________________________________ explicadas aquí.

____________________________________________________________________________________________________________________________________________________________________________ Para insertar una imagen en una página:


____________________________________________________________________________________________________________________________________________________________________________
1. Elegir la herramienta de
____________________________________________________________________________________________________________________________________________________________________________ insertar imagen. ¡Esta!
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________ 2. Dejando pulsado el botón izquierdo del ratón
indicar la zona donde queremos que aparezca la
____________________________________________________________________________________________________________________________________________________________________________ imagen a insertar.
____________________________________________________________________________________________________________________________________________________________________________
24 Capítulo 1

3. Inmediatamente el Neobook mostrará una ventana para elegir el archivo con ____________________________________________________________________________________________________________________________________________________________________________
la imagen a insertar. Elegir Earth4. ____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
Nota: Observar que a la derecha aparece una muestra de la imagen que
estamos eligiendo. Elegir la imagen de la carpeta Muestra.
____________________________________________________________________________________________________________________________________________________________________________
______________________________________________________________________________________________________________
4. Pulsar el botón Abrir. Inmediatamente aparecerá la imagen sobre el área de trabajo: ____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________
Elementos básicos del Neobook 25

1.4 Atributos de las imágenes


Generalmente, al cargar una imagen, sucede que el tamaño que le definimos no
coincide
exactamente con el tamaño original de la imagen.
¿Qué opciones tenemos cuando la imagen mide muchísimo más que el área que
le queremos asignar en una página?

1.4.1 ¿Cómo cambiar los atributos de las imágenes?


Para cambiar cualquier atributo de una imagen tenemos que acceder a las
propiedades de la imagen que acabamos de insertar pulsando el botón derecho
del ratón sobre ella. Inmediatamente aparecerá la siguiente ventana:

Cambiar
imagen

En la parte superior aparece el nombre del archivo que contiene la imagen y su


ubicación en el disco duro.

El botón Cambiar imagen permite sustituir la imagen actual por otra que
elijamos.
26 Capítulo 1

Además se encuentran las siguientes opciones:

 Encoger imagen para ajustar a ventana

Sirve para que el Neobook agrande o achique la imagen de manera que coincida
con el área que le definimos. Esta es la opción que hay que activar para que las
imágenes se agranden o achiquen como nosotros queramos.

 Mantener relación de aspecto

Cuaderno de
Sirve para que el Neobook ajuste la imagen manteniendo la relación ancho/alto
original, impidiendo así que se deforme cuando le cambiamos el tamaño.

 Barras de enrollado:

clase
Sirve para activar las barras de desplazamiento que le dan la posibilidad al usuario
de poder ver toda la imagen cuando es más grande que el área que le definimos:

Barras de
desplazamiento
(enrollado)

 Transparente:

Sirve para hacer que el fondo de la imagen sea transparente. Debe ser utilizada
con cuidado porque si el fondo tiene más de un color el efecto de transparencia
puede no ser el deseado. Para elegir que color queremos que sea transparente
está la opción Color Transparente.
146 Capítulo 12 Elementos básicos del Neobook 27

Si el usuario pulsa un botón que no contiene la respuesta correcta, debemos pasar Ejercicios
a la siguiente pregunta sin sumarle uno a la variable que cuenta.
Ejercicio 1.1
En la última página habrá un botón titulado Resultado que mostrará distintos Cargar el Neobook y crear una publicación electrónica que contenga los
mensajes en función de la cantidad de preguntas contestadas correctamente. siguientes elementos:

El ejercicio consiste en armar un juego con 4 páginas con preguntas y una quinta  Una etiqueta con Alineación Centrada con el texto “EJEMPLOS DE
(la final) cuyo botón Resultado se comporte de la siguiente manera: ALINEACIÓN” escrito en mayúsculas. Debe colocarse en la parte superior
de la pantalla.
4 Respuestas correctas: Muestra un AlertBox con el mensaje “EXCELENTE!”  Una etiqueta con Alineación Izquierda con el texto “IZQUIERDA”.
2 o 3 respuestas correctas: Muestra un AlertBox con el mensaje “BUENA!!”  Otra etiqueta con alineación Derecha con el texto “DERECHA”
0 o 1 respuesta correcta: Muestra un AlertBox con el mensaje “ANDA!!!”  Otra etiqueta con alineación Centrada con el texto “CENTRADA”.

Las tres etiquetas deben quedar del mismo tamaño y perfectamente alineadas.
Sugerencias:
Ejercicio 1.2
Suponiendo que utilizaremos la variable Cantidad para llevar la cuenta de la Crear una publicación en Neobook que contenga los siguientes elementos:
cantidad de respuestas correctas:
 La imagen Heading.pcx colocada a la izquierda de la página.
 Para hacer que la variable Cantidad aumente en uno su valor hay que  La imagen earth3.bmp colocada a la derecha de la anterior
hacer:  Un título debajo de ambas imágenes que contenga el nombre de los
integrantes del equipo.
SetVar “[Cantidad]” “[Cantidad]+1”
Nota 1: Las imágenes se encuentran en la siguiente ruta:
Esta es la orden que hay que poner en los botones que contengan las respuestas
correctas. C:\Clase\Neobook\Muestra
Nota 2: Deberás modificar el tamaño de las imágenes para que se vean
 En la primer página de preguntas conviene agregar como primer comando a completamente sin superponerse.
todos los botones la orden:
Ejercicio 1.3
SetVar “[Cantidad]” “0” Crear una publicación en Neobook que contenga los siguientes objetos:

Sirve para que la variable Cantidad comience valiendo cero.  Una etiqueta con el texto LOS PLANETAS escrito con alineación centrada,
negrita y subrayado y colocado en la parte superior de la página.
 La imagen Earth4.pcx que se encuentra en C:\Clase\Neobook\Muestra.
28 Capítulo 1 Programación Avanzada: Comando IF 145

 La imagen Neptune.pcx colocada a la derecha de la anterior.  En la página “Grandes”, deben haber tres botones, titulados Imagen1
 Una etiqueta con el texto LA TIERRA colocada debajo de la imagen de la Imagen2 Imagen3 que deben mostrar tres imágenes diferentes. Además
Tierra con alineación Centrada. debe existir un botón titulado Video que muestre un video solamente si la edad
 Una etiqueta con el texto NEPTUNO colocada debajo de la imagen de es mayor de 18.
Neptuno con alineación centrada.
 Un título debajo de ambas imágenes que contenga el nombre y apellido de los  En la página “Medianos” deberán haber 2 botones llamados Sonido1 y
integrantes del equipo. Sonido2, que toquen dos sonidos diferentes.

Nota: Las imágenes se encuentran en C:\Clase\Neobook\Muestra  En la página “Chiquitos” debe haber un cartel en letra Comic Sans MS de
tamaño 28 con la leyenda:

Variación: “Sos demasiado chico para poder apreciar esto...


lo siento.”
Agregar dos etiquetas debajo de las de los nombres de los planetas con los Ejercicio 12.4
siguientes datos:
EL JUEGO DE LAS PREGUNTAS Y RESPUESTAS

La Tierra: Neptuno: La idea de este ejercicio es hacer un juego de preguntas y respuestas en el que
Diámetro Ecuatorial: 12757 km Diámetro Ecuatorial: 44600 km en cada página se presente una pregunta diferente y un conjunto de botones que
Período de rotación: 23 h 56 min y 4 seg Período de rotación: 15 h 48 min.
contengan respuestas posibles a las preguntas, de modo que solo una sea
Distancia Media al sol: 149.500.000 km Distancia Media al sol: 4494.000.000 km
correcta.
Por ejemplo, una pregunta podría ser:

La idea es hacer que la computadora “lleve la cuenta” de la cantidad de


respuestas correctas que el usuario va respondiendo.

Cada vez que el usuario pulsa el botón con la respuesta correcta, debemos
sumarle uno a la variable que se elija para llevar la cuenta de las respuestas
correctas y luego pasar a la siguiente página con la siguiente pregunta.
144 Capítulo 12

Ejercicios:
Ejercicio 12.1 Capítulo 2: Trabajando con Objetos
Construir una aplicación en Neobook que funcione exactamente igual al ejemplo Luego de que agregamos un nuevo objeto a la página inmediatamente necesitaremos
descrito en el capítulo anterior (el de la contraseña). cambiarlo de posición o de tamaño o cambiarle propiedades como el color de frente,
fondo o borde.
Ejercicio 12.2 2.1 Operaciones básicas
Hacer una aplicación en Neobook que permita ingresar la edad de dos personas:
la de un padre y la de su hijo. (¡cada una en una caja de ingreso de datos La Flecha selectora de objetos
distinta!) y que, al pulsar un botón titulado Preguntar, pase lo siguiente:
La flecha selectora se utiliza para seleccionar objetos cuando los queremos
 Muestre un StickyNote con el texto “¡¿Mellizos?!” durante 5 segundos si las mover de un lado a otro de la página o cuando queremos cambiar algunas
dos edades son iguales. de sus características: tamaño, color, etc.
 Muestre un AlertBox con el texto “¡IMPOSIBLE!” si alguna de las dos
edades es mayor que 100. 2.1.1 ¿Cómo seleccionar un objeto?
 Muestre un AlertBox con el texto “¡CORRECTO!” si la edad del padre es
mayor que la edad del hijo. 1. Elegir la flecha selectora.
Ejercicio 12.3 2. Hacer clic sobre el objeto que queremos seleccionar o sobre su nombre en la
lista de Objetos. El Neobook indica que el objeto fue seleccionado
EL PARQUE DE DIVERSIONES agregándole un conjunto de pequeñas cajitas negras a su alrededor. Estas
cajitas se denominan “ manijas” o handlers y se utilizan para cambiarle el
Construir una aplicación en Neobook que conste de cuatro páginas: tamaño al objeto seleccionado:

 En la primera, deberá haber una caja de ingreso de datos que pregunte la Objeto NO
edad de la persona y un botón que diga Continuar, que al pulsarlo haga lo
siguiente:
Objeto seleccionado
 Si la edad es mayor de 16 debe ir a la página 4 llamada “grandes”
 Si no es mayor de 16, pero es mayor de 12 debe ir a la página 3 llamada
“medianos”
 Si es menor de 12 debe ir a la página 2 llamada “chiquitos”
Handlers
29
30 Capítulo 2 Programación Avanzada: Comando IF 143

El Neobook permite seleccionar más de un objeto a la vez, lo cual resulta muy útil En este programa, la condición es:
si queremos cambiarle el color o el tipo de letra a un conjunto de títulos o botones.
“[edad]” “>” “18”
y sirve para poder determinar si la persona tiene o no más de 18 años.
2.1.2 ¿Cómo seleccionar más de un objeto a la vez?
Si en el momento de ejecutar el programa, el valor de la variable edad es mayor
de 18, entonces la condición será verdadera y por lo tanto se ejecutarán las líneas
1. Elegir la flecha selectora en la paleta de de código entre el if y el endif.
herramientas
Si no es mayor de 18 entonces la condición ser falsa, por lo que se ejecutarán las
instrucciones del else.
2. Presionar la tecla SHIFT y sin soltarla
hacer un solo clic sobre cada uno de los objetos
que queremos seleccionar o pulsar CTRL y sin
soltarla hacer un clic en el nombre de cada objeto
en la lista de objetos de la página.

2.1.3 ¿Cómo cambiar el tamaño de un objeto?


1.Seleccionar el objeto que queremos modificar
haciendo clic sobre él. Inmediatamente aparecerán
los handlers del objeto seleccionado.
Agrandando objetos

2. Hacer un nuevo clic sobre el handler y


manteniendo el botón izquierdo del ratón apretado, arrastrar la flecha para
agrandar o achicar el objeto.

2.1.4 ¿Cómo Borrar un objeto?


Para borrar objetos hay que seguir el siguiente procedimiento:

1. Seleccionar el o los objetos que se quieren borrar.

2. Pulsar la tecla Supr o ir al Menú Editar—>Suprimir.


142 Capítulo 12 Trabajando con Objetos 31

12.2 Condiciones Nota: Para evitar accidentes desastrosos el Neobook permite deshacer la
última acción realizada, por lo que si se borraron objetos que no se querían se
En la sección anterior mencionamos a la pasada que el comando if evalúa una puede “volver atrás” para recuperarlos. Este botón se encuentra en la barra de
condición y procede de una u otra forma dependiendo si esa condición es atajos, en la parte superior de la pantalla.
verdadera o falsa.

Definición: Una Condición es cualquier expresión cuyo resultado puede ser Botón Deshacer
verdadero o falso.

En todas las condiciones habrá por lo menos un operador que permitirá


2.1.5 ¿Cómo colocar un objeto detrás de otro?
comparar dos expresiones. Estos operadores son:
• Seleccionar el objeto que queremos colocar detrás de todo.
= (igual) • Pulsar la herramienta Enviar detrás que se encuentra en la barra de atajos
> (mayor que) en la parte superior de la pantalla del Neobook
< (menor que)
<> (distinto)
>= (mayor o igual)
<= (menor o igual)
Enviar detrás

En el Neobook, cada una de las partes de las condiciones deben escribirse entre
comillas, incluyendo los operadores. 2.1.6 ¿Cómo colocar un objeto adelante de otro?

Ejemplo:
• Seleccionar el objeto que queremos colocar detrás de todo.
Si queremos hacer una aplicación que haga una u otra cosa dependiendo si la • Pulsar la herramienta Llevar delante que se encuentra en la barra de atajos
edad de una persona es mayor que 18 años, el código que habría que incluir en un en la parte superior de la pantalla del Neobook:
botón sería algo como:

if “[edad]” “>” “18”


...
... Llevar delante
el se
...
...
endif
32 Capítulo 2 Programación Avanzada: Comando IF 141

Cuando el Neobook se “encuentra” con una orden if , lo primero que hace es


2.2 Herramientas de diseño de la paleta de herramientas evaluar la condición que le sigue para determinar si se cumple o no.
La parte derecha de la paleta de herramientas contiene una serie de herramientas Si resulta que esa condición se cumple, entonces procede a ejecutar todas las
que sirven para cambiar el aspecto de cualquier objeto que se encuentre en la órdenes que están entre el if y el else y luego continúa con las órdenes que
página, como su color, el tipo de letra utilizado, el color del tipo de letra, etc. vienen después del endif, o sea que se saltea las órdenes que están entre el else
y el endif.

Si por el contrario la condición no se cumple, entonces procede a ejecutar las


órdenes que están entre el else y el endif y luego continúa con las órdenes que
Color de relleno
vienen después del endif, o sea que se saltea las órdenes entre el if y el else.

Tipo o patrón
Esta explicación, que puede parecer un confuso trabalenguas, puede quedar un
de relleno poco más clara con el siguiente ejemplo:

Color del
borde
Supongamos que el usuario ingresó el nombre JUAN en la caja de ingreso de
Ancho del texto del formulario de la figura anterior, y que el programa escrito en el botón
borde del botón Continuar es:

Tipo y color de la if “[nom]” “=” “JUAN”


letra AlertBox “Clave de Acceso correcta” “Acceso permitido”
GotoNextPage
else
AlertBox “Clave errónea” “Acceso denegado”
Control de posición
endif

El programa se pregunta si el contenido de la variable nom es JUAN.


Recordemos que utilizamos esta variable para almacenar lo que el usuario
ingresa, por lo que su cuando pulse Continuar, contendrá el nombre que escribió.

Como supusimos que el usuario había ingresado JUAN, entonces el Neobook


ejecutará el AlertBox indicando el acceso permitido e inmediatamente después irá
a la siguiente página (GotoNextPage).
140 Capítulo 12 Trabajando con Objetos 33

Observar que decidimos almacenar el nombre de la persona en la variable nom, 2.2.1 Elementos de diseño comunes a todos los objetos:
pero, como ya se sabe podríamos haber utilizado cualquier otra.
Todos los objetos que pueden agregarse a las páginas poseen atributos en común,
Hasta ahora, todos los programas que habíamos escrito tomaban directamente los
o sea características que se repiten entre cada objeto. Estas son:
valores de las variables y realizaban los cálculos sin fijarse cuales eran estos
valores, o sea que cualquier dato que yo pusiera en las cajas de texto era utilizado
• Relleno: Es el color del fondo del objeto.
para realizar los cálculos.
• Fuente: En los títulos es el tipo de letra que se utiliza para visualizar el título.
• Línea: Es el borde que puede incluirse para resaltar su contenido. En los
La dificultad aquí radica en que el programa que hay que escribir en el botón
objetos geométricos como líneas y círculos, la línea corresponde al trazo que se
Calcular, debe proceder de manera diferente, dependiendo de lo que el usuario
utiliza para dibujarlos.
ingrese en el botón de inserción de texto: si lo que ingresó fue JUAN, entonces
podemos permitirle el acceso, haciendo un GotoNextPage; si no ingresó JUAN,
entonces no hay que hacer nada, impidiéndole acceder a la siguiente página de la
publicación. Línea

La forma de hacer que el Neobook haga una u otra cosa dependiendo de si una Fuente
condición se cumple es utilizando los comandos if...else...endif. Relleno

12.1 El comando IF (de la categoría Control) 2.3 Atributos de las Etiquetas


La sintaxis general del comando IF es: Uno de los problemas con que nos encontramos al agregar una nueva etiqueta era
Si la condición se cumple...
que el Neobook le ponía automáticamente un color de fondo y un borde.
Lo que le podemos cambiar a las etiquetas usando las herramientas de diseño es :
if condición
Si la condición se cumple... El tipo de letra, el color de la letra, el color de relleno y las características del
orden_1
borde.
orden_2 Conjunto de comandos que se
.... ejecutarán si la condición se cumple
orden_n
el se de otro modo...
orden_1
orden_2 Conjunto de comandos que se ejecutarán
si la condición NO se cumple
...
orden_n
endif
34 Capítulo 2

2.3.1 ¿Cómo cambiar el tipo de letra? Capítulo 12: Programación Avanzada:


El Neobook permite definir el tipo de letra que se usa en cada objeto que se coloque Comando IF
en las páginas de la publicación y que tenga, por supuesto, algún texto asociado, Como es de suponer, no todos los programas que pueden escribirse en el
como son los Títulos, botones y cuadros de texto. Neobook involucran solamente cajas de texto y cálculos.
Los tipos de letra que pueden utilizarse son todos los que estén instalados en la
computadora y que reconozca el Windows. Supongamos el siguiente problema:
Cada tipo de letra tiene un nombre único que lo identifica y un estilo que indica si Construir una aplicación en Neobook que permita al usuario ingresar su
el texto se escribirá en negrita, cursiva o subrayado, aunque algunos tipos de letra nombre y que al pulsar un botón titulado Continuar le permita pasar a la
pueden tener otros estilos disponibles. primera página solo si su nombre es JUAN.
Para cambiar el tipo de letra de un objeto:
El primer paso es identificar cuales son los objetos que necesariamente deberá
tener nuestra página para poder cumplir con los requerimientos del problema.
1. Seleccionar el objeto haciendo clic sobre él con el botón izquierdo del ratón. La letra dice que el usuario deberá poder ingresar su nombre, por lo tanto se
necesita un botón de ingreso de texto.
Además menciona al botón Continuar, por lo que el diseño de la primer página
podría ser algo como:

2. Hacer clic sobre la flecha que está a la derecha de la opción Fuente de la


paleta de herramientas.
Et iquetas aclaratorias

Caja de texto

Botón
¡Aquí!

139
Trabajando con Objetos 35

3. Inmediatamente se mostrará la siguiente ventana que permitirá elegir el tipo


de letra a utilizar:

Estilos disponibles para el


tipo de letra seleccionado

Lista de tipos
de letra Lista de
disponibles tamaños
disponibles

La selección del tipo de letra a utilizar implica definir sus tres características: Su
nombre, su estilo y su tamaño.

4. Una vez seleccionadas estas tres propiedades, hacer clic en Aceptar para
continuar.
36 Capítulo 2 Objetos de Inserción de datos: Cajas de Texto 137

2.3.2¿Cómo cambiar el color de la letra? Ejercicios


Además del tipo de letra podemos definir el color con que queremos que se Ejercicio 11.1
muestre por pantalla.
Para cambiar el color de la letra de un objeto: Realizar el ejemplo desarrollado en el capítulo para calcular la suma de edades de
los siguientes pares de personas:
1. Seleccionar el objeto haciendo clic
a) 23 y 35 años.
sobre él con el botón izquierdo del ratón. b) 33 y 13 años.
c) 12 y 11 años.
2. Hacer clic sobre la flecha que está
Aquí!
d) 2 y 9 años.
a la derecha de la opción C olor de Fuente Ejercicio 11.2
en la paleta de herramientas.
Construir una aplicación con Neobook utilizando dos botones de inserción de texto
3. Seleccionar un color haciendo clic que permitan ingresar dos nombres y un botón cuya acción sea mostrar en una
sobre él y luego pulsar el botón OK. etiqueta especialmente diseñada la frase “Hecho por “ y luego los dos nombres
ingresados.

2.3.3 ¿Cómo cambiar el color del relleno?:


1. Seleccionar el objeto haciendo clic con el botón izquierdo. Ejercicio 11.3

2. Hacer clic en la flecha Construir una aplicación con Neobook que permita ingresar el Alto, el Ancho y el
Largo de un prisma y que al pulsar un botón titulado Volumen me muestre en
Aquí
que está a la derecha de la una etiqueta el Volumen del prisma según las medidas ingresadas por el usuario:
opción Color de Relleno
!
de la paleta de Gama de
herramientas. colores

3. Inmediatamente Colores
Alto
aparecerá la paleta de predefinidos
Ancho
colores disponibles:
4. Para elegir el color,
Largo

simplemente hacer clic


sobre el color deseado. Se
136 Capítulo 11 Trabajando con Objetos 37

Como esta orden no tiene ninguna lógica matemática el Neobook se limita a puede elegir directamente de la gama de colores o del conjunto de 16 colores
almacenar todo lo que se encuentra entre comillas en la variable dias1. y por lo predefinidos.
tanto ésta termina valiendo “*365.”
2.3.4 ¿Cómo cambiar el patrón de relleno?
11.3 Utilización de la Aplicación
El Neobook permite seleccionar un tramado que se utilizará para pintar las zonas
Una vez hechos todos los cambios descritos, la aplicación quedará lista para ser con el color de relleno. Una opción muy importante es la del tramado hueco (H)
utilizada pulsando el botón de Ejecutar del Neobook o la tecla F8. que hace que el color de relleno sea transparente, o sea que NO SE PINTEN
las zonas no ocupadas por textos o imágenes. Esta opción es realmente muy
Es importante que quede realmente claro cómo se utiliza un programa hecho de importante ya que permite colocar títulos con fondos transparentes sobre otros
esta manera ya que es muy común ver a los usuarios cometer el error de Detener objetos de las páginas.
y volver a Ejecutar la aplicación cada vez que quieren hacer un nuevo cálculo de
días. Para seleccionar el patrón de relleno de un objeto:

Como ya hemos visto, la aplicación sirve para calcular la cantidad de días vividos 1. Seleccionar el objeto haciendo
por cualquier par de personas, cuyas edades deben ser previamente ingresadas
clic sobre él.
en las cajas de texto.
2. Hacer clic en la flecha que está Aquí!
Cuando se pulsa el botón de Calcular, el programa “toma” el contenido de las a la derecha de la opción Rellenar
variables edad1 y edad2, realiza los cálculos y muestra el resultado en la Muestra de la paleta de
etiqueta. herramientas.

Esta forma de funcionar le permite al usuario modificar en cualquier momento el 3. Inmediatamente aparecerán los
contenido de las cajas de texto y luego pulsar el botón Calcular para obtener el patrones disponibles:
resultado correspondiente a los nuevos valores.
4. Elegir un patrón haciendo clic
sobre uno de los cuadrados de muestra.
38 Capítulo 2 Objetos de Inserción de datos: Cajas de Texto 135

2.3.5 Hueco y Sólido las variables edad1 y edad2 serán ingresados por el usuario antes de pulsar el
botón Calcular:
Dentro de la lista de patrones de relleno disponible se encuentran dos opciones
especiales: S: sólido y H: hueco. Sus efectos pueden verse en el siguiente ejemplo:

1. Tramado sólido 2. Tramado hueco

En el caso 1, el título “La Tierra” fue ingresado utilizando la opción de tramado Es interesante observar cómo el programa asume que las variables edad1 y
sólido. Notar como al rellenar el área que no ocupa el texto la imagen de fondo es edad2 ya tendrán valores asignados, utilizándolas directamente para realizar los
parcialmente ocultada, generando un efecto poco atractivo. cálculos de los días vividos por las dos personas.
Cabe preguntarse que sucederá si la persona que está utilizando la aplicación no
En el Caso 2 se activó la opción de tramado hueco. Es claro que al quedar ingresa nada en los puntos de inserción de texto y pulsa directamente el botón
transparente la zona no ocupada por el texto, el título armoniza completamente Calcular.
con la imagen. Si sucede esto, el Neobook tratará de realizar las operaciones de multiplicación
que indica el programa contenido en el botón. Pero como la variable edad1 no
tendrá ningún valor asociado, ya que el usuario no ingresó nada en las cajas de
texto, el resultado será “impredecible”.
Podría parecer lógico pensar que si no se le asigno ningún valor a una variable
esta valga cero. De hecho muchos lenguajes de programación profesionales
hacen esta suposición.
El Neobook NO hace esta suposición y se limita a ignorar las variables que no
tienen valores asignados, de manera que:

Setvar “[dias1]” “[edad1]*365” es interpretada como

Setvar “[dias1]” “*365” (ignora la variable edad1).


134 Capítulo 11 Trabajando con Objetos 39

programas escritos en los botones para realizar los cálculos a partir de los datos 2.4 Cuadros de Texto
que el usuario introduce en el momento de utilizar la aplicación.

Volviendo al ejemplo que estabamos desarrollando, la idea es que el usuario Los textos que pueden agregarse a las páginas hechas con Neobook
ingrese las dos edades de las personas y luego pulse el botón Calcular para deben estar previamente escritos y grabados en el disco duro en
obtener el resultado. Por lo tanto debemos agregar dos cajas de texto: una para archivos de texto.
ingresar la edad1 y otra los de la edad2:
Para crear estos archivos, tenemos dos posibilidades:
- Utilizar el editor que trae el Neobook.
- Utilizar otro programa que permita ingresar texto y guardarlo en el disco
duro.

En clase utilizaremos siempre la primera opción ya que es la más cómoda debido


a que no tenemos que aprender a utilizar el Word u otro procesador de texto para
crear nuestros propios cuadros de Texto.

2.4.1 ¿Cómo agregar un cuadro de texto en una página?

Diferenciaremos dos casos:

Caso 1: El archivo ya fue escrito y esta grabado en alguna carpeta del


disco duro

1. Seleccionar la herramienta para insertar un Aquí


cuadro de texto.

El código del botón bntCalcular deberá ser modificado para que utilice
directamente los datos ingresados en las cajas de texto. Esto se logra eliminando
las dos primeras el código escrito anteriormente, ya que los valores iniciales de
40 Capítulo 2 Objetos de Inserción de datos: Cajas de Texto 133

2. “Dibujar” en la pantalla la zona donde se quiere colocar el cuadro de texto, Dichos valores pueden ser almacenados en variables asociadas a los objetos, de
manera de poder ser utilizados en los programas contenidos en los botones.
dejando pulsado el botón izquierdo del ratón y desplazándolo hasta los límites
deseados.
11.2 ¿Cómo agregar una caja de texto?
Para agregar Cajas de texto existe una herramienta especial en la barra de
3. Inmediatamente el Neobook mostrará la siguiente ventana: herramientas del Neobook:

Co mo estamos suponiendo
que el archivo de texto ya
está en el disco duro, hay que
Lo único que debemos hacer es seleccionarla y luego “dibujarla” en la pantalla, de
seleccionar la primera la misma manera que agregamos cualquier objeto. Inmediatamente aparecerá la
opción y luego pulsar OK. siguiente ventana:

Lo que el usuario
4. El Neobook mostrará una nueva ventana para que podamos elegir el archivo ingrese quedará
almacenado en la
de texto que queremos utilizar:
variable edad1

Aquí se verá
una ejemplo en Los nombres de
miniatura del las cajas de texto
archivo deben comenzar
seleccionado. con txt.

5. Elegir el archivo y pulsar el botón Abrir. Nota: Para evitar confusiones entre el nombre de la variable donde se
almacenará el resultado y el nombre del objeto, podemos ponerlos iguales, es
6. Inmediatamente el Neobook mostrará en la página el contenido del archivo decir, ponerle a la variable también txtedad1.
seleccionado. Como generalmente los datos ingresados en una caja de texto serán utilizados
para realizar cálculos, debemos indicarle al Neobook que almacene lo que el
usuario ingrese en una variable. Dicha variable podrá ser utilizada en los
132 Capítulo 11 Trabajando con Objetos 41

Lo único que necesitamos es poder darle al programa la información de cuales Caso 2: Queremos escribir y agregar un NUEVO artículo en nuestro
serán las edades de las personas en el momento en que estamos ejecutando la trabajo
aplicación.

La idea es construir una especie de “formulario” donde el usuario pueda ingresar 1. Seleccionar la herramienta para insertar un
los valores de las edades de las personas, de manera que al pulsar el botón cuadro de texto.
Aquí
Calcular, el programa realice los cálculos utilizando los valores ingresados por el
usuario:
Et iqueta del título

Caja de
texto de la
primera
edad

Et iquetas Caja de texto 2. “Dibujar” en la pantalla la zona donde se


de la segunda quiere colocar el cuadro de texto, dejando
aclaratorias
edad pulsado el botón izquierdo del ratón y
desplazándolo hasta los límites deseados.

Et iqueta
Botón que donde se
contendrá
el programa
verá el
resultado
3. Inmediatamente el Neobook mostrará la siguiente ventana:
Los objetos indicados como “inserción de texto” son una tipo de objeto llamados
justamente de inserción de texto o cajas de texto. Estos objetos nos permiten Como queremos crear
definir un punto de entrada que el usuario puede utilizar para ingresar los valores un nuevo artículo,
que desee en el momento en que está utilizando la aplicación. tenemos que elegir la
segunda opción y
luego pulsar OK.
42 Capítulo 2

4. Inmediatamente el Neobook abrirá un pequeño pero avanzado editor de Capítulo 11: Objetos de inserción de datos:
textos que permitirá escribir el texto que se quiera agregar a la publicación:
Las opciones del Editor son muy parecidas a las del Word, con la excepción de Cajas de texto
los de la esquina inferior derecha de la ventana: Ok y Cancelar.
Si bien las variables nos dan la posibilidad de trabajar con datos, realizar cálculos
y luego mostrarlos por la pantalla, debe resultar evidente que necesitamos algo
que nos permita asignarles valores de una manera más práctica que utilizando la
orden Setvar.
Hola que tal, esta es una muestra sobre como crear un
nuevo artículo en el Neobook
11.1 El problema del ingreso de datos
Basta echarle un vistazo al ejemplo del capítulo anterior para darse cuenta que si
quisiéramos calcular la suma de días vividos por dos personas, una de 14 y otra
de 16, deberíamos modificar el programa contenido en el botón calcular y
cambiar las dos primeras líneas por las siguientes:

Setvar “[edad1]” “14”


Botones de acción
Setvar “[edad2]” “16”
• El botón Cancelar simplemente cancela todo lo hecho hasta ahora y
devuelve el control al Neobook, sin agregar un nuevo cuadro de texto. Aunque la modificación resulta realmente sencilla, es una tarea que puede
realizarla únicamente la persona que hizo el programa y no un usuario cualquiera
• El botón OK sirve para indicarle al Neobook que queremos agregar un nuevo que no esté familiarizado con el uso del Neobook.
cuadro de texto conteniendo lo escrito en el editor. Como este nuevo artículo
necesita guardarse en el disco duro, el Neobook muestra la siguiente ventana: Vale la pena repetir el concepto fundamental que nuestros programas y libros
electrónicos deben estar diseñados de manera tal que puedan ser utilizados por
personas NO expertas y por lo tanto no podemos pretender que se deba
modificar el código de ningún botón para agregarle funcionalidad a las
aplicaciones.
Otro detalle importante a observar es el hecho que una vez hecha la modificación
descrita, no hay que cambiar nada más en el programa, ya que la lógica de cómo
realizar los cálculos no depende de los datos iniciales. De esta manera ya
Escribir el nombre tenemos el “esqueleto” que sirve para calcular cualquier suma de días a partir
del nuevo archivo. de las dos edades de las personas.

131
Trabajando con Objetos 43

Los pasos que hay que seguir son:

1. Ingresar el Nombre de archivo que se quiera, teniendo en cuenta que


conviene que tenga algo que ver con el contenido del artículo.
2. Pulsar el botón Guardar.
3. El Neobook guardará el nuevo artículo en el disco duro y lo agregará a la
página actual.

2.4.2 Atributos de los Cuadros de Texto

Pulsando el botón derecho del ratón sobre un cuadro de texto colocado en la


página accedemos a sus atributos:

Las opciones que podemos definir son:


44 Capítulo 2 Programación con Neobook: Variables 129

• Deslizamiento de texto: Permite hacer que el texto se acomode Ejercicios


automáticamente en función del tamaño del cuadro de texto. El efecto de esta
opción puede verse mejor en el siguiente ejemplo:
Ejercicio 10.1

Construir una aplicación en Neobook con una sola página y una etiqueta con el
texto “Hoy es:” en letra Arial Black de 14 puntos.
Colocar a su lado otra etiqueta que muestre el contenido de una variable llamada
día.
Agregarle a la aplicación 7 botones con los nombres de los días de la semana
cuya función sea mostrar los nombres de los días en la etiqueta que muestra el
contenido de la variable día.

Ejercicio 10.2

Sin deslizamiento Con deslizamiento


Construir una aplicación con dos botones titulados Autor1 y Autor2 y dos
etiquetas inicialmente vacías. Cuando el usuario pulse el botón Autor1, deberá
aparecer en una etiqueta el nombre de uno de los autores y cuando pulse el botón
En la figura anterior pueden verse las dos opciones. Notar que al seleccionar la Autor2 deberá aparecer el nombre del otro integrante del grupo en la otra
opción de Deslizamiento de texto, el texto se acomoda para entrar en el ancho etiqueta.
del cuadro de texto.

• Barras de enrollado (si es necesario) Aunque se haya seleccionado la Ejercicio 10.3


opción del Enlace Automático, el texto puede no caber en el cuadro de texto
definido. Las barras de enrollado le permiten al usuario recorrer el texto para Hacer el ejercicio de ejemplo descrito en este capítulo y probarlo para calcular
poder leerlo completamente. cuanto da la suma de días vividos por una persona de 17 años y otra de 18 años.

Barra
Vertical

Barra
128 Capítulo 10 Trabajando con Objetos 45

Con esto le indicamos al Neobook que queremos que la etiqueta muestre el valor • Estado inicial: Sirve para indicarle al Neobok
de la variable sumatotal. como se va a ver el objeto cuando estemos probándolo
(modo RUN: tecla F8). Hay varias posibilidades:
Por último tenemos que escribir el programa en la acción cliqueo del botón
Calcular, que es el que se encargará de realizar el cálculo de la suma de edades a) Visible: si esta desactivado significa que el objeto no se verá cuando
y colocar el resultado en la variable sumatotal: probemos nuestra publicación. Más adelante veremos como hacer que
aparezca al pulsar un botón o realizar alguna otra acción.
b) Habilitado: si está desactivado significa que el objeto no podrá
responder a ninguna acción del usuario.

Se trata del mismo programa discutido anteriormente por lo que no será explicado
nuevamente.

Lo que sí es importante recordar es que al pulsar el botón Aceptar, el sistema


quedará listo para ser probado y por lo tanto solo restará pulsar el botón de
Ejecutar del Neobook ( o F8) para poder ver el resultado de nuestro primer
programa.
46 Capítulo 2 Programación con Neobook: Variables 127

Ejercicios Et iqueta con


el título de la
página
Ejercicio 2.1
Et iqueta de Et iqueta
Crear una página de Neobook que contenga los siguientes elementos: donde se
aclaración
verá el
 Dos etiquetas con el mismo texto: MEDIOS DE TRANSPORTE puestas resultado
de tal manera que generen un efecto de sombra como el siguiente:
Botón que
contendrá el
programa

 Las imágenes Globo.bmp, Barco.bmp y Shuttle.bmp colocadas en el


centro de la pantalla que sean exactamente del mismo tamaño y de manera que
se vean completamente.
 Una etiqueta final con el título DEL SIGLO XXI en letra Arial Rounded
Aunque únicamente el botón y la etiqueta donde se verá el resultado son los
MT Bold de tamaño y color rojo colocada debajo de las tres imágenes.
objetos absolutamente necesarios, siempre es bueno agregar etiquetas auxiliares
que sirvan para aclararle al usuario de que se trata el programa y que valor va a
Nota: las imágenes se encuentran en la ruta C:\Clase\Neobook\Muestra
aparecer representado.
Una vez culminada la página hay que indicarle a la etiqueta cual es el nombre de
Ejercicio 2.2
la variable que deberá mostrar. Para ello hacer clic con el botón derecho del
ratón sobre la etiqueta y escribir lo siguiente:
Crear una publicación en Neobook con una página que contenga los siguientes
elementos:

 Un título con el texto PLANETAS DEL SISTEMA SOLAR. Debe


quedar con tipo de letra Maiandra GD de tamaño 36 y color rojo.

Nota: Para que entre en la página deberás escribir el texto de la etiqueta en dos
lineas. Simplemente pulsa ENTER luego de la palabra PLANETAS y escribe el
resto del texto en la segunda línea.

 La imagen de la TIERRA contenida en el archivo Earth4.pcx, cuyo


tamaño se ajuste automáticamente con borde azul de grosor 2.
126 Capítulo 10 Trabajando con Objetos 47

Esto le indica al Neobook que la etiqueta debe mostrar el valor que vaya tomando  La imagen de MARTE que se encuentra en el archivo MARS.PCX.
la variable sumatotal a lo largo de su existencia. Cada vez que la variable Agregarle un borde rojo de grosor 2, con ajuste automático de tamaño.
cambie su valor, éste se verá inmediatamente en la etiqueta que definimos para  La imagen de SATURNO contenida en el archivo SATURN.PCX,
visualizar su valor. modificando el tamaño para que se ajuste automáticamente y ponerle un borde
amarillo de grosor 2.
A su vez, como la única forma de asignarle un valor a la variable sumatotal es  La imagen de JUPITER contenida en el archivo JUPITER2.PCX y
mediante la orden Setvar, entonces nuestra aplicación deberá incluir un botón modificarla para que su tamaño se ajuste automáticamente. Ponerle borde
donde podamos escribir esta orden. Naranja de tamaño 2
 Agregar, debajo de cada planeta su nombre usando etiquetas con tipo de
Llegamos por lo tanto a una conclusión fundamental: letra Arial Black de tamaño 16 escritas con el mismo color del borde del planeta
que describen.
Para poder definir el valor de una variable y ver su valor en la pantalla 
necesitamos construir una publicación que tenga como mínimo una etiqueta
y un botón. El aspecto final de la página debe ser muy similar a:

Ejercicio de Ejemplo:

Construir una aplicación en Neobook que realice la tarea de sumar la cantidad de


días vividos por dos personas, una de 17 años y otra de 18 años y muestre el
resultado en la pantalla.
Se trata de construir una aplicación con los ejemplos descritos anteriormente, por
lo que necesitaremos un botón para poder escribir el programa y una etiqueta
para mostrar el valor de la variable sumatotal.

Lo primero que tenemos que hacer es construir la página con los elementos que
vamos a necesitar:

Nota: Las imágenes se encuentran en la siguiente carpeta


C:\Clase\Neobook\Muestra
Programación con Neobook: Variables 125

Setvar “[dias2]” “[edad2]*365” Crea la variable dias2 y le asigna el resultado de


multiplicar el valor de la variable edad2 por 365, o
sea que dias2 vale la cantidad de días vividos por
la segunda persona

Setvar “[sumatotal]” “[dias1]+[dias2]” Crea la variable sumatotal y le asigna el


resultado de sumar los valores de las
variables dias1 y dias2, o sea que
sumatotal vale la suma de días vividos por
las dos personas.

En este caso resulta claro que no interesa saber cuales fueron los valores que
tomaron las variables dias1 y dias2 ya que lo que queremos calcular es la suma
de ambas, valor que se encontrará en la variable sumatotal.

En este ejemplo por lo tanto habría que mostrar por pantalla el valor de la variable
sumatotal y no de dias1 o dias2.

10.7 Etiquetas y Variables


Como ya dijimos anteriormente, así como el Neobook no permite escribir órdenes
directamente tampoco tiene órdenes que sirvan para mostrar por pantalla el
contenido de una variable. Para ver cuanto vale una variable necesitamos hacer
un “truquito” especial utilizando etiquetas.

Las etiquetas sirven para mostrar textos en la pantalla y las utilizaremos para
mostrar el valor de las variables que queramos visualizar.
Lo único que hay que hacer es escribir en el texto de la etiqueta la referencia a
la variable que queremos mostrar, o sea su nombre escrito entre paréntesis
rectos.

Por ejemplo, si queremos que una etiqueta muestre el valor de la variable


sumatotal simplemente agregamos una etiqueta y le ponemos como texto lo
siguiente: [sumatotal]
124 Capítulo 10

Si observamos bien, se trata de una suma de dos cosas de distinto tipo ya que Capítulo 3: Trabajando con Páginas
José Luis es un texto y 10 es un número. Cuando en Neobook se encuentra
frente a operaciones que no pueden ser realizadas (¿cuanto da Jose Luis más Las páginas son el elemento constitutivo de las publicaciones electrónicas. Sobre
10?), simplemente toma todo lo que está entre comillas y se lo asigna a la variable ellas se colocan los objetos que formarán parte de la misma por lo que resulta
especificada. fundamental aprender su funcionamiento y las herramientas que nos da el
Neobook para agregar, copiar y borrar páginas.

De esta manera la variable dato terminará valiendo el texto “Jose Luis+10”.


3.1 Operaciones sobre páginas
10.6 Visualización de Variables 3.1.1 Nombres de las páginas

Un aspecto importante acerca de las variables es que sus valores no se muestran Apenas cargamos el Neobook en la computadora, se nos presenta la pantalla en
automáticamente en la pantalla. Si queremos ver el valor de una variable tenemos blanco y la publicación conteniendo dos páginas: una llamada Página Maestra y
que indicarle específicamente al Neobook cual es la variable que queremos ver y otra con el Nombre Nueva Página.
donde queremos que se muestre. Esto puede apreciarse observando la esquina inferior derecha de la pantalla,
Las variables son objetos que los lenguajes manejan en forma interna y no donde los nombres de las páginas disponibles aparecen representados por solapas:
siempre necesitamos ver los valores de todas las variables. Muchas veces se
utilizan variables que sirven para ir realizando cálculos intermedios y que van
aportando para lograr el resultado final, interesando solo este resultado y no los
intermedios.

Por ejemplo:

El siguiente programa calcula la cantidad de días vividos por 2 personas y luego


calcula la suma de ambos:
Páginas disponibles
Setvar “[edad1]” “17” Crea la variable edad1 y le asigna el valor 17.
Setvar “[edad2]” “18” Crea la variable edad2 y le asigna el valor 18

Setvar “[dias1]” “[edad1]*365” Crea la variable dias1 y le asigna el resultado de Para acceder a los elementos ubicados en las páginas bastará hacer clic con el
multiplicar el valor de la variable edad1 por 365, o botón izquierdo del ratón sobre su solapa.
sea que dias1 vale la cantidad de días vividos por
la primera persona. El nombre Nueva Página es puesto por el Neobook automáticamente ya que
todas las páginas deben tener nombre, pero una vez que se sabe el tema que se va

49
50 Capítulo 3 Programación con Neobook: Variables 123

a desarrollar en dicha página conviene cambiarle el nombre para evitar confusiones Esta orden crea una nueva variable llamada pepe y le asigna el valor 20.
a la hora de programar los botones que permitirán ir de una página a la otra. Es importante aclarar que esta orden debe ser escrita como acción de algún
En general es una muy buena práctica utilizar nombres de página que tengan que botón o de alguna página ya que el Neobook no permite escribir órdenes
ver con su contenido por lo que si, por ejemplo, la primer página contiene la directamente. Siempre necesitamos crear una publicación con un botón cuya
introducción del trabajo es razonable que se llame Introducción. acción incluya las órdenes que queremos ejecutar.

3.1.2 ¿Cómo cambiarle el nombre a una Página? También podemos asignarle el valor a una variable a partir del valor de otra
variable:
Hay varias maneras de cambiarle el nombre a una página, pero la más sencilla es:
Setvar “[juan]” “[pepe]”
1. Seleccionar la página a la que le queremos cambiar el nombre haciendo clic
sobre su solapa. Esta orden crea la variable juan y le asigna el mismo valor que el de la variable
pepe. O sea que si [pepe] vale 20 entonces [juan] también valdrá 20.
2. Seleccionar la opción del menú: Página —> Renombrar.. Inmediatamente
aparecerá la siguiente ventana: Al asignarle un valor a una variable podemos realizar cálculos u operaciones en
función de los valores de otras variables. Por ejemplo:

Setvar “[juan]” “[pepe]+1”

Esta orden le asigna a la variable juan el valor de la variable pepe más 1, o sea
que si pepe vale 20, juan valdrá 21.
3. Escribir el nuevo nombre de la página y pulsar OK. Las variables pueden contener textos, por lo que también podemos hacer:

3.1.3 Organización de las páginas Setvar “[nom]” “Jose Luis”


El proceso de creación de una publicación electrónica consiste en ir creando las
páginas que la conforman para luego definir su contenido, agregándole elementos Esta orden le asigna el texto José Luis a la variable nom.
como imágenes, texto y botones.
Resulta fundamental por lo tanto aprender como crear y borrar páginas, así como Es interesante preguntarse que hace el Neobook frente a una orden de este tipo:
moverlas de un lugar a otro para organizar mejor el trabajo.

Setvar “[dato]” “Jose Luis+10”


122 Capítulo 10 Trabajando con páginas 51

Si queremos almacenar la edad de una persona es lógico hacerlo en una variable 3.1.4 ¿Cómo agregar páginas a la publicación?
que se llame edad y no e o pepe ya que ni e ni pepe indican nada sobre cual
Antes de proceder a agregar una página debemos definir dónde queremos
será su contenido.
agregarla. El Neobook permite agregar cualquier número de páginas antes o
Esto puede parecer una trivialidad pero debe considerarse que un programa
después de la página actual.
puede necesitar cientos de variables distintas y estar constituido por miles de
líneas. Si en vez de utilizar nombres intuitivos para las variables, utilizamos
Definición: Llamamos página actual a la página que se ve en la pantalla. Para
nombres como x, y, a, b, a1, a2, a3, x1, x2, x3, h, etc. puede dificultarse
cambiar la página actual hacer clic con el ratón sobre la solapa con su nombre.
muchísimo la posterior comprensión de un programa a la hora de hacerle
modificaciones o corregir errores.
Para agregar páginas a la publicación hacer lo siguiente:
Además trabajar en forma ordenada y prolija es siempre una muy buena práctica,
no solo en informática, sino para cualquier materia o tarea que se emprenda.
1. Seleccionar la página actual a partir de la cual queremos agregar las nuevas
10.5 Valores de las Variables y Creación de Variables páginas.
El comando de Neobook que permite crear variables y asignarle valores es
SetVar (de la categoría Variables) y su sintaxis es:
2. Ir al menú Página—> Añadir... Inmediatamente aparecerá la siguiente
ventana:
Setvar “[nombre de la variable]” “valor de la variable”

Para diferenciar el nombre de una variable de su valor, el Neobook utiliza una


Cantidad de
sintaxis especial: páginas a agregar
Prefijo del
Cada vez que queramos referirnos a una variable debemos poner su nombre En este ejemplo la nombre de las
entre paréntesis rectos, también llamados corchetes. página actual se
nuevas páginas
llama “Nueva
Página“
Además, como siempre,
debemos separar los
parámetros de la orden por
comillas.
Por ejemplo, si queremos
3. Definir la cantidad de páginas que se quieren agregar y si se ubicarán antes o
crear una variable llamada después de la página actual.
edad y asignarle el valor 20 4. Escribir el prefijo del nombre que tendrán las nuevas páginas: como comienza
debemos escribir la orden:
en nombre de las nuevas páginas.
Setvar “[pepe]” “20” 5. Por último pulsar el botón Aceptar.
52 Capítulo 3 Programación con Neobook: Variables 121

Inmediatamente el Neobook creará las nuevas páginas en la posición indicada. Un Las variables en informática son exactamente iguales que las variables en
punto interesante es el nombre que les pone a estas nuevas páginas. matemática: X Y Z, etc.: Pueden tomar cualquier valor pero en determinado
Como todas las páginas tienen que tener un nombre único, el Neobook asigna momento valen o contienen un solo dato.
automáticamente los nombres nuevos según se especifique en el prefijo y luego Es así que en determinado momento posterior, nuestra variable edad puede tomar
numerando cada página. otro valor, por ejemplo 75:

Por lo tanto la primera tarea a hacer luego de crear las nuevas páginas es cambiarles 75
Apenas colocamos el valor 75 en la variable edad, el valor 17
el nombre para que éste refleje el contenido que va a tener. que había se pierde para siempre y no podemos saber que
Edad valor tenía antes.
3.1.5 ¿Cómo Borrar una Página de una publicación?

Así como crear páginas resulta fundamental, también lo es el borrar páginas. El


Esta es una propiedad muy importante de las variables: pierden su valor
Neobook permite borrar de a una página por vez, para evitar accidentes
anterior al darle uno nuevo.
indeseables.

Para borrar una página: 10.4 Nombres de las Variables

1. Seleccionar la página que se quiere borrar haciendo clic sobre su solapa. Un concepto fundamental a definir cuando se usan variables es que tanto el
nombre de la variable como el valor que contiene tienen que ser definidos por la
2. Ir al Menú Página—> Borrar.. Inmediatamente el Neobook mostrará el siguiente persona que está escribiendo el programa.
O sea que si yo quiero guardar la información de la edad de una persona para,
mensaje: por ejemplo calcular la cantidad de días que vivió, es razonable crear una
variable llamada edad ya que su nombre da una idea de su contenido. Sin
embargo podría llamarla ed o eda o pepe.
No hay ningún tipo de restricción acerca de cuales son los nombres de las
variables que se pueden utilizar y por lo tanto nada me impide crear una variable
llamada pepe para almacenar la edad, pero ¡OJO! si luego quiero utilizar la
variable para hacer un cálculo deberé tener en cuenta ¡que nombre le puse!.
Esto nos lleva a un punto muy importante que siempre debe tenerse en
3.Pulsar Si para eliminarla y No para cancelar la operación. cuenta:

Es una muy buena práctica y un muy buen consejo el utilizar


variables cuyo nombre den una idea de que valor contienen.
120 Capítulo 10 Trabajando con páginas 53

10.2 Programación con Neobook 3.1.6¿ Cómo copiar una página?


Normalmente, el diseño de las páginas de una publicación no difieren mucho entre sí
Como ya hemos visto, el Neobook permite definir más de un comando de acción debido a que el usuario que la estará utilizando debe poder familiarizarse rápidamente
en los eventos de acción de los botones y de las páginas. Esta capacidad puede con el funcionamiento, la ubicación y estilo de los botones.
ser utilizada para realizar tareas más complejas que las de simplemente pasar de Esto hace que sea muy útil poder copiar páginas para, por ejemplo repetir
una página a la otra o hacer que comience a sonar una música. exactamente la ubicación de líneas, botones y fondos que pudieran repetirse entre
El lenguaje que entiende el Neobook consiste en cada uno de los comandos de las páginas.
acción vistos en capítulos anteriores, además de una serie de comandos que le
dan poder extra para construir programas más completos. Para copiar una Página:

Aunque un programa puede estar constituido por una sola instrucción, en general
la lista de órdenes incluye muchas instrucciones que van realizando paso a paso
1. Seleccionar la página que se quiere copiar haciendo clic sobre su solapa.
la tarea para la que fue diseñada. 2. Ir al menú Página—> Copiar página. Inmediatamente el Neobook mostrará el
siguiente mensaje:
Para ello es necesario definir claramente que es lo que queremos realizar y luego
como se procedería para llegar a la solución utilizando el lenguaje de
programación que entienda la máquina.

10.3 Variables
Muchas veces, necesitamos ir almacenando los resultados que se van generando
en cada paso para luego utilizarlos más adelante. Es por eso que todos los
lenguajes de programación proveen elementos que permiten “guardar” valores
que nos pueden servir en el proceso de resolución de un problema: son las 3. El Neobook pregunta si se quiere copiar la página actual (en este caso llamada
variables.
“Nueva Página”). Si respondemos que SI, se creará una nueva página ubicada
Definición: Una variable es una zona de memoria que sirve para almacenar
inmediatamente después de la página actual.
datos numéricos o textos. Todas las variables tienen un nombre.

Podemos visualizar el concepto de variable como un cajón con una etiqueta:


3.1.7 ¿Cómo Mover una página?
El hecho que el Neobook ubique las páginas que copia inmediatamente después de
17 En este caso, la variable llamada edad contiene el valor 17. la página actual hace que sea muy útil la herramienta de mover página ya que de
Decimos que la variable edad vale 17. esta forma la podremos colocar en cualquier parte de nuestra publicación.

Edad
Para mover una página:
54 Capítulo 3

Capítulo 10: Programación: Variables


1. Seleccionar la página que se quiere mover haciendo clic sobre su solapa.
2. Ir al Menú Página—>Mover... Inmediatamente aparecerá la siguiente ventana:
10.1 Programas y Lenguajes de Programación
Como ya se habrán dado cuenta, las computadoras, si bien son máquinas que se
Lista de construyen a partir de componentes electrónicos como cualquier otro
páginas electrodoméstico hogareño, poseen una característica única que las hace
disponibles realmente poderosas: no están diseñadas para realizar una tarea específica, sino
que pueden hacer muchos tipos de trabajos distintos.
Es así que su diseño parte de la base que el usuario es quien debe decirle que es
lo que quiere que haga, por supuesto dentro de ciertos límites: nadie va a
pretender que la computadora le lave los platos. Se dice que la computadora tiene
la capacidad de ser programada, y para ello se utilizan programas.
3. Esta ventana permite definir el lugar exacto donde se quiere colocar la página.
Simplemente hay que indicarle si se la quiere antes o después de la página que Un Programa, es una lista de órdenes diseñada para que la máquina realice una
se seleccione en la lista de páginas disponibles (ver figura). tarea específica. Dicha lista no puede ser escrita en el lenguaje natural que
utilizamos para expresarnos, ya que su comprensión es realmente complicada y
4. Por último pulsar OK para realizar la operación. en muchos casos resulta poco clara. Las computadoras necesitan que los
programas estén escritos en un lenguaje más reducido y concreto: que tenga
3.2 Atributos de las Páginas pocas “palabras” y cuyo significado no de lugar a ningún tipo de dudas.
Estos lenguajes son los llamados lenguajes de programación y así como existen
muchos idiomas: español, inglés, alemán, existen muchos lenguajes de
Existen una serie de características que pueden definirse en cada página y que programación que han sido creados por ingenieros en universidades y centros de
tienen que ver con su aspecto general, color o imagen de fondo, así como una estudio de informática. Algunos ejemplos son: Basic, Visual Basic, C, C++,
lista de acciones que podemos ejecutar cuando el usuario entra o sale de la
página. Pascal, ADA y Java.
Para acceder a los atributos de una página determinada primero hay que
seleccionarla haciendo clic sobre su solapa y luego ir al menú Página—>Atributos
o pulsar el ícono:

119
Trabajando con páginas 55

Inmediatamente aparecerá la siguiente ventana:

Colores de
fondo
disponibles

Elegir archivo
de imagen para
el fondo.

Los atributos de Configuración General son los siguientes:

 Título de la página: Corresponde al Nombre que tendrá la página. Desde aquí


también se le puede cambiar el Nombre a las páginas.

 Color Sólido: Por defecto, el color de fondo de las páginas e s blanco, pero
con esta opción lo podemos cambiar.

 Gradiente: Un gradiente es una variación suave de colores partiendo de un


color inicial hasta un color final. Desde y Hasta permiten elegir los colores y
Dirección sirve para definir si el gradiente se dibuja de izquierda a derecha
(dirección horizontal) o de arriba hacia abajo (dirección vertical).

Gradiente Horizontal Gradiente Vertical

 Papel Tapiz: Sirve para especificar una imagen de fondo para la página.
Como puede suceder que el tamaño de la imagen sea más chico que el tamaño
56 Capítulo 3 Controlando Objetos 117

de la página. Los estilos que permite seleccionar el Neobook sirven para poder Ejercicios
definir que hacer si el tamaño de la imagen no coincide con el tamaño de la
página:
 Embaldosar: La imagen se repite hasta ocupar toda la superficie de la Ejercicio 9.1
página.
 Centrar: La imagen se coloca en el centro de la página. a) Construir la primer página de la aplicación “Uruguay Turístico” que se
 Contraer: La imagen se expande o contrae para ocupar toda la describe al comienzo de este capítulo. Las imágenes que deben aparecer y
superficie de la página. desaparecer en cada botón son:

- Balnearios: Balneario.gif
- Playas: Playa.jpg
- Hoteles: Hotel.jpg
- Casinos: Casino.jpg
- Excursiones: excursion.gif
- Cultura: maldonado.gif
Embaldosar Centrar Contraer
Cada imagen debe aparecer y desaparecer con un efecto especial diferente, a
Nota: La opción Contraer es la opción que queda mejor para imágenes de una velocidad de 5.
fondo y la que usaremos en el curso a lo largo del año.
b) Al pulsar el botón Búsqueda debe suceder lo siguiente:

 Mostrar objetos de la Página Maestra: Con esta opción podemos hacer - Desaparecer el botón búsqueda.
que los objetos de la página Maestra no se vean en esta página. Es muy útil para - Hacer aparecer una caja de ingreso de texto (caja de texto) que debe estar
las páginas de Introducción o de Autores, en las que, en general, no conviene invisible en la misma posición que el botón búsqueda.
mostrar los objetos de la Página Maestra. - Hacer aparecer un botón titulado OK debajo de la caja de texto anterior.

 Efectos Especiales: Sirven para que la página se “arme” siguiendo algunos c) Cuando se pulsa el botón OK debe volver todo a la normalidad, o sea:
de los efectos disponibles en el Neobook. Estos efectos también se llaman
transiciones y su velocidad puede ser definida utilizando el deslizador que se - Ocultar la caja de texto y el botón OK
encuentra a la derecha de la lista de efectos disponibles. - Hacer visible el botón Búsqueda.

La ventana titulada previsualización permite ver como va a quedar la página con


el fondo y el efecto elegido.

Al pulsar el botón Búsqueda aparecen la caja de texto y el botón OK.


Cuando se pulsa el OK todo vuelve a la normalidad.
116 Capítulo 9 Trabajando con páginas 57

3.3 La Página Maestra


Ejemplo:

SizeObject “imgBarco” “100” “100” El último elemento de diseño que resta por discutir es el de la Página Maestra. Su
uso es fundamental para que una publicación cumpla el objetivo de comunicar
Le cambia el tamaño al objeto imgbarco para que mida un cuadrado perfecto de claramente su contenido.
100 x 100 puntos.
Definición: La Página Maestra es la página que contiene todos los elementos
Una de las aplicaciones interesantes que tiene este comando es cuando las que queremos que se repitan en todas las páginas.
imágenes tienen la propiedad de Ajuste de tamaño activada ya que si aumentamos
su tamaño proporcionalmente (o sea igual magnificación para el ancho y para el O sea que si queremos, por ejemplo, que todas las páginas tengan el mismo fondo,
alto), podemos implementar un Zoom de la imagen. bastará con definirlo en la Página Maestra.
Otra posibilidad puede ser colocar los botones que sirven para navegar por la
Nota: Zoom es la herramienta existente en los programas de dibujo que permiten publicación: Página Siguiente, Página Anterior, Exit, Índice, Autores, etc.
acercar y alejar las imágenes.
Otra propiedad importante de la página Maestra es que todos los objetos colocados
allí quedan siempre atrás de los colocados en las otras páginas.

Hay dos cosas FUNDAMENTALES que hay que saber sobre las páginas
maestras:

1) Si queremos que los objetos de la página maestra NO SE VEAN en alguna


página hay que deshabilitar la opción Mostrar objetos de la Página Maestra
que se encuentra en los atributos de la página.

2) La Página Maestra no tiene atributos por lo que la única forma de poner un


fondo que se repita en todas las páginas es colocar una imagen que ocupe toda
la superficie de la pantalla.
58 Capítulo 3 Controlando Objetos 115

Ejercicios Descripción: Mueve el objeto a la posición especificada en las coordenadas.


Recordemos que las posiciones de los objetos en la pantalla se miden según la
Ejercicio 3.1 siguiente figura:
Construir una publicación con Neobook que conste de 3 páginas con el siguiente Origen
contenido:
Página 1: Coordenada Y
Coordenada X
La página 1 deberá llamarse Urutur y deberá tener fondo Amarillo. Además Altura de la
deberá contener: pantalla: 600
puntos

 Una etiqueta con el texto URUTUR en letra Curlz MT de tamaño 72 y color


Rojo.
 La imagen Viaje1.bmp con el fondo transparente colocada en el centro de
Ancho de la pantalla: 800 puntos
la pantalla. Ejemplo:
 Una etiqueta con el texto “Sigue el camino del Sol” en letra Comic Sans MS
de tamaño 28 y color negro ubicada en la parte inferior de la página. MoveObject “imgBarco” “400” “300”

Página 2: Mueve el objeto imgBarco al centro de la pantalla. Para que funcione debe existir
un objeto llamado imgBarco en la página.
La página 2 deberá llamarse Europa, tener fondo Celeste y contener: Nota: Este comando no permite poner -1 como coordenada para colocar un
objeto en el centro de la pantalla
 El Título EUROPA escrito con letra Maiandra GD de 48 y color violeta.
 Dos imágenes centradas en la pantalla y del mismo tamaño: Piza.bmp y
Eiffel.bmp, ambas con el fondo transparente. • SizeObject
Página 3:
Sintaxis: SizeObject “Nombre del Objeto” “Ancho” “Alto”
La página 3 deberá llamarse EEUU, tener fondo Verde y contener:
Descripción: Cambia el tamaño del objeto especificado para que mida Ancho x
 El título “Estados Unidos” escrito con letra Maiandra GD de 48 y color Azul. Alto. El tamaño se mide en puntos de la pantalla: Pixels.
 Dos imágenes con el mismo tamaño colocadas en el centro de la pantalla:
Empire.bmp y Gate.bmp, ambas con el fondo transparente.

Nota: Las imágenes se encuentran en la carpeta C:\Clase\Neobook\Muestra


114 Capítulo 9 Trabajando con páginas 59

• HideObject
Ejercicio 3.2
Sintaxis: HideObject “Nombre del Objeto” “efecto especial” “velocidad” a) Diseñar una página Maestra que sirva de base para armar el diario de quinto
digital. Si bien el diseño es libre, deberá tener los siguientes elementos:
Descripción: Hace desaparecer el objeto especificado con el efecto especial a
la velocidad especificada. • Una línea o conjuntos de líneas que sirvan para separar el área del
contenido del área de controles o títulos (Area Neutra):
Su funcionamiento es idéntico al del comando ShowObject, pero su efecto
contrario.
Área neutra Área neutra

Ejemplo: Área de Área de


Elegir el
objeto contenido contenido
HideObject “imgbarco” “Dissolve”
“5”
Área neutra

• El título del diario ubicado en la parte superior de la pantalla. Elegir


cuidadosamente el tipo de letra, color el efecto especial aplicado al texto
Hace desaparecer la imagen del
(sombra, subrayado, itálica, etc).
barco de la página. Ventana de definición del comando HideObject

b) Agregar una página nueva. Nombrarla Inicio y hacer que los elementos de la
9.4 Otros comandos de control de objetos página maestra NO SE VEAN.

Existen otros comandos que permiten controlar el aspecto de los objetos que se c) Esta página deberá tener los siguientes elementos:
encuentran en las páginas. Estos comandos van a tener por ahora poca utilidad, • El título del diario escrito con el mismo estilo que en la página Maestra
pero cuando sepamos utilizar variables veremos aplicaciones más interesantes. pero más grande.
Por ahora sepamos que hacen y como lo hacen. • El escudo del Colegio. La imagen es c:\clase\escudo.jpg
• Una lista con las cinco secciones principales que tendrá el diario,
• MoveObject colocadas una debajo de la otra. Por ejemplo: Noticias, Actualidad,
Política, Deportes, Humor.
Sintaxis: MoveObject “Nombre del Objeto” “coordenadaX” Guardar este trabajo en la carpeta indicada por el docente.
“coordenadaY”
Controlando Objetos 113

9.3 Comandos de control de visibilidad


Dos comandos permiten controlar cuando se ve o no un objeto: ShowObject y
HideObject, ambos dentro de la categoría de comandos de Objetos.

• ShowObject

Sintaxis: ShowObject “Nombre del Objeto” “efecto especial” “velocidad”

Descripción: Hace aparecer el objeto especificado con el efecto especial a la


velocidad especificada.

El efecto especial (Efecto del Monitor) que hace el objeto al aparecer funciona
de la misma manera que los efectos explicados para el comando PopupImage.

Ejemplo: Si ponemos el comando...

ShowObject “imgbarco” “Dissolve” “5”

... en la acción Ratón Entra del Elegir el


objeto
botón btnBalnearios, cuando el
usuario pase el ratón sobre el botón
Balnearios, la imagen del barco
aparecerá en la pantalla.

Ventana de definición del comando ShowObject

Nota: Estamos suponiendo que en la página existe una imagen llamada


imgBarco con su propiedad visible desactivada.
112 Capítulo 9

El Estado Inicial indica como aparece el objeto cuando la página es mostrada por
primera vez. Normalmente esta opción siempre está activada, pero si la
Capítulo 4: Acciones (capítulo teórico)
desactivamos el objeto no se verá cuando la página que lo contiene sea mostrada
en pantalla.
Si queremos que un objeto arranque invisible, simplemente vamos a sus Antes de comenzar a trabajar con botones y a programar es fundamental que
propiedades (haciéndole click con el botón derecho) y desactivamos la opción quede claro que es lo que vamos a programar ya que el Neobook permite no solo
Visible. programar lo que sucede cuando se hace click sobre un botón sino también lo
que sucede cuando ocurren otros eventos.
Pero.... oh problema:
Apenas ponemos invisible a un objeto, ¡Se deja de ver en la pantalla de diseño!.
Sin duda se trata de un error en el Neobook ya que resulta bastante molesto que Definición: Un Evento es toda acción que el usuario puede realizar sobre el
mientras estoy diseñando la página los objetos desaparezcan al disactivar su objeto. Es por esto que el Neobook los llama Acciones.
propiedad Visible.

De todas maneras siempre está la Lista de objetos que nos permite trabajar Pero ¿Qué acciones puede realizar el usuario sobre un objeto de la pantalla?
directamente con sus nombres. Otra razón de peso para utilizar nombres
coherentes: 4.1 Acciones
El usuario puede interactuar con los objetos de las páginas de diversas maneras:
haciendo Click con el botón derecho del ratón, haciendo click con el botón
izquierdo del ratón, moviendo el ratón sobre el objeto o sacando el ratón que
Lista de objetos de la página: estaba encima del objeto
Observar que los objetos
invisibles aparecen esfumados Decimos que cuando el usuario realiza alguna de estas acciones sobre un objeto,
el usuario dispara o activa un evento sobre ese objeto. Las acciones tienen un
nombre y son programables, o sea que podemos decirle al Neobook que hacer
cuando un evento se dispara en un objeto.

Las acciones que pueden realizarse sobre los objetos son:


• Clickear: Se dispara cuando el usuario hace click con el botón izquierdo del
ratón sobre el objeto.
• Clickeo derecha: Se dispara cuando el usuario hace click con el botón
derecho del ratón sobre el objeto.

61
62 Capítulo 4 Controlando Objetos 111

• Ratón entra: Se dispara cuando el ratón pasa por encima del objeto. 9.1.2 Los Nombres
• Ratón sale: Se dispara cuando el deja de estar encima del objeto.
• Texto cambia: Solo para los objetos de ingreso de texto: Se dispara cuando Para poder programar algo como lo que se describió en el punto anterior es
el usuario escribe algo dentro del objeto. OJO: en tiempo de ejecución. necesario tener bien claro que objeto queremos hacer aparecer o desaparecer
• Selección cambió: Solo para objetos que manejan listas de datos: se dispara en cada caso. La forma de “dirigirse” a un objeto en particular es, justamente,
cuando el usuario elige algún dato de la lista. utilizando su nombre.
Si los nombres de los objetos fueron elegidos con un criterio serio y ordenado, no
4.2: ¿Qué acción de que objeto? deberían surgir muchas confusiones, pero si les pusimos nombres ridículos o que
nada tienen que ver con su significado o contenido, la cosa se puede complicar
Si lees atentamente la lista de acciones te darás cuenta que hay acciones que no bastante: ¿Cómo se llamaba el objeto con la imagen del barco?. ¿barco?.
pueden realizarse sobre algunos objetos. Esto también sucede en la vida real: yo ¿barquito?, ¿Peteco?....
puedo manejar un auto, pero no puedo manejar un libro. En este caso la acción
manejar solo la poseen los autos. Las convenciones para la elección de nombres que utilizamos a lo largo del curso
También sucede que algunos objetos comparten acciones: yo puedo mover un pueden verse en el capítulo 1 y, para esta parte, serán fundamentales ya que los
auto y también mover un libro. Decimos entonces que la acción mover la tienen comandos que permiten hacer aparecer o desaparecer a los objetos necesitan
los autos y los libros. saber el nombre del objeto al que le aplicarán la acción.

Conclusión: No todos los objetos tienen las mismas acciones, pero puede 9.2 Visibilidad
haber acciones que se puedan realizar en más de un tipo de objeto.
Una de las propiedades de todos los objetos que pueden agregarse en las páginas
A continuación viene una tabla con las acciones que permite programar el es lo que se denomina Estado Inicial, y que hasta ahora no hemos prestado
Neobook para cada tipo de objeto: ninguna atención:
OBJETO ACCIONES
Etiqueta Ratón entra, Ratón sale
Botón Clic, ratón entra, ratón sale, clic derecho
Cuadro de texto Ratón entra, Ratón sale
Objetos geométricos (ninguna): No son programables.
Caja de Imagen Cliquear, ratón entra, ratón sale.
Ingreso de datos Texto cambia, ratón entra, ratón sale.
Lista de selección (combo box) Selección cambió, ratón entra, ratón sale
Lista de datos (list box) Selección cambió, ratón entra, ratón sale
Botón de verificación Cliquear, ratón entra, ratón sale.
Botón de radio Cliquear, ratón entra, ratón sale.
110 Capítulo 9 Acciones 63

botón. Por ejemplo: Cuando pase el ratón sobre el botón Balnearios queremos que Muy bien, esta tabla de datos te servirá para saber que cosa se puede programar
aparezca la foto barco.bmp contenida en el objeto btnBarco: en que tipo de objeto.

Salta a la vista la carencia de acciones asociadas a los objetos geométricos: ¡No


tienen ninguna acción!. Esto significa que no se puede programar nada en las
líneas, rectángulos o elipses: No puedo hacer que cuando el usuario haga click en
un dibujo geométrico, comience a sonar una música, o cambie de página o pase
algo. Que lástima, ¿no?.

4.3: Programando acciones


Hasta ahora hemos visto que es un evento o acción, y nos hemos familiarizado
con las distintas acciones que se pueden programar en los objetos del Neobook.
Lo que viene a continuación es como hacer para llegar a programar una
determinada acción.
También queremos que cuando el usuario saque el ratón del botón Balnearios, la
imagen del barco desaparezca.
Cada vez que hacemos clic con el botón derecho del ratón sobre un objeto
Cada botón hará aparecer y desaparecer una imagen en el área central de la
programable, aparece una ventana similar a esta:
pantalla, generando un efecto muy interesante:

Ventana de
código.
Exit "Salir" "Desea salir?"

Elegir ésta
para ver las Acciones
acciones disponibles
del objeto

Como puede apreciarse, la posibilidad de hacer aparecer y desaparecer objetos


permite aprovechar mucho mejor el área de la pantalla.
64 Capítulo 4

A la izquierda aparecerá siempre una opción titulada Acciones (ver figura


anterior), mediante la cual se accede a las acciones del objeto. En el ejemplo de Capítulo 9: Controlando Objetos
la figura se muestran las acciones de un botón.

En la ventana blanca que esta encima de las distintas solapas irán los comandos
9.1 Usando los nombres de los objetos
que queremos que se ejecuten cuando la acción se dispare. En este caso hemos
programado que cuando se dispare la acción cliquear se ejecutará el comando: A lo largo de todo este manual hemos hecho bastante énfasis en los nombres de
los objetos que vamos agregando a las páginas, pero hasta ahora ningún comando
Exit “Salir” “Desea salir?” los utiliza directamente.

..que le preguntará al usuario si quiere salir de la aplicación. 9.1.1 Apariciones...

Suponiendo que el botón se llame btnSalir, decimos que: Antes de explicar como se pueden controlar los objetos mediante la
programación, veamos un ejemplo que muestra las posibilidades que se agregan
“ Estamos programando la acción Cliquear del objeto btnsalir.” cuando podemos hacer esto.

No pretendemos por ahora que se entienda el comando Exit (aunque es Supongamos que queremos realizar un trabajo sobre los lugares turísticos del
realmente muy sencillo). Uruguay con el siguiente diseño:
Lo único que queremos es que quede claro que para hacer que cuando el usuario
pulse un botón pase algo es necesario programar la acción Cliquear de ese
botón.

Para programar otras acciones al botón bastará con seleccionar otra solapa de
acción y escribir en la ventana de código la lista de comandos qe queremos que
se ejecute cuando se dispara la acción.

Queremos hacer que cuando el usuario pase el ratón por encima de un botón, se
muestre en el área central de la página una foto relacionada con el tema del

109
Acciones 65

Ejercicios
Ejercicio 4.1

Dada la siguiente página hecha en Neobook:


lbltítulo imgavion

imgcanoa
imgbici

imgplaya

btnsalir

lblclave txtclave btncontinuar

Las flechas indican cuales son los nombres que tienen los objetos.

Indicar que acción de que objeto hay que programar para que suceda lo
siguiente:

(OJO: Solo se pregunta el objeto y la acción. NO se pretende que se escriban los


comandos que hay que poner en las acciones.)
66 Capítulo 4 Comandos de Acción Multimedia 107

a) Cuando el usuario pulsa el botón Salir la aplicación debe terminar.  Video: Que muestre el video “C:\CLASE\Scala200\ClipArt\Movies\2car.avi”
en la coordenada 100 100 en forma infinita.
Objeto: btnsalir  AudioVideo: Que muestre el video anterior y el sonido
Acción: cliqueo c:\clase\Neobook\Muestra\pcanon.mid en forma infinita.
 Detener Todo: Que detenga los dos medios lanzados con el botón
b) Cuando el usuario pulsa el botón Continuar debe ir a la página siguiente solo AudioVideo.
si la clave es correcta.  Autores: Que muestre un Menú con las opciones “Autor1” y “Autor2” y que
muestre en un AlertBox el nombre de los autores del trabajo según se elija
Objeto: _______________________________ una u otra opción.
Acción: _______________________________  Volver: Que permita volver a la página CD.

c) Cuando el usuario mueve el ratón sobre la caja de ingreso de datos deberá La acción de salida de esta página debe detener cualquier video o sonido que
disminuir el tamaño del botón Continuar. pudiera estar ejecutándose.

Objeto: ________________________________
Acción: ________________________________

d) Cuando el usuario escribe algo en la caja de ingreso de datos deberá sonar el


parlante del PC.

e) Cuando el usuario mueve el ratón sobre el dibujo del barco deberá aumentar
el tamaño del dibujo de la playa.

Objeto: ________________________________
Acción: ________________________________

f) Cuando el usuario haga click sobre el dibujo del avión deberá saltar a la
página de venta de pasajes.
106 Capítulo 8

Ejercicios Capítulo 5: Creando y Programando


Ejercicio 8.1
botones de Acción
Construir una aplicación con Neobook que tenga una sola página que contenga Hasta ahora los objetos que hemos descrito sirven únicamente para diseñar la
los siguientes botones: página y no le dan al usuario de la publicación la posibilidad de interactuar.
La palabra interactuar significa darle la posibilidad al usuario que pueda elegir
que es lo que quiere hacer con la publicación: ir de una página a la otra, lanzar un
 Nombre: Muestra un StickyNote con los nombres de los autores durante 4 video o una música, etc.
segundos.
 Sonido: Toca el sonido c:\clase\Neobook\Muestra\Ponink.wav en forma Los botones de acción pueden ser programados escribiendo comandos en alguna
infinita. de las acciones que tienen asociadas De esta manera podemos construir botones
 Detener: Que sirva para detener el sonido anterior. idénticos a los botones que aparecen en todos los programas de Windows cuya
 Opciones: Que presente un menú con las opciones “Tercero A”, “Tercero B”, función la podemos programar.
“Tercero C”, “Tercero D” y que muestre en un AlertBox lo que eligió el
usuario. La creación de los botones de acción es realmente simple ya que lo único que hay
 Salir: Que sirva para salir de la aplicación. que hacer es dibujarlo sobre la pantalla. Sin embargo, la definición de su función,
o sea de la lista de comandos que queremos que ejecute cuando se dispara alguna
Ejercicio 8.2 acción, requiere dominar el funcionamiento de una serie de comandos de
acción que le indican al Neobook que hacer y como hacerlo.
Construir una aplicación con Neobook que tenga dos páginas de 800 x 600
puntos, la primera llamada “CD” y la segunda “SHOW”.

La página “CD” debe funcionar como un reproductor simplificado de CD. Deben


haber 6 botones, cada uno asignado a una canción .MID que contenga la
computadora que estén utilizando.

Además debe haber un botón que sirva para detener cualquier canción que
pudiera estar ejecutándose , otro para ir a la página SHOW y otro para salir de la
aplicación.

La página “SHOW” debe tener los siguiente botones:

67
68 Capítulo 5 Comandos de Acción Multimedia 105

5.1 ¿Cómo agregar un botón de acción a una página? Otra utilidad puede ser la de asignarles valores a variables que luego se utilizarán
en las acciones de botones, etc. Veremos ejemplos en clase.
Para definir las acciones de una página hay que seleccionar la categoría
1. Elegir la herramienta de botones en la paleta de Acciones en la ventana de propiedades de la página:
herramientas

2. Escribir
la lista de
comandos
2. Dibujar el área
que ocupará el botón
manteniendo pulsado el
botón izquierdo del ratón.

3.Inmediatamente se abrirá la siguiente ventana, que permite definir las 1. Seleccionar la acción que
características del botón: queremos programar

Lo único que hay que hacer es escribir la lista de acciones a ejecutar y definir si
Texto del Botón se ejecutará a la entrada o a la salida de la página.
Definición de la
tecla asociada
Alineación del
texto dentro del
botón

Nombre del
botón
104 Capítulo 8 Creando y programando botones de acción 69

Ejemplo: 5.1.2 Configuración General

PlayTone “440” En la categoría de configuración general se encuentran los atributos externos más
importantes:
Ventana de definición del comando PlayTone • Texto del botón: Corresponde al texto que aparecerá sobre el botón y que
producirá la nota LA en la escala servirá para indicarle al usuario cual es su función
musical. La frecuencia de la nota LA • Alineación: Este atributo funciona exactamente igual que el atributo de
es 440 Hz. alineación de las etiquetas o sea que permite definir la posición del texto del
Ventana de definición del comando PlayTone
botón dentro del área definida para su funcionamiento.
• Delay (de la categoría Control) • Tecla directa: Cada botón puede tener una tecla o combinación de teclas que
sirvan para activarlo. El usuario puede utilizar esta propiedad para accionar un
Sintaxis: Delay “milisegundos” botón sin utilizar el ratón. Para definir la tecla hay que hacer clic sobre el área
de definición y luego pulsar la tecla deseada. Se pueden utilizar combinaciones
Descripción: Produce una pausa de la cantidad de milisegundos especificados. como por ejemplo CTRL + R.
• Nombre del objeto: El nombre de los botones deberá comenzar con el prefijo
Ejemplo: Delay “5000” produce una pausa de 5 segundos. btn y continuar con alguna palabra relativa a su función. Por ejemplo: el nombre
de un botón que sirva para salir de la aplicación podría ser btnsalir o btnfin o
8.2 Acciones en Páginas btnexit.

• Estado inicial: El botón puede estar inicialmente invisible o deshabilitado para


Una de las características que más versatilidad le dan al manejo de páginas en el luego ser habilitado o visualizado como resultado de alguna comando ejecutado en
Neobook es la posibilidad de definir una lista de comandos de entrada y una otro botón.
lista de acciones de salida.

La lista de comandos de entrada (página entra) es la lista de comandos de acción 5.2 Estilo del Botón
que el Neobook ejecutará cada vez que el usuario entre a la página. La segunda categoría permite definir, entre otras cosas, cual será la forma que
tendrá el botón, así como el tipo de botón que se quiere crear
La lista de comandos de salida (página sale) es una lista de comandos de acción
que el Neobook ejecutará cada vez que el usuario salga de la página utilizando 5.2.1 Estados de los botones
por ejemplo un botón que lo lleve a otra página. El Neobook distingue tres “estados” posibles para los botones:

La utilidad de las listas de acciones es muy variada. Entre otras se encuentra la • Estado Arriba: Es cuando el botón no está siendo pulsado ni el ratón se
de lanzar una música de fondo en la acción de entrada, usando el comando encuentra sobre él.
PlaySoundFile y detenerla en la acción de salida usando el comando Estado Destacado: Es cuando el ratón se encuentra sobre el botón pero todavía
StopMedia. no se lo ha pulsado.
70 Capítulo 5 Comandos de Acción Multimedia 103

• Estado Abajo: Es cuando el usuario pulsa el botón, apretando el botón Producirá el siguiente menú de opciones:
izquierdo del ratón cuando la flecha se encuentra sobre él.

Si el usuario elige la primera opción, se ejecutará el AlertBox que muestra el


Elegir mensaje que se eligió Física:
imagen
para cada
Gráficos
estado.
asociados
a los
distintos
estados Transparencia

• SoundBuzzer (de la categoría Multimedia)


El Neobook permite definir un gráfico distinto para cada uno de los estados de los
botones, permitiendo así darle un aspecto más llamativo a las páginas.
Cada gráfico corresponde, como es de esperarse, a un archivo de imagen que Sintaxis: SoundBuzzer
debe existir previamente en el disco duro.
Nada tienen de malo los botones rectangulares, pero muchas veces queda mejor Descripción: Produce un corto sonido que se emite utilizando el parlante interno
utilizar alguno de los diseños de botones que están predefinidos en el disco duro. del PC, NO los parlantes externos que se conectan a la tarjeta de sonido.
Existen cientos de diseños distintos que pueden utilizarse directamente en las
publicaciones. Se utiliza para indicar que ha ocurrido algún error o para llamarle la atención al
Algunos ejemplos son: usuario sobre algo que debe hacer o elegir.

• PlayTone (de la categoría Multimedia)

Sintaxis: PlayTone “Frecuencia en Hertzios”

Descripción: Emite un sonido de la frecuencia especificada utilizando el parlante


interno del PC.

La frecuencia es un número que va entre 1 y 12000 y se mide Hertz, que es una


unidad que mide la frecuencia con que se produce el sonido. Un valor de 1
produce un tono muy grave y uno de 12000 un tono muy agudo
102 Capítulo 8 Creando y programando botones de acción 71

8.1 Otros Comandos 5.2.2 Transparencias


Además de los comandos descritos existen otros que permiten realizar acciones
Pese a que la forma del gráfico del botón puede no ser rectangular, siempre
que resultan muy útiles a la hora de diseñar publicaciones interactivas.
debemos indicar una zona rectangular para el botón que estamos agregando a la
página.
• Menu (de la categoría Mensajes/Interacción) Si el botón es circular, existirá una parte del rectángulo definido que no formará
Sintaxis: Menu “Coord X” “Coord Y” “lista de opciones separadas por |” parte del gráfico pero si del botón.
En general se querrá que la zona del botón no ocupada por el gráfico sea
Descripción: Este comando sirve para mostrar las opciones contenidas en la transparente, para poder ubicarlo sobre otros gráficos como por ejemplo la
lista de opciones permiténdole al usuario seleccionar una y luego ejecutar el imagen de fondo de la página.
comando correspondiente a esa opción. La siguiente figura ejemplifica lo que acabamos de describir:
Inmediatamente después del com ando Menu hay que escribir tantos comandos
como opciones haya en la lista de opciones, de manera que si el usuario elige la Gráfico
primera opción se ejecuta el primer comando que viene después del comando
Menu, si elige la segunda, se ejecuta el segundo comando después del comando
Menu y así sucesivamente.
Zona exterior al gráfico.
Nota: Este es el primer ejemplo de un comando que no funciona por si solo sino
que requiere de otros comandos agregados para poder funcionar.
Cuando elegimos una imagen para algún estado del botón, el Neobook mostrará la
Ejemplo: siguiente ventana que permite definir la transparencia asociada
Menu “100” “100” “Fisica|Química|Historia”
Alertbox “” “Elegiste Fisica”
AlertBox “” “Elegiste Química”
Alertbox “” “Elegiste Historia

Zona de
prueba

1. Escribir la lista de opciones del M enú

2. Agregar un comando por cada opción del M enú


72 Capítulo 5 Comandos de Acción Multimedia 101

Para hacer que la zona que no pertenece al gráfico quede transparente bastará Ejemplo: El comando
seleccionar la opción Transparente y luego elegir el color que queremos que sea
transparente directamente en el dibujo que aparece en la zona de prueba. PlayVideoFile “-1” “-1” “C:\CLASE\Scala200\ClipArt\Movies\2car.avi” “Loop”

mostrará el video 2car.avi en forma infinita.


Nota: La opción Opaco sirve para cuando no queremos que ningún color del
gráfico sea transparente. • StopMedia

5.3 Acción del Botón Sintaxis: StopMedia “nombre del archivo a detener”
Descripción: Detiene la ejecución del archivo especificado. Puede ser un video
La tercer categoría de la ventana de atributos del botón es la que permite previamente lanzado con PlayVideoFile o un sonido previamente lanzado con
programar las acciones del botón, o sea la que permite definir cual será su PlaySoundFile.
función: que pasará cuando el usuario active alguna de sus acciones
Con la posibilidad de especificar una duración infinita para los sonidos y para los
De nada servirían los botones si no sucediera algo cuando el usuario los pulsa. videos (usando el modo LOOP), es fundamental tener un comando que permita
detenerlos ya que de lo contrario seguirán ejecutándose hasta que el usuario
¡salga de la aplicación!.
5.3.1 Comandos de acción en botones
En un determinado momento, pueden haber más de un video y/o sonidos
Los botones son, por definición, el ejemplo perfecto de por que se necesitan ejecutándose al mismo tiempo por lo que StopMedia necesita saber que es lo que
comandos de acción en el Neobook ya que su texto así como su funcionamiento queremos detener.
deben ser definidos por el usuario específicamente para la aplicación que está Para ello hay que indicarle el camino completo del archivo utilizado para lanzar el
construyendo. sonido o el video.
Si bien es cierto que siempre se necesitarán botones que permitan ir de una
página a la otra, existen muchas otras tareas que pueden realizarse a utilizando Nota: Si no se ingresa ningún nombre de archivo, (“”), se detendrán todos los
comandos en los botones, como por ejemplo lanzar un video, tocar un sonido o medios que se estén ejecutando.
una música, mostrar una ventana con una imagen o un texto, etc.

5.3.2 Ingresando Comandos de acción Ejemplo: El comando

StopMedia “”
Hay dos maneras de ingresar comandos de acción:
detendrá cualquier sonido o video que
Una consiste en escribirlo directamente siguiendo las reglas o sintaxis definidas
se esté ejecutando.
para su funcionamiento.
Ventana de definición del comando StopM edia
100 Capítulo 8 Creando y programando botones de acción 73

• PlayVideoFile (de la categoría Multimedia) La otra consiste en elegirlo directamente de la lista de comandos disponibles para
luego ir llenando un formulario que el Neobook presenta con cada una de los
parámetros necesarios
Sintaxis: PlayVideoFile “Coord X” “Coord Y” “Ancho” “Alto” “archivo de
video” “modo” En realidad el Neobook traduce las opciones ingresadas en ese formulario a una
comando escrito según su sintaxis, por lo que es fundamental aprender a escribir
Descripción: Muestra el video indicado abriendo una ventana cuya ubicación y los comandos correctamente.
tamaño pueden ser
especificados. Ejemplo:
La ubicación de la ventana
Supongamos que tenemos una publicación con dos páginas, la primera llamada
se especifica utilizando las
“Inicio” y la segunda llamada “Sol” y queremos poner un botón en la primera que
coordenadas X e Y igual que
permita ir a la segunda.
en los comandos anteriores,
pudiendo utilizar –1, -1 para
1. Elegir el archivo de video o animación Lo primero que tenemos que hacer es agregar un botón en la primera página con
centrarla.
el texto “EL SOL”.
Para definir la acción de este botón tenemos que elegir la categoría Acciones
El Tamaño de la ventana se
que se encuentra en la ventana de propiedades del botón:
mide en pixels (o puntos)
pudiendo poner –1, -1 para
que el Neobook le asigne el
Elegir los
tamaño automáticamente, o comandos
sea que cuanto más grande disponibles
sea el video, más grande será
la ventana que se utilizará
para mostrarlo.
Area que permite
El archivo debe indicarse 2. Ventana de definición de PlayVideofile escribir la lista de
especificando el camino comandos de la
acción
completo para su correcta
seleccionada
ubicación en el disco duro.

El modo de reproducción funciona exactamente igual que con el comando


PlaySoundFile, pudiendo ser: Normal, Wait o Loop.
74 Capítulo 5 Comandos de Acción Multimedia 99

El comando de acción que sirve para ir a la página llamada “SOL” es: • Mp3Play (de la categoría Mp3Player)
GotoPage “SOL”
Sintaxis: mp3Play “archivo mp3”

Descripción: Toca el archivo mp3 especificado. Es equivalente a Playsoundfile


con la opción Normal, o sea que la música comienza y la ejecución de comandos
Si no hubiéramos querido escribir la orden GotoPage “SOL”, podríamos haberla
continúa.
elegido de la Lista de comandos haciendo pulsando el botón Elija una acción:
• Mp3Pause (de la categoría Mp3Player)
Inmediatamente aparecerá una lista con las acciones que se pueden elegir: Sintaxis: mp3Pause

Descripción: Detiene la ejecución del archivo mp3 que esté escuchándose en el


Grupos de comandos momento. Para reanudar la ejecución el usuario deberá realizar la acción que
genere nuevamente la ejecución del comando mp3Pause. En general el comando
mp3Pause se coloca en la acción cliqueo de algún botón, permitiéndole al usuario
pulsarlo repetidamente.

Comandos
• mp3Stop (de la categoría Mp3Player)
disponibles el
grupo Sintaxis: mp3Stop
seleccionado.
Descripción: Detiene la ejecución del archivo mp3 que se esté escuchando en el
momento
98 Capítulo 8 Creando y programando botones de acción 75

• Wait: Sirve para que el Neobook espere hasta terminar el sonido para Como puede verse en la figura, los comandos que acepta el Neobook se
continuar ejecutando otros comandos. clasifican muchos grupos: Navegación, Mensajes/Interacción, Multimedia, etc.
• Loop: Sirve para que el sonido re reinicie una vez terminado.
Los comandos que sirven para saltar de una página a la otra se encuentran en el
grupo Navegación. Una vez seleccionado dicho grupo, aparecerán a la derecha
Es muy común utilizar todos los comandos de navegación, entre los que se encuentra GotoPage.
el comando
PlaySoundFile Luego de seleccionar GotoPage, el Neobook presentará un formulario que
conjuntamente con permite definir los parámetros del comando, en este caso, definir a que página
otros comandos dentro tiene que saltar:
de un mismo botón de
acción para lograr el
efecto que el botón 1. Elegir el archivo de sonido Seleccionar la
tenga un sonido. página
Simplemente se pone
un PlaySoundFile en
modo Normal e
inmediatamente, por
ejemplo, un
GotoNextPage. Lo único que falta es seleccionar la página a la que queremos que conecte el
Hay tres tipos de botón y luego pulsar Aceptar.
archivos de sonido que
Observar que el Neobook escribe la orden seleccionada de la lista junto con los
reconoce el Neobook:
parámetros definidos en el formulario exactamente igual que si hubiera sido
.WAV, .MID y mp3. En
escrita por la persona que está creando la aplicación. O sea que el resultado
general los .WAV
final de ingresar comandos de las dos formas es ¡EL MISMO!.
contienen efectos de 2. Ventana de definición del comando PlaySoundfile
sonidos o canciones
complejas. Los .MID contienen canciones sencillas. 5.4 Ejecutando la aplicación
El formato mp3 es uno de los formatos de audio más populares en Internet ya que Para poder ver en funcionamiento los botones que agregamos a las páginas
contiene música comprimida hasta niveles realmente impresionantes, haciendo debemos indicarle al Neobook que queremos “correr” o “ejecutar” la aplicación.
que cada archivo pese realmente muy poco. Para ello se puede pulsar la tecla F8 o el botón Ejecutar que se encuentra en la
El formato mp3 es tan importante que existen comandos especiales para barra de atajos
manejarlos directamente.
76 Capítulo 5

Capítulo 8: Comandos de acción


Para detener la aplicación y volver a las opciones de diseño pulsar la tecla Multimedia
ESC.

Los comandos de acción Multimedia permiten utilizar las capacidades gráficas y


5.5 Comandos de navegación sonoras que posea la computadora para mostrar imágenes, videos, producir
sonidos y tocar música.
Las páginas de una publicación electrónica se organizan según el orden en que Todos los comandos requieren que se especifique el archivo que contiene el
van siendo creadas y se identifican por un nombre que le asigna la persona que sonido que queremos escuchar o video que queremos mostrar.
está construyendo la aplicación. Los archivos de multimedia se agrupan según su tipo según la siguiente tabla de
Como en todo momento se muestra una sola página en la pantalla, la única terminaciones:
forma de darle al usuario la posibilidad de recorrer o navegar por todas las
páginas de la publicación es incluir botones cuya acción consista en saltar de una
página a la otra. Esta es la función de los comandos de Navegación: Tipo de archivo Terminados en
Sonido .wav, .mid, mp3
• GotoFirstPage Música .mid, .wav
Video .avi
Sintaxis: GotoFirstPage

Descripción: Provoca el salto a la primer página de la aplicación. • PlaySoundFile ( de la categoría Multimedia)

• GotoLastPage Sintaxis: PlaySoundFile “archivo de sonido” “modo”

Descripción: Toca el archivo de sonido especificado siguiendo las reglas


Sintaxis: GotoLastPage
indicadas en el parámetro modo.
Descripción: Provoca el salto a la última página de la aplicación.
El archivo debe indicarse especificando el camino completo para su correcta
ubicación en el disco duro.
• GotoNextPage El parámetro modo se refiere a la forma en que el archivo será ejecutado:

Sintaxis: GotoNextPage • Normal: Le indica al Neobook que comience a ejecutar el sonido e


inmediatamente ejecute el o los comandos que le sigan.
Descripción: Provoca el salto a la siguiente página de la aplicación.

97
Creando y programando botones de acción 77

• GotoPreviousPage
Sintaxis: GotoPreviousPage

Descripción: Provoca el salto a la página anterior de la aplicación.

• GotoPage
Sintaxis: GotoPage “nombre de la página”

Descripción: Provoca el salto a la página especificada.

• ReturnToPage
Sintaxis: ReturnToPage

Descripción: Vuelve a la última página visitada por el usuario, o sea retorna a la


página desde la cual se llamó a la actual

Este comando se utiliza cuando queremos que una misma página sea accedida
desde varias. Para poder volver a las páginas desde la que se la llamó
simplemente colocamos un botón que diga “Volver” y cuya acción sea
ReturnToPage.

Página 1
GotoPage
“INFO”

Página
Página 2 INFO
GotoPage
“INFO” ReturnToPage

Página 3
GotoPage
“INFO”
78 Capítulo 5 Comandos de texto e imágenes 95

El ejemplo muestra un esquema de lo que podría ser una aplicación formada por
cuatro páginas, tres de las cuales incluyen botones para ir a la página INFO (con Ejercicio 7.2
el comando GotoPage “INFO”).
Cargar el ejercicio 6.2 realizado al final del capítulo anterior
En la página INFO se coloca un botón con el comando ReturnToPage que
permite volver a la página desde la cual fue llamada, con lo que la acción de este
botón será la de retornar a las páginas 1, 2 o 3 según desde cual se la haya Completar el contenido del diario usando los comandos ImageWindow,
llamado. TextWindow, closeWindow y PopupImage.

• Exit Este ejercicio asume que los alumnos han traído el material para
completar el trabajo del diario digital.
Sintaxis: Exit “título” “mensaje”

Descripción: Permite al usuario salir de la publicación mostrándole antes una


ventana de diálogo para confirmar su decisión.

Ejemplo: El comando
Exit “Salir de la Publicación” “¿Está seguro?”

provocará la siguiente salida:


94 Capítulo 7 Creando y programando botones de acción 79

Ejercicios Ejercicios
Ejercicio 7.1 Ejercicio 5.1

Construir un aplicación con Neobook que contenga dos páginas con fondo negro Construir una aplicación con Neobook que tenga tres páginas con botones que
donde se ubiquen los siguientes elementos: permitan navegar libremente entre ellas, o sea botones para ir a la siguiente
página, a la anterior, a la primera y a la última.
Página 1: Las páginas deben tener un título y una imagen diferente de manera de poder
observar el resultado de la acción de los botones.
 Un botón que permita salir de la aplicación.
 Un botón que muestre un StickyNote con el nombre del autor del trabajo Ejercicio 5.2
durante 4 segundos.
 Un botón titulado Casa cuya acción sea mostrar el archivo House.pcx en el  Cargar el ejercicio correspondiente al diario de clase (Capítulo 3) y
centro de la pantalla con el efecto Dissolve a una velocidad de 5 durante 2 completarlo poniéndole los siguientes botones:
segundos.
 Un botón titulado Oferta cuya acción sea mostrar el texto contenido en el 1. En la Página Maestra agregar un botón para cada comienzo de sección
archivo Realty.txt en el centro de la pantalla. definida en el diario: Política, Humor, Deportes, etc. Programarlos para
 Un botón llamado Ocultar que sirva para ocultar la ventana con el texto de la que funcionen.
oferta. 2. En la página Inicial, agregar botones que vayan al comienzo de cada
 Un botón para ir a la página siguiente. Este botón debe ocultar también la sección, igual que en la página Maestra. Recordar que esta página inicial
ventana de texto. NO MUESTRA los objetos de la página Maestra.

Página 2:  Agregar, una página para cada sección con el título, permitiendo que se vean
los objetos de la página Maestra.
 Un botón titulado Foto que muestre la imagen del archivo Campico.pcx en  Agregar, en la página Maestra, un botón titulado Volver que lleve a la página
una ventana colocada en el centro de la pantalla. inicial. Este botón deberá ubicarse en un lugar “NEUTRO”, o sea donde no
 Otro botón titulado Biografía que muestre el texto Book.txt en una ventana interfiera con el contenido de ninguna página.
situada a la derecha de la anterior. Se deben poder ver ambas a la vez.
 Otro botón titulado Ocultar que oculte ambas ventanas
 Un último botón que permita volver a la página anterior. Este botón debe Grabar el ejercicio en la carpeta indicada por el docente
ocultar también las ventanas que pudieran estar abiertas.
Comandos de texto e imágenes 93

La idea es que el usuario mire el contenido de la ventana y luego la cierre para


continuar viendo las otras páginas de la publicación. Sin embargo, si decide No
cerrar la ventana, ésta permanecerá visible aunque el usuario cambie de página,
cosa que puede no quedar del todo prolijo, ya que en determinado momento puede
quedar una ventana mostrando información que nada tiene que ver con el
contenido de la página.

Ejemplo:
CloseWindow “c:\clase\Neobook\Muestra\earth4.pcx”

C:\clase\neobook\muestra\earth4.pcx Pulsar aquí para elegir el archivo

Ventana de definición del comando CloseWindow


92 Capítulo 7

conocida como WordWrap: Cuando una línea de texto es más larga que el ancho
de la ventana, pasa automáticamente a la siguiente línea, permitiendo siempre leer
Capítulo 6: Comandos básicos de
todo el texto sin necesidad de tocar la barra de desplazamiento horizontal de la
ventana:
información
Muchas veces necesitamos mostrarle al usuario de nuestra aplicación
información extra acerca de algún tema, y que no queremos que aparezca
directamente en la pantalla sino como resultado de que pulse algún botón.
Es el caso, por ejemplo, de la información de los Autores de la publicación o
información relacionada con la bibliografía u otros datos, que, a veces, no
justifican crear una página aparte y que comúnmente se muestran únicamente si
el usuario pulsa un botón titulado Autores o Bibliografía.

Los comandos de Navegación se encuentran todos dentro de la categoría de


comandos Mensajes/Interacción.

Ajuste: Normal Ajuste: WordWrap


6.1 Posición de los objetos

• CloseWindow (de la categoría Ventanas) Existen muchos comandos que permiten colocar objetos en la pantalla y
especificar su ubicación exacta.
Sintaxis: CloseWindow “Nombre del archivo cuya ventana se quiere Para especificar la posición de un objeto, debemos indicarle sus coordenadas X
cerrar” e Y, que son la cantidad de puntos desde el borde izquierdo y desde el borde
superior de la pantalla:
Descripción: Sirve para cerrar “a prepo” una ventana previamente abierta con Origen
ImageWindow o TextWindow.
Como ya hemos visto, los comandos ImageWindow y TextWindow abren una Coordenada Y
ventana sobre la página para mostrar la información especificada en un archivo
Coordenada X
de imagen o texto. Altura de la
pantalla: 600
Dicha ventana permanecerá abierta hasta que el usuario la cierre utilizando el puntos
control de cerrar ventana ubicado en su esquina superior derecha:
Cerrar
Ventana

Ancho de la pantalla: 800 puntos

81
82 Capítulo 6 Comandos de texto e imágenes 91

Como puede apreciarse en la figura, la pantalla es un rectángulo que mide 800 • TextWindow (de la categoría Ventanas)
puntos (o pixels) de largo por 600 pixels de alto y las coordenadas del objeto se
miden a partir del origen, ubicado en la esquina superior izquierda de la pantalla. Sintaxis: TextWindow “Título” “Coord X” “Coord Y” “Ancho” “Alto”
“archivo de texto” “ajuste”
Nota: Para hacer que el los objetos aparezcan en el centro de la pantalla ingresar
el valor –1 (menos 1) como valor de las coordenadas. Descripción: Este comando sirve para mostrar una ventana para ver el archivo
de texto especificado, pudiendo indicar no solo su ubicación sino también su
Una forma más sencilla de especificar la posición de un objeto es utilizar la tamaño. Es el equivalente a ImageWindow pero para archivos de texto.
opción de Ajuste de posición que aparece en las ventanas definición de
parámetros de los comandos. Esta opción aparece indicada con el icono: El Título corresponde al título que aparecerá en la ventana.
La ubicación de la ventana se especifica utilizando las coordenadas X e Y igual
que en los comandos anteriores, pudiendo utilizar –1, -1 para centrarla.

y permite ubicar al objeto utilizando el ratón para definir su posición. El Tamaño de la ventana se
mide en pixels (o puntos)
6.2 Ingreso de Comandos básicos de Información pudiendo poner –1, -1 para que
el Neobook le asigne el tamaño
automáticamente, o sea que
Recordar que para ingresar cualquier comando hay dos opciones: escribir el cuanto más grande sea el
comando o acceder a la Ventana de definición de parámetros de un comando. archivo, más grande será la
Para ello, hay que elegirlo utilizando la lista de comandos disponibles al programar ventana que se utilizará para 1. Elegir el archivo
algún evento de un objeto mostrarlo.

El archivo de texto debe


especificarse indicando el
camino completo para su
Los comandos básicos de correcta ubicación en el disco
Información se duro.
encuentran dentro de la
categoría
Por último, la opción de
Mensajes/Interacción
Deslizamiento automático de
texto, sirve para que el Neobook
realice la tarea

2. Ventana de definición del comando TextWindow


90 Capítulo 7 Comandos básicos de Información 83

Dada la cantidad de parámetros que lleva este comando, recomendamos utilizar • Balloon (categoría Mensajes/Interacción)
la opción que permite ingresar sus valores utilizando la Ventana de definición
de parámetros, donde además se encuentra el icono de ajuste de posición que
permite definir la ubicación del objeto utilizando el ratón y desde donde se pueden Sintaxis: Balloon “mensaje”
elegir los efectos especiales directamente desde una lista desplegable:
Descripción: Muestra un globito estilo cómic con el mensaje especificado
dentro. Este globito desaparece cuando el usuario hace nuevamente
clic con el ratón en cualquier lado.

Ejemplo: El comando

Balloon “Hecho con Neobook”


Ajuste de
posición Hará lo siguiente:
Lista de Ventana de definición del comando Balloon
efectos

Nota: El Balloon aparecerá justo en la punta de la flecha del ratón en el momento


de pulsar el botón que activa el comando.

• AlertBox (categoría Mensajes/Interacción)

Sintaxis: AlertBox “título” “mensaje”


Ejemplo: El comando
Descripción: Muestra una caja de diálogo conteniendo el título especificado,
PopupImage “-1” “-1” “c:\clase\Neobook\Muestra\Earth4.pcx” “2000” el mensaje especificado y
“Dissolve” “5” un botón de OK

Ejemplo: El comando
hará aparecer la imagen de la Tierra centrada en la pantalla durante 2 segundos
utilizando el efecto especial Dissolve a una velocidad de 5. AlertBox “¿Sabías que” “los PCs actuales
pueden hacer mil millones
de cálculos por segundo?”

Producirá la siguiente salida:


Ventana de definición del comando AlertBox
84 Capítulo 6 Comandos de texto e imágenes 89

• PopupImage (de la categoría Mensajes/Interacción)

Sintaxis: PopupImage “Coord. X” “Coord. Y” “archivo de imágen”


“duración” “efecto” “velocidad”

Descripción: Sirve para mostrar una imagen durante un tiempo determinado y


Nota: El AlertBox aparece siempre en el centro de la pantalla. utilizando opcionalmente un efecto especial para su aparición. Es una orden
similar a ImageWindow pero nos permite controlar la cantidad de tiempo que
• StickyNote (categoría Mensajes/Interacción) queremos que permanezca en pantalla.

Sintaxis: StickyNote “coordenadaX” “coordenadaY” “mensaje” La posición debe indicarse utilizando las coordenadas X e Y, pudiendo usar –1, -1
“duración” para centrarla.
El archivo de imagen debe indicarse especificando su camino completo.
Descripción: Este comando sirve para mostrar un mensaje en un recuadro
amarillo tipo Post-it durante el tiempo especificado y en la posición especificada. La duración, o sea el tiempo que permanecerá en la pantalla, se mide en
milisegundos (igual que en el comando StickyNote) . Si le ponemos 0 (cero),
La ubicación del recuadro debe indicarse utilizando las coordenadas según la espera a que el usuario pulse una tecla o el botón del ratón y si ponemos –1, la
explicación dada al comienzo del capítulo. imagen se verá hasta que se cambie de página.
Recomendamos utilizar la opción de ubicación automática
que permite colocar al objeto utilizando el ratón. El efecto especial utilizado para mostrar la imagen se especifica utilizando un
nombre, entre los que se encuentran:
La Duración, o sea el tiempo que va a permanecer la nota en la pantalla, se mide
en milisegundos, por lo que si None (ninguno)
queremos, por ejemplo, que el Explode (explosión)
StickyNote se muestre durante 2 Dissolve (disolver)
segundos debemos ingresar el valor etc.
2000.
Si le ponemos 0 (cero), espera a que El último parámetro, velocidad, se refiere a la velocidad con que será mostrado
el usuario pulse una tecla o el botón el efecto especial sobre la imagen. Es un número entre 0 y 10, 0 para el más
del ratón y si ponemos –1, la nota se rápido y 10 para el más lento.
verá hasta que se cambie de página.
Ejemplo: El comando

Ventana de definición del comando StickyNote


StickyNote “-1” “-1” “Hola” “3000”
88 Capítulo 7 Comandos básicos de Información 85

Es utilizado cuando queremos mostrar más fotos que las que caben en la página producirá la siguiente salida:
pero no tenemos texto suficiente que justifique la creación de otra página para
colocarla. Lo que hacemos es colocar un botón por cada una de las fotos extra en
la página donde desarrollamos el tema de manera que el usuario pueda ver las
fotos mientras lee el texto.
que se verá durante tres segundos (3000 milisegundos) en el centro de la pantalla.
Un detalle a tener en cuenta es que la ventana quedará sobre la página hasta que
el usuario la cierre por lo que aunque el usuario decida cambiar de página, la Ejercicios
ventana permanecerá visible si previamente no la cerró.

Ejemplo: El comando Ejercicio 6.1

ImageWindow “La Tierra” “150” “100” “c:\clase\Neobook\Muestra\Earth4.pcx” Construir una aplicación con Neobook que contenga los siguientes elementos:

hará aparecer la siguiente  Una página Maestra con::


figura en las
coordenadas (150,100):  La imagen gradnt1.pcx ubicada en el costado izquierdo de la página.
 La etiqueta con el texto “Zoo Electrónico” en letra Lucida Handwriting
de 36 puntos en la parte superior de la página. Copiar la etiqueta para
generar un efecto de sombra.
1. Elegir el archivo
 Tres botones titulados Autores, Clase y Salir. El botón Autores debe
tener como acción el mostrar un AlertBox con el nombre de los autores
del trabajo. El botón Clase debe mostrar la clase a la que pertenecen los
autores usando un balloon y el botón Salir debe permitirle al usuario salir
de la aplicación.
 El estilo de los tres botones debe ser idéntico, mostrando la imagen
3D_BTN.bmp cuando está arriba y 3D_BTN_D cuando está abajo
(pulsado)
 Una Página llamada “Inicio” donde se muestren 3 botones con las imágenes
Leon1.bmp, Ciervo1.bmp y Aguila1.bmp en el centro.
 Tres páginas llamadas León, Ciervo y Aguila conteniendo las imágenes
Leon2.bmp, Ciervo2.bmp y Aguila2.bmp y los textos Leon.txt, Aguila.txt y
Ciervo.txt en letra Arial de 12 puntos.
 Los tres botones de las páginas de inicio deben llevar a cada una de las
páginas que contienen información.
2. Ventana de definición del comando ImageWindow
86 Capítulo 6

 Agregar Un solo botón que permita volver a la página principal. ¿En que
página lo pondrías? Capítulo 7: Comandos de texto e imágenes
Ejercicio 6.2 Los comandos de acción que trabajan con textos e imágenes permiten agregar
información extra a las páginas que no justificarían una página propia. Una foto
Cargar el ejercicio del diario digital grabado al final del capítulo anterior (Ejercicio adicional o alguna aclaración al texto pueden agregarse usando botones que
5.2) hagan aparecer ventanas que muestren datos adicionales.
Todos los comandos requieren que se especifique el camino completo del
Hacerle las siguientes modificaciones: archivo que van a mostrar.
Es importante recordar que el archivo debe existir previamente en el disco duro y
En la página Maestra que los formatos que reconoce el Neobook son:

 Agregar un botón titulado Salir utilice el comando Exit para que el usuario Texto: Terminación .txt y .rtf
pueda salir de la aplicación. Imágenes: Terminación .bmp, .gif,.pcx,.jpg
 Agregar un botón titulado Autores que muestre un StickyNote diciendo el
nombre y apellido de los dos autores y que aparezca en el centro de la página
durante 4 segundos. • ImageWindow (de la categoría Ventanas)
 Agregar un botón titulado Clase que muestre la clase, el año y el colegio
usando el comando AlertBox.
Sintaxis: ImageWindow “Título” “Coordenada X” “Coordenada Y”
“Archivo de imagen”
Guardar el ejercicio en la carpeta indicada por el docente
Descripción: Sirve para hacer aparecer una ventana cuyo título debe indicarse y
que muestre el archivo de imagen especificado. El archivo debe ser especificado
utilizando el camino completo para su correcta ubicación en el disco duro.

La posición en la que aparecerá la ventana en la pantalla debe indicarse por


medio de sus coordenadas, pudiendo usar –1, -1 para centrarla.

Es muy importante no confundir este comando con el hecho de colocar imágenes


sobre la pantalla utilizando la herramienta de agregar imágenes de la paleta de
herramientas. ImageWindow es un comando de acción que debe escribirse
como acción de algún botón y por lo tanto la imagen que produce aparece sobre
todos los objetos previamente colocados en la página

87