Índice 1 INTRODUÇÃO... 1 1.1 Noções Básicas... 1

INTRODUÇÃO AO TOOLBOOK II INSTRUCTOR 7 Escola Superior de Educação de Viseu Cristina Azevedo Gomes Viseu - 2001

Índice 1 INTRODUÇÃO... 1 1.1 Noções Básicas... 1 2 COMPONENTES PRINCIPAIS DA INTERFACE O TOOLBOOK... 4 2.1 Modo Autor / Modo Leitor... 4 2.2 O Ecrã Principal Do Toolbook... 5 2.2.1 Barra De Menu...5 2.2.2 A Barra De Ferramentas... 6 2.2.3 A Paleta De Ferramentas... 8 2.2.4 As Outras Paletas... 9 2.3 Os Catálogos... 11 2.4 Modos De Distribuição Das Aplicações Desenvolvidas Em Toolbook... 12 3 COMPOSIÃO DO BACKGROUND E NAVEGAÇÃO ENTRE PÁGINAS... 14 3.1. Introduzir Uma Imagem Como Fundo No Background... 15 3.2 Desenhar Botões Do Menu Vertical... 15 3.3 Desenhar Os Botões Gráficos Do Menu Horizontal... 16 3.4 Criar Um Recordfield... 16 3.5 Criação Das Páginas Principais Da Aplicação... 17 3.6 Navegação Entre As Páginas Através Dos Menus Do Background... 17 3.6.1 Navegação Entre As Páginas Através Do Menu Vertical Do Background... 17 3.6.1.1 Navegação Por Hiperligação... 17 3.6.1.2 Navegação Por Definição De Acção... 18 3.6.1.3 Navegação Por Edição Directa Do Script Do Objecto... 18 3.6.2 Navegação Entre As Páginas Através Do Menu Horizontal Do Background.. 18 3.7 Criação De Efeitos Nos Botões Dos Menus Do Background... 19 3.7.1 Criação De Efeitos Nos Botões Do Menu Vertical Do Background... 19 3.7.2 Criação De Efeitos Nos Botões Do Menu Horizontal Do Background... 20 3.8 Anular O Efeito Do Botão De Fundo Na Página Correspondente... 21 4 COMPOSIÇÃO DO FOREGROUND DA PRIMEIRA PÁGINA... 22 4.1 Importação De Uma Imagem... 22 4.2 Introdução De Uma Campo De Texto... 22 5 CRIAÇÃO DE CAMPOS COM HOTWORDS E VIEWERS NA PÁGINA HISTÓRIA... 23 5.1 Criação De Um Campo Com Hotwords... 23 5.2 Preparação Das Páginas Mais Pequenas... 23 5.3 Criação Da Viewer... 24 5.4 Criação De Scripts Das Hotwords... 25 5.5 Criação De Legendas Na Página Arquitectura... 25 5.6 Botão De Sair... 26 6 CRIAÇÃO DE UM JOGO UTILIZANDO O DRAG & DROP... 27 6.1 Importação Dos Recursos Necessários... 27 6.2 Criação Dos Botões Na Página... 27 6.3 Definição Das Opções Drag E Drop... 28 6.4 Definição Das Posições Iniciais Dos Botões Sp... 28-2 -

6.5 Definição Dos Scripts Para Validar A Construção Do Puzzle...29 6.6 Definição Do Script para voltar a organizar a página...29 7 UTILIZAÇÃO DE COMPONENTES MULTIMÉDIA E ANIMAÇÕES...30 7.1 Importação Dos Clips Necessários...31 7.2 Criação Da Combobox...31 7.3 Criação De Um Stage...32 7.4 Criação Do Script Para Fazer Tocar O Som...32 7.5 Criação Do Script Da Combobox Para Selccionar Os Clips...33 7.6 Arranjos Finais No Script Da Página...33 8 UTILIZAÇÃO DE OBJECTOS DO CATÁLOGO PARA CONSTRUIR QUESTÕES...35 8.1 Preparação Das Páginas De Perguntas...35 8.2 1ª Pergunta. Arrastar Objectos (Drop Target)...36 8.3 2ª Pergunta. Legendar Objectos (Match Item)...38 8.4 3ª Pergunta. Preencher Espaços Em Branco (Fill In The Blank)...40 8.5 4ª Pergunta. Ordenação De Itens Com Feedback Retardado... 42 9 PROPRIEDADES DA LIÇÃO E CRIAÇÃO DE FICHEIROS DE ALUNOS...44 10 PREPARAÇÃO DA APLICAÇÃO PARA DISTRIBUIÇÃO...46 10.1 Preparação Da Aplicação Antes De Utilizar O Autopackager...46 10.2 Utilização Do Autopackager...46-3 -

