tutorial he duc

Upload: emilio-alban

Post on 19-Jul-2015

165 views

Category:

Documents


0 download

TRANSCRIPT

Computacin bsica Mantenimiento preventivo Sexualidad humana

Leccin 1: Comenzando de cero en HAEducPublicado por Alberto Rojas Prefacio Despus de mucha investigacin y tiempo decid abrir este blog y comenzar un grupo de lecciones en las que intentar mostrar en el lenguaje ms simple y directo posible los elementos esenciales del trabajo con HAEduc. Te mostrar los aspectos necesarios para crear recursos educativos empleando esta herramienta de autor. Trabajaremos con elementos de la interface de esta herramienta as como con el script profundizando en la mayor parte de los aspectos que maneja este lenguaje y la forma ms adecuada de emplearlo para lograr crear recursos dinmicos, estables y atractivos. Por tanto vers que pasaremos por aspectos muy simples y por otros algo ms complejos pero tranquilo que intentar siempre ponerte la suficiente cantidad de ejemplos y comparaciones para que no te sientas perdido. Es vlido declarar que para la elaboracin de estas lecciones me he apoyado en la documentacin brindada por los autores en el instalador de HAEduc y en su sitio oficial, adems de ejemplos y trabajos de amigos que me han cedido sus notas y materiales. Sgueme pues

Leccin 1: Comenzando de ceroQu es HAEduc? Antes de empezar te recomiendo que te sientes cmodo, busques la bebida que ms te guste (t, caf, refresco, no alcohol), quizs algn dulcecillo, en fin, que te relajes ahora que puedes puesto que an no hemos llegado a la parte compleja (si es que se puede llamar as, para m divertida) de la programacin en HAEduc. Aunque supongo que ya conozcas o tengas al menos una idea de lo que es HAEduc por algn foro en la web o de su sitio oficial, voy a repetrtelo: HAEduc es una herramienta de autor para el desarrollo de aplicaciones educativas en (y para) los sistemas operativos Windows y Linux. Que Qu es una herramienta de autor?, bueno en pocas palabras una aplicacin que te permite crear productos multimedia con poco esfuerzo y sin necesidad de programar demasiado, pero eso estoy seguro de que ya lo sabas continuemos pues.

Caractersticas principales de HAEduc

Bueno ya habl de algunas, es multiplataforma (Windows y Linux) permitiendo no solo trabajar en ambos sistemas sino que tambin es posible desde uno de ellos exportar aplicaciones para el otro sistema, algo as como compilacin cruzada aunque realmente no lo es porque HAEduc no compila sino interpreta, pero esa es otra caracterstica que describo a continuacin. La herramienta contiene un intrprete de script basado en el ms que conocido lenguaje Basic aunque con caractersticas especiales similares a C++, Python, Lua y VB.NET con posibilidades de trabajo con programacin orientada a objetos (o cercana a esto) implementando clases y herencia. Los autores declaran adems que este intrprete de script proviene del intrprete libre wxBasic, con mejoras importantes en su funcionamiento, correcciones y adaptaciones para la metfora que proponen. Por otra parte es destacable la relativamente buena velocidad y flexibilidad del mismo, suficiente para el objetivo del producto (desarrollar presentaciones multimedia interactivas para la educacin). Otro detalle importante es el reducido tamao del runtime de HAEduc en comparacin con el de otras aplicaciones similares. En cuanto al IDE de HAEduc s se podra decir que aunque permite el trabajo para el que est diseado, carece de un grupo de facilidades de las cuales usted se percatar al trabajar, aunque advierto que nada tiene que ver el IDE de HAEduc con el funcionamiento de las aplicaciones que desee desarrollar, incluso si tuviera ms tiempo me dedicara a hacer un entorno ms amigable pero mantendra por supuesto el runtime de este maravilloso producto del que increblemente existen muy pocos gratuitos con estas potencialidades. El sistema adems tiene la capacidad de atender a dos tipos de usuarios diferentes segn sus conocimientos, es el caso del programador y del docente. Para ello el brinda herramientas para que ambos usuarios hagan tareas similares. Y aunque su principal objetivo es facilitar la creacin de aplicaciones educativas, tambin es perfectamente posible crear aplicaciones de corte general. Vaya!!! como he escrito, seguramente me podrs disculpar por tantas palabras, pero es que a veces me emociono, vamos a lo nuestro. Pero antes rellenar mi vaso de jugo. Listo Ya estoy aqu, seguimos?

La metfora de HAEduc Las metforas en la informtica siempre han jugado un papel esencial para atraer a los usuarios mediante el empleo de conceptos pertenecientes a la realidad. Es el caso por

ejemplo del escritorio de Windows o las carpetas. En ambos casos estos objetos ya existan antes del desarrollo de esta ciencia, y fueron tomados prestados para facilitar el trabajo de las personas en estos ambientes. En los sistemas de autor tambin se suele usar este recurso. Aparecen entonces metforas como la del eje de los tiempos, muy empleada en Macromedia Flash, tambin se emplea el organigrama y una muy popular es la metfora del libro. Esta ltima precisamente es la que HAEduc propone. La metfora del Libro no es ms que la estructura que poseern los proyectos de software que los usuarios crearn y gestionarn con HAEduc. Esta metfora consiste en la presencia de un Libro que contiene pginas, las cuales a su vez contienen objetos:

(Disculpe la calidad de la imagen, no soy buen dibujante)

Instalando HAEduc Veamos ahora como podemos instalarnos HAEduc en nuestro computador: 1. Antes que nada debemos seleccionar el sistema operativo en el que lo vamos a instalar que lgicamente es en el que estamos trabajando, de esto depender la versin que descargaremos. En El blog de HAEduc puedes descargarte los instaladores para ambos sistemas operativos. Tambin puedes descargar el instalador de HAEduc desde el sitio oficial de la herramienta.

2.

Una vez que tienes los instaladores veamos como instalarlo en ambos sistemas operativos:

Si estas en Windows la instalacin es muy simple, similar a como se instalan la mayora de los programas (siguiente -> siguiente siguiente). A continuacin las pantallas en las que puedes seleccionar donde instalars el programa, el nombre del acceso en el men de programas del men inicio y otros detalles pocos significativos.

(Pequeas las imgenes verdad??, estamos contribuyendo con el ahorro de papel!!).

Bien en el caso de Linux debers emplear el comando dpkg. Luego de ubicar el paquete instalador (.deb) escribes esto en una consola:

Queda claro que /home/usuario/Desktop/HAEduc.deb es la direccin del paquete de instalacin. Y guaaalaaa finalmente despus de taaaanto esfuerzo ya tenemos instalado HAEduc en nuestro computador estamos listos entonces para el trabajo. Accedemos al programa (como mismo lo hacemos con los dems programas) desde el men inicio de Windows o en Linux en aplicaciones. Podrs observar la presencia de un

icono llamado SSEditor, este permite acceder a un editor de script externo que trae HAEduc pero esa historia todava no te la cuento, al menos no hoy. La primera vista de HAEduc es esta:

Para comunicarnos mejor a lo largo de este material emplearemos trminos especficos para hacer referencia a diferentes partes del IDE de HAEduc, por ello vamos a definirlos en esta imagen:

Mi primer libro en HAEduc

Para entender el funcionamiento de HAEduc comencemos por crear nuestro primer libro. Una va para hacerlo es mediante la opcin Nuevo del men Libro o mediante la combinacin Ctrl + N, como muestra la figura siguiente:

Entonces aparece un dilogo que nos pide el nombre del libro que queremos crear. En mi caso le pondr miprimerlibro. Al presionar OK inmediatamente se crea un libro con este nombre que posee una pgina por defecto llamada nuevapag. Observemos el explorador de libro:

El explorador de libros no solo nos brinda informacin de los componentes de nuestro libro, sino que adems nos permite acceder en cualquier momento a dichos componentes para modificarlos. Inicialmente aparecer seleccionada la pgina, vamos a observar ahora el panel de propiedades que actualmente muestra las de la pgina seleccionada (la nica hasta ahora)