1 INTRODUÇÃO O ToolBook II Instructor 7 é uma ferramenta autor que permite o desenvolvimento de aplicações interactivas multimédia. Embora o ToolBook providencie ferramentas sofisticadas para programadores mais experientes, não é necessário conhecimentos de programação para desenvolver aplicações mais simples. O ToolBook oferece um ambiente de programação orientado por objectos. Neste tipo de ambientes todos os elementos visuais tais como botões, campos de texto, gráficos, etc, são objectos a que se podem atribuir várias propriedades de aparência e comportamento. 1.1 - NOÇÕES BÁSICAS O desenvolvimento de uma aplicação em ToolBook baseia-se na metáfora de criação de um livro. Cada aplicação é um livro Book cujo conteúdo é preenchido com a adição de objectos. Exemplos desses objectos são as páginas pages, fundos backgrounds (conjunto de objectos partilhados por várias páginas), campos de texto fields,botões buttons, gráficos graphics ou as janelas viewers. Na figura 1.1 está representado um esquema simples de um livro e dos seus componentes. Figura 1.1 Componentes de um livro. No ambiente ToolBook desenvolve-se uma aplicação criando primeiro os objectos e a sua aparência, definindo depois o seu comportamento nos respectivos - 1 - Escola Superior de Educação de Viseu / 2001

scripts. Este procedimento afasta-se da tradicional programação linear, porque não se desenvolvem aplicações definindo dados e procedimentos. No ToolBook os vários scripts não são executados até que sejam accionados por um acontecimento. Por exemplo um click do rato num botão ou escolher um comando do menu são acontecimentos events. Até quando nada acontece na aplicação o ToolBook considera a ocorrência de uma acontecimento idle event. Quando ocorre um destes events, o ToolBook recebe uma mensagem que irá provocar o acontecimento definido nos scripts dos objectos. Cada acontecimento event gera uma mensagem que será enviada para o objecto afectado pelo acontecimento. Por exemplo, clickar num botão envia a mensagem buttonclick para este objecto. Utilizando a criação de handlers nos scripts dos objectos podemos especificar como a aplicação responderá a esse acontecimento específico. Um handler é um componente do script que determina que tipo de mensagem faz correr esse script e que comandos do ToolBook serão executados. Os objectos no ToolBook estão sujeitos a uma organização hierárquica interna. Cada grupo, página, fundo ou livro que contenha um objecto é o pai desse objecto object s father Os objectos respeitam a seguinte ordem ascendente: fields, buttons, and graphic objects Campos de texto, botões e objectos gráficos groups Grupos; agregações de objectos pages backgrounds books system books Páginas Fundos Livros Sistemas de Livros. Aplicações com vários livros. ToolBook ToolBook Tabela 1.1 Hierarquia de objectos Cristina Azevedo Gomes - 2 -

É importante ter em conta que as mensagens em ToolBook viajam de objecto em objecto no sentido ascendente da hierarquia Por exemplo a acção de clickar sobre um botão faz enviar uma mensagem que percorre a hierarquia dos objectos até encontrar um handler que execute essa mensagem. Na figura 1.2 representa o trajecto de uma mensagem na estrutura hierárquica dos objectos. O shared script são scripts que são partilhados por dois ou mais objectos. mensagem Figura 1.2 Hierarquia de objectos no TollBook - 3 - Escola Superior de Educação de Viseu / 2001