Las pginas solo poseen dos propiedades:

Nombre: El nombre de la pgina que es su identificacin para acceder cuando sea necesario. Fondo: Aqu puedes seleccionar un fichero de imagen que se visualizar en el fondo de la pgina actual.

Es importante mencionar que esta imagen de fondo se ubicar con sus dimensiones originales a partir de la esquina superior izquierda. Otras opciones seguramente sern incluidas en futuras versiones de HAEduc.

Vamos a seleccionar ahora en el rbol del explorador de libro al libro (miprimerlibro). Observe que todos los paneles actualizaron su informacin (panel de propiedades y proyector). As precisamente se comporta el entorno de HAEduc. Los paneles (si estn visibles) se van actualizando segn la seleccin actual que haga el usuario.

Una vez seleccionado el libro observa ahora las propiedades de este en el panel de propiedades, debe verse as:

Comentemos pues el significado de cada una de ellas:

Nombre: El nombre que identifica a nuestro libro. Ancho y Alto: Mediante estas propiedades podrs modificar las dimensiones de la aplicacin.

Como ya tenemos nuestro primer proyecto (o libro) en HAEduc lo primero que haremos ser proteger nuestro trabajo, as que lo guardaremos en alguna carpeta del disco duro. Para hacer esto podemos usar las opciones guardar o guardar como del men Libro.

Tambin puedes usar las teclas Ctrl+G o Ctrl+F12 para guardar y guardar como respectivamente. Si empleas para esto la barra de herramientas encontrars los siguientes botones:

Sea cual sea la opcin que elijas aparecer el siguiente dilogo:

Mediante este dilogo podrs seleccionar el directorio en el que se almacenar el proyecto actual. Una vez hecho esto exploremos la carpeta seleccionada y veremos los siguientes ficheros:

El fichero miprimerlibro.hal almacena la informacin perteneciente al libro, el fichero nuevapag almacena la informacin de la pgina nuevapag. Esto nos muestra que HAEduc almacenar la informacin del libro en ms de un fichero, separando las pginas en ficheros indepedientes. Tambin podremos ver el fichero runtime.exe. Este ejecutable es el que hace funcionar el proyecto, y adems es un fichero temporal que

solo existe en la carpeta de un proyecto cargado en HAEduc. Una vez que se cierre el proyecto actual este fichero desaparecer.

Vamos a experimentar con los nombres del libro y la pgina para obtener algunas conclusiones. De vuelta en el IDE de HAEduc modifiquemos la propiedad nombre del libro en el panel de propiedades (debe seleccionarse previamente el libro en el rbol de explorador de libro).

Nota Importante: Para que las propiedades modificadas en el panel de propiedades se establezcan, debe pulsar la tecla enter (o intro). Adems de emplear la tecla mayor del centro del teclado (la otra de la derecha est reservada para otras funciones).

Una vez que logremos modificar el nombre del libro, guarde el proyecto y vuelva a la carpeta donde est almacenndolo. Observe que ahora el nombre del fichero del libro (.hal) ha cambiado por el nuevo nombre introducido. De forma similar ocurre con las pginas.

Hasta aqu nuestra primera leccin, espero te haya sido de provecho, regularmente har las prximas entregas de lecciones. Nos estamos leyendo.

Leccin 2: Objetos visuales de HAEducPublicado por Alberto Rojas Hola nuevamente en esta entrega vamos a comenzar a hablar de los objetos visuales de HAEduc, analizaremos sus propiedades y principales caractersticas as como algunas sugerencias para su empleo. Comenzamos

Trabajo con los objetos de la paleta En la paleta de objetos podrs encontrar los 12 objetos que HAEduc permite insertar desde edicin. Ellos son:

Veamos las caractersticas de cada uno de ellos. Para esto vamos a comenzar insertando en la nica pgina de nuestro libro un objeto imagen. A continuacin el procedimiento general que vamos a emplear para insertar cualquier objeto: 1. Seleccionamos el objeto en el panel de objetos. 2. Hacemos click en el lugar del proyector donde se vaya a insertar este, y sin liberar el botn del mouse, arrastramos para seleccionar un rea, que se corresponder con el tamao del objeto a insertar. 3. Liberamos el botn del mouse.

Complejo verdad? Bien vamos a insertar entonces el primer objeto, una imagen.

Imagen: El objeto imagen permite mostrar ficheros de imagen en el proyector, con posibilidades de reescalar la imagen, rotarla, modificar caractersticas como la opacidad, etc. Este adems puede comportarse como una imagen de intercambio, al interactuar con el mouse, mostrando ora una imagen1 ora una imagen2 segn sus propiedades. Una caracterstica interesante de este objeto se forma a partir de las reas no transparentes del fichero de imagen empleado. Esto significa que si usamos una imagen

con un rea transparente esta no interacta con el mouse, de forma tal que es posible crear reas sensibles al ratn no necesariamente rectangulares, sino con la forma de la imagen seleccionada. Algo similar ocurre con el objeto botn, pero de eso an no hablamos.

Al insertar una imagen aparece inmediatamente el siguiente dilogo:

En l seleccionaremos el fichero de imagen que se le va a establecer al objeto. HAEduc admite los formatos ms comunes de imgenes (jpg, gif, png, bmp, etc). Una vez seleccionado el fichero aparecer el siguiente dialogo:

En este dilogo se le indicar a HAEduc sobre las dimensiones que poseer la imagen seleccionada. De responder S, el objeto imagen tomar las dimensiones originales del fichero de imagen, en otro caso, de responder No, el objeto imagen tomar las dimensiones que el usuario haya establecido en el rectngulo de seleccin al insertar el objeto.

Analicemos las propiedades de este objeto:

Todos los objetos que insertaremos tienen dos grupos de propiedades, las Generales que sern comunes para todos, y las Especficas, que son caractersticas propias para cada tipo de objeto. Es por ello que para no repetir vamos a explicar solo por esta vez las propiedades generales de los objetos.

Propiedad Nombre x y Ancho Alto Bloqueado

Visible Cursor

Significado El identificador de este objeto Posicin del objeto en el eje x Posicin del objeto en el eje y Dimensiones del objeto en el eje x Dimensiones del objeto en el eje y Deshabilita el acceso al objeto mediante el mouse en modo de edicin. Se emplea fundamentalmente para evitar mover accidentalmente el objeto. Oculta el objeto para modo de edicin y ejecucin. Imagen del puntero del mouse al pasar sobre el objeto.

Valores posibles Cadena de caracteres Valor numrico entero Valor numrico entero Valor numrico entero Valor numrico entero True o False

True o False Constantes de cursores predeterminados por el sistema operativo:SS_PUNTERO_MANO Representa una mano SS_PUNTERO_EDICION Puntero de edicin de texto SS_PUNTERO_PROHIBIDO Smbolo de prohibicin

SS_PUNTERO_INTERROGACION Smbolo de interrogacin SS_PUNTERO_NSEO Flecha con direccin norte-sur y este-oeste SS_PUNTERO_NS Flecha con direccin norte-sur SS_PUNTERO_NOSE Flecha con direccin noroeste-sureste SS_PUNTERO_EO Flecha con direccin este-oeste SS_PUNTERO_CRUZ Smbolo en forma de cruz SS_PUNTERO_ESPERA Smbolo de espera SS_PUNTERO_FLECHAESPERA Smbolo de espera con flecha SS_PUNTERO_FLECHA Smbolo flecha (puntero normal) SS_PUNTERO_IZQUIERDO Smbolo flecha invertida SS_PUNTERO_DERECHO Smbolo flecha horizontal hacia la derecha

Opacidad Rotacin

Nivel de transparencia que poseer De 0 a 100 el objeto. ngulo de rotacin del objeto (en Valores numricos grados).

Nota: Las propiedades cursos, opacidad y rotacin no siempre estn presentes en todos los objetos(p.e el objeto video).