2 COMPONENTES PRINCIPAIS DA INTERFACE O TOOLBOOK 2.1 MODO AUTOR / MODO LEITOR Existem dois modos de trabalhar com o ToolBook. O modo autor Author level : Neste modo o utilizador pode criar, definir e alterar as características da aplicação a desenvolver, usufruindo de todas as potencialidades do ToolBook. Este modo é utilizado para a edição de um Book. O modo leitor Reader level : Neste modo o utilizador tem acesso à informação contida na aplicação da maneira que foi pré-definida pelo autor. Este modo é utilizado para a distribuição de um Book. Por forma a permitir aos utilizadores que desenvolvem uma aplicação a verificação imediata das opções tomadas em termos de concepção, o ToolBook permite a permuta fácil entre estes dois modos. Basta carregar na tecla F3 para fazer esta transição. Quando se coloca o problema da distribuição das aplicações podemos criar vários níveis de restrição de acesso às funções disponibilizadas no modo autor. A mais comum é introduzir uma password, que não permita aos utilizadores que abram uma aplicação no ToolBook no modo leitor a passagem para o modo autor, prevenindo, assim, a alteração do documento inicial. Cristina Azevedo Gomes - 4 -

livro. 2.2 O ECRÃ PRINCIPAL DO TOOLBOOK A figura 2.1 representa a interface do Toolbbok quando se inicia a criação de um Barra de Título Barra de Menus Barra de Ferramentas Paleta de Ferramentas Barra de Estado Figura 2.1 Interface do ToolBook II 7 2.2.1 BARRA DE MENU A barra de menus permite aceder a una variedade de menus pull-down que oferecem uma variedade de comando do ToolBook. De um modo resumido as funções estão agrupadas da seguinte maneira, tabela 2.1. - 5 - Escola Superior de Educação de Viseu / 2001

File Edit View Go Insert Object Text Draw Tools Help Para trabalhar com ficheiros, abrir gravar imprimir, publicar para a Web e trabalhar com o AutoPackager (para criar versões executáveis standalone) Para copiar cortar e colar, apagar elementos do Book, para localizar e substituir palavras ou expressões Para visualizar elementos do ecrã. Barras de ferramentas, background, modo autor/leitor e browsers. Para navegar entre páginas, para aceder ao histórico da navegação de páginas. Para inserir páginas, background, gráficos, texto e janelas. Para aceder e definir as propriedades dos objectos. Para definir acções e caminhos de animação. Para criar biblioteca de recursos e clips da aplicação. Para criar hiperligações. Para formatar texto Para definir opções sobre a aparência dos objectos Para aceder a um corretor ortográfico (Inglês). Para aceder ao Script Recorder ( para gravar scripts por acções), para visualizar hiprlinks e acções criadas. Para aceder aos vários tipos de ajuda disponibilizadas Tabela 2.1 Principais funções da barra de menu 2.2.2 A BARRA DE FERRAMENTAS A Barra de ferramentas permite aceder a uma grande variedade de opções do ToolBook. A barra pode mostrar-se ou esconder-se no menu View. Para mover e redimensionar esta barra basta proceder como no ambiente windows. Se Fizer um duplo click em cima da barra ela volta à sua posição inicial. As principais funções da barra de ferramentas estão apresentadas na tabela 2.2. Cristina Azevedo Gomes - 6 -

+ Abre um novo livro Abre a janela de diálogo do gestor de recursos Grava o livro actual Anula a última acção Abre a janela de diálogo do gestor de clips Abre a janela de diálogo dos viewers Duplica o objecto seleccionado Mostra o Browser dos objectos Abre a janela de diálogo do catálogo de objectos Mostra ou esconde a janela de comandos Mostra ou esconde a paleta de ferramentas Mostra ou esconde a paleta de linhas Abre a janela de diálogo das propriedades do objecto seleccionado Abre a janela de diálogo das propriedades adicionais do objecto Permite definir acções para o objecto seleccionado Abre o editor de script para o objecto seleccionado Abre a janela de diálogo de formatação dos caracteres Agrupa ou desagrupa objectos Mostra ou esconde a paleta de texturas Mostra ou esconde a paleta de cores Traz o objecto seleccionado para a frente Traz o objecto seleccionado para traz Mostra ou esconde a paleta de polígonos Muda entre o background e o foreground da página Cria uma nova página com o mesmo background Faz o flip horizontal do objecto seleccionado Faz a rotação para a esquerda de 90º do objecto seleccionado Tabela 2.2 Funções da barra de ferramentas Algumas das funções só se podem aceder ao carregar na tecla CTRL, tabela 2.3. - 7 - Escola Superior de Educação de Viseu / 2001

+CTRL»»» Abre uma nova instância do Toolbook ou corre outra aplicação. +CTRL»»» Grava o livro atribuindo-lhe outro nome +CTRL»»» Mostra o Browser das páginas +CTRL»»» Mostra a paleta de linhas com terminações +CTRL»»» Mostra os scripts partilhados +CTRL»»» Abre a janela de formatação de parágrafos +CTRL»»» Move o objecto seleccionado um layer para cima +CTRL»»» Move o objecto seleccionado um layer para baixo +CTRL»»» Faz o flip vertical do objecto seleccionado +CTRL»»» Faz a rotação para a direita de 90º do objecto seleccionado Tabela 2.3 Funções da barra de ferramentas que podem ser acedidas carregando na tecla CTRL 2.2.3 A PALETA DE FERRAMENTAS O ToolBook apresenta diversas paletas que podem ser activadas ou pelo menu View ou pela barra de ferramentas conforme descrito na tabela 2.2. A paleta de ferramentas permite desenhar uma vasta gama de objectos na página de um livro, figura 2.2. Cristina Azevedo Gomes - 8 -

Indicador de selecção Ferramenta de Selecção Botão Botão de rádio Botão de rádio 3D Campo de Texto Campo de Texto sem contorno Combobox Arcos Curvas Polígonos de cantos redondos Polígonos Tortas Zoom Botão de Texto Botão de Verificação Botão de verificação 3D Record Field Lista de selecção única Linha Linhas anguladas Rectângulo Elipse Polígono irregular Palco para multimedia Controlo OCX Se adicionar extensões Figura 2.2 descrição dos ícones da paleta de ferramentas 2.2.4 AS OUTRAS PALETAS O Toolbook apresenta outras paletas que permitem alterar a aparência dos objectos desenhados nas páginas de um Book. Estas paletas podem ser activadas e fechadas no menu View ou na barra de ferramentas. As características oferecidas por cada tipo de paleta são atribuídas ao objecto que está seleccionado. As figuras 2.3, 2.4, 2.5, 2.6 e 2.7 representam estas paletas. - 9 - Escola Superior de Educação de Viseu / 2001

Mostra a cor de fundo e a cor dos limites Para seleccionar a cor do fundo Para seleccionar a cor do limite Figura 2.3 Paleta de cores Para escolher tamanho das terminações Para escolher formato das terminações Figura 2.4 Paleta de linhas Figura 2.5 Paleta de Terminações Textura sólida com cor seleccionada no fundo Textura sólida com cor seleccionada nos limites Elimina textura Aplica última textura Outras texturas Selecção de número de lados Selecção de texturas Figura 2.6 Paleta de Texturas Figura 2.7 Paleta de polígonos Cristina Azevedo Gomes - 10 -

2.3 OS CATÁLOGOS Os catálogos são uma das novidades desta versão e uma das grandes potencialidades deste sistema. São disponibilizados mais de 1000 objectos para utilizar nas aplicações. Desta maneira não precisamos de utilizar a paleta de ferramentas, desde que os objectos oferecidos pelos catálogos satisfaçam as nossas necessidades. O ToolBook traz originalmente 5 catálogos, ver tabela 3.1. Cada objecto tem uma aparência e um comportamento pré definido, eliminando a necessidade de programação. Podemos arrastar qualquer deste objectos para a aplicação, podendo ajustar o seu tamanho, cor e outras propriedades. Cada um dos catálogos inclui uma secção Custom onde se podem incluir objectos definidos pelo utilizador Catálogo Main Catalog HTML/JAVA Catalog Media Catalog Page Style Catalog Run-Time Catalog Descrição Catálogo principal que oferece oito categorias diferentes de objectos. Não necessita de CD na instalação normal Objectos que suportam a exportação para páginas HTML. Necessita de CD. Clipart, botões gráficos, fundos e imagens. Necessita de CD. Templates de páginas. Necessita de CD. Objectos que não suportam DHTML. Necessita de CD. Tabela 3.1 Catálogos do ToolBook O catálogo principal apresenta as seguintes subcategorias, tabela 3.2. Actions Categoria Buttons e Text Evaluation Internet Extensions Media Players Navigation Conteúdo Aplicar uma acção: Sair da aplicação, correr uma aplicação, controlo de volume, etc. Vários tipos de botões e campos de teto pré-defenidos. Avaliação, pontuações e feedback Placehloders de ficheiros e imagens, GIF transparente, HTML/JAVA Controladores de media. Vídeos, som etc. Menus automáticos, botões de navegação com hiperligações etc. Questions Diferentes conjuntos de questões. Tabela 3.2 Diferentes categorias do Catálogo principal Main Catalog - 11 - Escola Superior de Educação de Viseu / 2001

Para abrir um catálogo basta carregar no ícone correspondente ou utilizar o menu View. Surge uma janela de diálogo onde se apresenta por defeito o Main Catalog, figura 3.1. Guardar Arranjar objectos Prever objecto Informação Abrir Localizar Colocar primeiro Adicionar objecto Ajuda Categorias Descrição do Objectos Objectos Figura 3.1 Janela de diálogo dos catálogos 2.4 MODOS DE DISTRIBUIÇÃO DAS APLICAÇÕES DESENVOLVIDAS EM TOOLBOOK O ToolBook oferece alguma facilidade relativamente ao modo de distribuição. Podemos disponibilizar as aplicações desenvolvidas em ToolBook via intranet ou internet, através de um CD-Rom ou outros discos. As aplicações em ToolBook podem ser criadas no seu formato original, no formato executável ou em HTML e Java. Uma vez que cada método de distribuição exige um tipo diferente de preparação da aplicação, convém definir desde início que tipo de aplicação se deseja desenvolver. Assim há que ter em conta o método de distribuição que se irá utilizar para a aplicação a Cristina Azevedo Gomes - 12 -

desenvolver e utilizar as potencialidades específicas que o ToolBook oferece para cada um deles. A tabela 4.1 apresenta um resumo sobre os cuidados a ter na preparação de uma aplicação face ao método de distribuição que se pretende utilizar. Método de Distribuição Plataformas exigidas Orientações para o desenvolvimento da aplicação. Via Internet ou Intranet Internet Explorer 4.01 Escolher objectos do Instructor Catalog como uma série de páginas ou posterior Não utilizar o OpenScript, apenas o Action DHTML Netscape Navigator Editor 4.06 ou posterior Assegurar-se da compatibilidade dos media utilizados com os standart da Internet Utilizar o ToolBook Web Specialist para Via Internet ou Intranet como uma série de páginas HTML mais Java Via Internet ou Intranet como uma aplicação original a correr num browser com auxílio do Neuron Via CD-ROM ou outro tipo de discos Internet Explorer 3.02 ou posterior Netscape Navigator 3.01 ou posterior Windows 95, 98, NT 4.0 ou posterior Windows 95, 98, NT 4.0 ou posterior exportar a aplicação Escolher objectos do HTML/Java Catalog Não utilizar o OpenScript nem o Action Editor Assegurar-se da compatibilidade dos media utilizados com os standart da Internet Utilizar o ToolBook Web Specialist para exportar a aplicação Escolher objectos de qualquer catálogo do ToolBook Utilizar todas as potencialidades do OpenScript Assegurar que os utilizadores tenham ou possam fazer o download do plug-in Neuron Utilizar o ToolBook Web Specialist para preparar a aplicação Escolher objectos de qualquer catálogo do ToolBook Utilizar todas as potencialidades do OpenScript Utilizar o ToolBook AutoPackager para criar o programa de setup. Tabela 4.1 Principais métodos de distribuição e orientações gerais para a criação de aplicações. - 13 - Escola Superior de Educação de Viseu / 2001

3 Composião do Background e navegação entre páginas Esquema Geral da aplicação a Sé de Viseu Ecrã de Entrada: Propriedades dos Objectos. Navegação. Recursos e Catálogos História da Sé Campos de Texto. Hotwords. Janelas. Recursos e Catálogos Arquitectura Scripts mais complexos. Imagens Multimédia e Animação Jogo Scripts mais complexos Teste Questões e feedback Cristina Azevedo Gomes - 14 -

3.1. Introduzir uma imagem como fundo no Background Primeiro passo importar a imagem para os recursos. - No menu Object escolher as opção Resources. Escolher na janela de diálogo o tipo bitmap e importar o ficheiro fundose.gif. Atribuir o nome fundo. Segundo passo escolher a imagem como fundo - No menu Object escolher as opção Properties for Background. Escolher o separador Draw. Na janela de diálogo escolher Choose Backdrop e escolher a imagem fundo importada para o recursos. Escolher como estilo Stretch to fill. 3.2 Desenhar Botões do menu Vertical Criar um menu vertical que estará presente em todas as páginas e por isso deve ser criado no Background. - Mudar para o Background F4. Desenhar um botão seleccionando a ferramenta respectiva da paleta de ferramentas. - Ajustar tamanho e escolher a cor de fundo e preenchimento. - Click com o botão do lado direito do rato sobre o botão criado e escolha a opção Character Arial Negrito 10. - Seleccione o botão criado e faça copy paste 4 vezes. - Por arrastamento posicione os botões numa coluna à direita. - 15 - Escola Superior de Educação de Viseu / 2001

- Clickando com o botão do lado direito do rato em cada um dos botões seleccione a opção Caption e altere o nome dos botões conforme a figura. - Com a ferramenta Line desenhe a linha que une os vários botões. Escolha no menu Draw a opção Layer para trazer a linha para trás dos botões. 3.3 Desenhar os botões gráficos do menu horizontal Vamos criar estes botões importando um dos objectos disponíveis no catálogo principal. - Importar as imagens bdentro.gif e bfora.gif para os recursos como fez em 3.1.1. - Abra o catálogo através do Menu View ou do ícone respectivo da barra de ferramentas. - Na opção Buttons and Text escolha o objecto Rollover e arraste-o para a página. - Na janela de diálogo das propriedades extensivas escolha a imagem a atribuir ao botão, bfora. - Copie o botão. - Mude a caption dos dois botões como na figura. - Click com o botão do lado direito do rato sobre os botões criados e escolha as opções Draw Tranperent e Border Style None. - 3.4 Criar um RecordField Um RecordField é um campo de texto que só pode ser criado no Background e que pode conter um texto diferente em cada página. Neste caso vamos utilizar este tipo de objecto para colocar os títulos em cada página. - Certifique-se que está no Background F4. Escolha da paleta de ferramentas a ferramenta RecordField. Desenhe o campo no topo esquerdo da página. - Click com o botão do lado direito do rato sobre o campo criado e escolha as opções Draw Tranperent, Border Style None e Character Arial Balck 16. - Escolha na paleta das cores a cor de fundo e de escrita. Cristina Azevedo Gomes - 16 -

- Desenhe a linha com terminação por baixo do RecordField. 3.5 Criação das páginas principais da aplicação Estando criado o Layout do Background vamos criar as páginas principais da aplicação para em seguida definirmos o comportamento dos objectos criados no Background. - No menu Insert escolha New Page. Opte pela opção de empty page using de corrent background. Atribua o nome História à página. - Repita o procedimento para criar a página Arquitectura, Imagens, Jogo e Teste. - A sua aplicação deve ter agora 6 páginas. Pode confirmar vendo o número de páginas na barra de estado ou no menu View na opção Browser Page. - Em cada uma das páginas introduza o título correspondente no RecordField. 3.6 Navegação entre as páginas através dos menus do Background. 3.6.1 Navegação entre as páginas através do menu vertical do Background Embora se deva utilizar a mesma metodologia para introduzir a navegação nos botões do menu, por uma questão de exemplificação vamos atribuir o mesmo comportamento aos objectos de 3 maneiras distintas. O que se pretende é que ao carregar com o rato em cada um dos botões do menu vertical a aplicação passe para a página correspondente. 3.6.1.1 Navegação por hiperligação. - Seleccione no Background o botão História. - Com o botão do lado direito do rato ou no menu Object escolha Hyperlink. - Escolha no Type of Link Go to another page. - Seleccione em Specific page a página História. - Não escolha efeitos de transição. - 17 - Escola Superior de Educação de Viseu / 2001

3.6.1.2 Navegação por definição de acção - Seleccione no Background o botão Arquitectura. - Com o botão do lado direito do rato ou na barra de ferramentas escolha o ícone Actions. - Escolha a opção Onclick e no ícone Actions escolha a opção navegação para a página Arquitectura. 3.6.1.3 Navegação por edição directa do script do objecto - Seleccione no Background o botão Imagens. - Com o botão do lado direito do rato ou no menu Object escolha Script. - Introduza o seguinte script: to handle buttonclick go to page "Imagens" end - Copie o script e cole nos scripts do botão Jogo e Teste. Antes de gravar mude o nome das páginas no script para Jogo e Teste respectivamente. Grave a aplicação, mude para modo leitor e verifique se os botões obedecem às acções desejadas. 3.6.2 Navegação entre as páginas através do menu horizontal do Background O botão voltar pretende oferecer ao utilizador a possibilidade de percorrer o percurso inverso das páginas visitadas. Para tal vamos utilizar função Back. No entanto para evitar erro quando o utilizador clicka neste botão antes de visitar qualquer página temos de validar se a syshistory não está vazia. A syshistory é uma propriedade do sistema que devolve uma lista das últimas 100 páginas visitadas pelo utilizador. - Seleccione no Background o botão Voltar. - Com o botão do lado direito do rato ou no menu Object escolha Script. - Introduza o seguinte script: Cristina Azevedo Gomes - 18 -

to handle buttonclick get item 2 of syshistory if it = "" forward else send back end end --Vai verificar se existe alguma página visitada para --além da primeira. --Estrutura de controle If / Then / Else --Se não houver item 2 da syshistory segue --Senão envia Back -- Uma estrutura de controle termina com end Grave a aplicação, mude para modo leitor e verifique se os botões obedecem às acções desejadas. 3.7 Criação de efeitos nos botões dos menus do Background Vamos tentar criar alguns efeitos nos botões de maneira a orientar o utilizador na interacção com esses objectos. 3.7.1 Criação de efeitos nos botões do menu vertical do Background Pretende-se que os botões e o cursor mudem de aspecto quando passam por cima destes botões. Uma vez que se pretende o mesmo efeito para todos eles vamos editar um script partilhado. - Nos recursos escolha a opção cursor - Importe o ficheiro mao.cur. - 19 - Escola Superior de Educação de Viseu / 2001

- Nos recursos escolha a opção SharedScript - Faça New e edite o seguinte script -- Quando o rato passa sobre o botão -- Muda o aspecto do cursor e a sua cor to handle mouseenter syscursor= cursor id 100 my rgbfill=191,191,128 end -- Quando o rato sai do botão -- O aspecto do cursor e a sua cor voltam ao normal to handle mouseleave syscursor = 1 my rgbfill=255,255,255 end - Nomear o script bmenu Temos de activar este SharedScript nos botões do menu vertical - Seleccione o botão História - No menu Object escolha o ícone SharedScript. - Seleccione o script bmenu que acabou de criar nos recursos. - Repita o procedimento para os outros botões do menu vertical. 3.7.2 Criação de efeitos nos botões do menu horizontal do Background Vamos criar um efeito nos botões gráficos utilizando as propriedades estendidas do botão Rollover que importámos do catálogo. Cristina Azevedo Gomes - 20 -

- Seleccione o botão voltar. - No menu Object escolha Properties for Button - Escolha Checked e Choose Graphic - Na janela de Recursos escolha o gráfico bdentro. - Active a opção use checked graphic as rollover graphic. Grave a aplicação e teste os efeitos criados no modo leitor. 3.8 Anular o efeito do botão de fundo na página correspondente Quando o utilizador entra em cada uma das páginas convém anular as funções do botão que faz acesso a essa página. Vamos esconder esse botão e criar uma ligação entre o menu e o título da página. - Na página História desenha as duas linhas de ligação entre o menu e o título. - Introduza o seguinte script na página: to handle enterpage hide button "História" of background "fundo" end to handle leavepage show button "História" of background "fundo" end - Copie o script e as linhas para as outras páginas e faça os ajustes necessários. - 21 - Escola Superior de Educação de Viseu / 2001

4 Composição do Foreground da primeira página Introdução de uma imagem e de um campo de texto na primeira página da aplicação 4.1 Importação de uma imagem - Vá para a primeira página - Certifique-se que está no modo Forground F4 - No menu Insert escolha a opção Graphic. - Escolha o ficheiro séfachada.gif - Posicione o gráfico na primeira página 4.2 Introdução de uma campo de texto - Vá para a primeira página e certifique-se que está no modo Forground F4 - Seleccione na caixa de ferramentas a ferramenta Field. - Desenhe o campo na página - Escreva o seguinte texto na caixa e formate a cor, os caracteres e o alinhamento. Trabalho realizado no módulo de Implementação de Protótipos Educativos do curso superior especilizado em Comunicação Educacional e Gestão da Informação ESEV - 2001 Cristina Azevedo Gomes - 22 -

5 Criação de Campos com Hotwords e Viewers na página História Pretende-se criar um campo de texto com palavras chave que abrem uma janela explicativa quando se clicka numa delas, como está representado na figura. 5.1 Criação de um campo com hotwords Na página História introduza um campo de texto com Border Style Scrolling. Abra o documento sé1.doc e copie o texto para o campo criado. - Seleccione a palavra românico e carregando com o botão do lado direito escolha a opção create hotword. Note que a cor do texto muda para vermelho. - Repita o procedimento para a palavra renascentista e barroco. - Para que os scripts que vamos definir no campo fiquem activos seleccione o campo e com o botão do lado direito escolha a opção Ativate Scripts. 5.2 Preparação das páginas mais pequenas - Vá para a última página da aplicação. - Faça inserir novo backgound no menu Insert. - Chame a este novo background glossário - Chame à primeira página românico. - Defina as propriedades do novo background. - Escolha uma cor de fundo no separador Draw - 23 - Escola Superior de Educação de Viseu / 2001

- Escolha para dimensões 4000, 3000 page units. - Insira mais duas páginas com este background dando-lhe o nome renascentista e barroco respectivamente. - Criámos as páginas que irão aparecer numa janela mais pequena. - Na página barroco crie um campo de texto com o seguinte conteúdo. - Proceda do mesmo modo para as outras duas páginas. Românico: Estilo dominante no Ocidente e parte do centro da Europa nos sécs. XI e XII. Destaca-se o emprego do arco pleno centro e da abóboda de berço... Renascentista: Barroco: 5.3 Criação da Viewer - Na página Româncio, escolha a opção viewers no menu Object. - Escolha New e abra a opção Properties. - Nomeie a viewer glossário - Escolha no separador Draw caption-bar none e border style thin. - No separador Size escolha a opção size to first page. - No separador Draw escolha a página românico como default page. - No separador Behavior escolha a opção close on button click. Cristina Azevedo Gomes - 24 -

5.4 Criação de scripts das hotwords - Volte à página História, seleccione a primeira hotword e seleccione o seu script. - Introduza o seguinte script: to handle buttonclick get mouseposition of mainwindow -- devolve o valor da posição do rato em pageunits put it into pos -- pos, variável local get item 2 of pos put it into y y=y+1500 put y into item 2 of pos put 8300 into item 1 of pos show viewer "glossário" at pageunitstoclient(pos) -- mostra a janela na posição desejada currentpage of viewer "glossário" = page "românico" -- define a página da janela. end buttonclick - Copie o script para as duas outras palavras chave, adaptando o nome da página para renascentista e barroco. 5.5 Criação de legendas na página Arquitectura Vamos introduzir uma planta da Sé de Viseu e fazer com que apareça a respectiva legenda quando se passa com o rato sobre determinada zona da planta. - Na página Arquitectura importe o gráfico planta.gif. - Sobre a imagem crie três botões transparentes, um sobre a zona do altar-mor, outro sobre a zona dos claustros e outro sobre a zona do museu. - Seleccione o primeiro botão e com o botão do lado direito abra o browser das propriedades. - Escolha o separador User. - Escolha Add-New. - Escreva o nome da propriedade: asym_tooltip. Digite no value da propriedade Altar-Mor. - Repita o procedimento para os outros dois botões introduzindo como valor da mesma propriedade as legendas respectivas. - 25 - Escola Superior de Educação de Viseu / 2001