br - 01
ToolBook uma Aplicao Windows. Como toda Aplicao Windows, ToolBook Orientado Eventos. Isto , enquanto um evento no gerado, como um clique em objeto ou pressionar o teclado, o sistema fica em estado de alerta. Os Eventos no ToolBook so representados na forma de mensagens. Quando voc clica o boto do mouse, uma mensagem buttonClick gerada pelo ToolBook. No ToolBook, voc pode decidir que ser feito quando a mensagem buttonClick gerada. Na figura abaixo demonstrado o sistema de hierarquia dos objetos em uma aplicao ToolBook.
Nesta outra figura exemplificado qual o caminho percorrido por uma mensagem dentro da hierarquia dos objetos do ToolBook.
3 5 4
7
Figura 8 tela principal do ToolBook
Abaixo explicamos a funo de cada nmero: 1 MenuBar Barra de Menus (Contm os menus caractersticos de programas Windows) 2 - Barra de Ferramentas Padro (Contm botes com funes principais como Abrir, Salvar, etc) 3 - Barra de Ferramentas de Objetos (Contm botes com os objetos suportados pelo ToolBook) 4 - rea de Trabalho (Plano de fundo que delimita os limites do ToolBook) 5 - Pgina (Local onde podem ser desenhados os objetos) 6 - STATUS BAR (Esta Barra Status exibe informaes importantes como tipo de objeto em foco, nome do objeto, significado dos botes das barras do ToolBook, etc) 7 - Coordenadas do mouse (Fornece as coordenadas do mouse em X[horizontal] e Y[vertical]) 8 - Barra de Navegao de Pginas (permite avanar, retroceder e salvar para uma determinada pgina)
1 0
11
12
13
14
15
16
17
18
19
20
21
22
23
24
1 OPEN Abrir (Abre os arquivos do ToolBook [extenso *.TBK]) 2 - SAVE Salvar (Grava as alteraes nos arquivos do ToolBook) 3 - UNDO Desfazer (Desfaz uma ao realizada) 4 - DUPLICATE Duplicar (Duplica o objeto selecionado) 5 - OBJECT BROWSER Navegador/Visualizador de Objetos (Exibe um relatrio completo de Background (com nomes), Pginas (com nomes) e Objetos da pgina (com nome e tipo). 6 - COMMAND WINDOW Janela de Comandos (Permite a digitao de comandos e a depurao de erros) 7 - TOOL PALETTE Mostra ou esconde a Barra de Ferramentas de Objetos 8 - Palheta de Linhas, contornos e espessuras (Mostra ou esconde a Barra de Linhas e Contornos) 9 Palhetas de preenchimentos (Mostra ou esconde a Barra de Preenchimentos) 10 - Palheta de Cores (Mostra ou esconde a Barra de Cores) 11 - Palheta de Formas para Polgonos (Mostra ou esconde a Barra de tipos de Polgonos) 12 - Alterna entre Background e Pgina [Foreground] 13 - NEW PAGE Adiciona uma nova pgina a partir da posio atual 14 - RESOURCE MANAGER Controla utilizao de cones, cursores e fontes. 15 - CLIP MANAGER Controla a utilizao de clipart, vdeo, imagem, e outras mdias 16 - VIEWER Cria ou modifica um VIEWER (tipo de janela do ToolBook) 17 OBJECT PROPERTIEIS Visualiza e / ou ajusta as propriedades dos objetos 18 - SCRIPT EDITOR Visualiza ou altera o Script (Programao) dos objetos 19 - CHARACTER Ajusta os estilos, tipos e tamanhos das fontes 20 - GROUP/UNGROUP Agrupa ou desagrupa conjuntos de objetos 21 - BRING TO FRONT Traz o objeto selecionada para o primeiro Layer (Camada) 22 - SEND TO BACK Envia o objeto selecionado para o ltimo Layer (Camada) 23 - ESPELHAMENTO (Vlido para objetos tipo Grfico (formas geomtricas)) 24 - ROTAO (Vlido para objetos tipo Grfico (formas geomtricas))
10
11
12
13
14
15
1 6
17
1 8
19
20
2 1
22
23
2 4
25
1 APONTADOR Seleciona, move e altera o tamanho dos objetos 2 - LUPA Permite alterar o ZOOM, isto , o tamanho de visualizao dos objetos 3 - BUTTON Objeto tipo boto (clicvel) 4 - LABELBUTTON Objetos tipo etiqueta 5 - RADIO BUTTON Objetos do tipo boto de opo, em grupos, somente um fica ativado. 6 - CHECK BOX Objeto do tipo caixa de verificao, em grupos, vrios podem ficar ativados. 7 - 3D RADIO BUTTON Idem ao item 5, s que com a aparncia 3D (padro Windows 9.x) 8 - 3D CHECK BOX Idem ao item 6, s que com a aparncia 3D (padro Windows 9.x) 9 - FIELD Caixa de texto (campo que permite a digitao) 10 - RECORD FIELD Semelhante ao Field, mas s pode ser colocado em BACKGROUND. 11 - BORDERLESS FIELD Semelhante ao Field, s que sem a borda externa. 12 - LIST BOX Caixa de listagem, para a colocao de vrios itens 13 - COMBO BOX Caixa de Combinao, uma caixa de listagem retrtil
1) AngleLIne Linha curva 2) Arc - Arco 3) Background Fundo. Se repete em pginas que pertenam ao mesmo background 4) Book A aplicao propriamente dita 5) Button - Boto 6) ComboBox Caixa de Combinao 7) Curve - Curva 8) Ellipse Elipse / Crculo 9) Field Campo de Texto 10) Group novo objeto originado a partir da unio de outros objetos 11) HotWord seqncia de caracteres que tem as mesma propriedades dos 12) 13) 14) 15) 16) 17) 18) 19) 20)
HyperLinks IrregularPoluygon Objeto Irregular Line - Linha Page - Pgina PaintObject Objeto de Desenho Picture - Imagem Polygon - Polgono RecordField Campo de Gravao Rectangle - Retngulo RoundedRectagle Retngulo Arredondado
2) ButtonDoubleClick evento corresponde ao clique duplo do boto do mouse 3) RightButtonUP quando h a liberao do boto direito do mouse 4) ButtonUp liberao do boto esquerdo do mouse 5) ButtonDown presso do clique esquerdo do mouse 6) EnterPage - quando o aplicativo entrar em determinada pgina 7) LeavePage quando o aplicativo sair de determinada pgina 8) EnterBook quando o aplicativo carregado 9) MouseEnter quando o mouse entra nas coordenadas de um objeto 10) MouseLeave quando o mouse sai das coordenadas de um objeto
OBS: A configurao de mouse adotada neste polgrafos DESTRO.
1)
Hide Esconde um objeto. Sitaxe: HIDE (objeto) (nome-objeto) Ex.: HIDE RECTANGLE QUADRO 2) Show Mostra algum objeto Sitaxe: SHOW (objeto) (nome-objeto) Ex.: SHOW RECTANGLE QUADRO 3) Go To Vai para determinada pgina Sitaxe: GO TO (pgina) Ex.: GO TO PAGE 1; GO TO PAGE MENU; GO TO FIRST PAGE 4) Move move algum objeto Sitaxe: MOVE (objeto) (nome-objeto) TO X, Y Ex.: MOVE FIELD USURIO TO 1000, 10 5) Pause para alguns segundos Sitaxe: PAUSE (nmero) SECONDS Ex.: PAUSE 10 SECONDS 6) Set ajusta a propriedade de algum objeto Sitaxe: SET (propriedade) of (objeto) to (valor) Ex.: SET TEXT OF FIELD USURIO TO Voc
Administrador
7)
GET captura a propriedade de algum objeto Sitaxe: GET (propriedade) of (objeto) Ex.: GET NAME OF THIS background 8) REQUEST exibe na tela uma caixa de mensagem
Sitaxe: REQUEST (Varivel ou Propriedade) Ex.: REQUEST mane_user / REQUEST name of this page
9)
Sitaxe: ASK (Pergunta) WITH Boto1 or Boto2 Ex.: ASK Qual a sua idade? WITH OK or Cancelar
10)
IT Valor de retorno das caixas REQUEST e ASK Ex.: GET name of this page If IT = MENU then REQUEST Esta a pgina MENU End IF 11) SYSTEM torna uma varivel global Sitaxe: SYSTEM (varivel global) Ex.: SYSTEM Number_of_User
4.6 SCRIPTs
a) Definio de OpenScript: (A linguagem do ToolBook) Definio: Uma srie comandos com seus respectivos parmetros. Quando um evento ocorre, um clique do mouse em um objeto, o Script acionado e os comandos so executados. b) Criando um Script manualmente: Voc pode criar Script para qualquer objeto do ToolBook. Para criar um Script abra o Editor de Scripts do Objeto correspondente e digite os comandos. Voc tambm pode copiar e colar Scripts (de outros objetos), gravar aes (usando o Recorder Script [F8]), Inserir Scripts prontos (usando o Auto-Script). Para inserir um comentrio em um Script digite (--) e digite o comentrio. Os (--) tambm so usados para desativar um comando. c) Abrindo a Caixa do Script Editor: Existem vrias formas de abrir o Script Editor: Clique do boto direito do mouse sobre o objeto, selecionando o cone do Editor de Scripts, ou Pressione as teclas: SHIFT + F6 para alterar o script do objeto selecionado, ou Pressione as teclas: SHIFT + F7 para alterar o script da pgina atual, ou Pressione as teclas: SHIFT + F8 para alterar o script da Aplicao (BOOK), ou Selecione o objeto e no menu OBJECTS escolha as propriedades do seu objeto. d) Criando um Script com Auto-Script: Na Caixa Editor de Scripts existe um boto chamado Auto-Script (cone em forma de assistente). Este boto carrega uma biblioteca com vrios tipos de eventos e exemplos. muito til como fonte de consulta. Clique no Boto Auto-Script, selecione um evento, tipo de objeto, ajuste os parmetros e pronto!!! e) Checando a Sintaxe do Script: Este verificao acontece toda a vez que voc inclui ou altera um script e fecha a caixa do Editor de Scripts, o comando CHECK SCRIPT verifica automaticamente se as linhas de cdigo esto corretas e se no possuem erros de sintaxe. Havendo erros o programador imediatamente notificado. f) Editando o Script (Alterando o cdigo ou deslocando-se nele): Depois que um Script criado ele pode ser alterado ou excludo. Para alterar comandos de um Script, acione o Script Editor e altere quantas linhas de comandos desejar. Para excluir um Script, basta selecionar todos os comandos na Caixa de Script e apag-los. Quando voc fechar a Caixa do Editor de Scripts perguntado se voc desejar salvar as alteraes. g) Gravando aes na forma de um Script: Voc pode gravar todas as aes que voc realiza no ToolBook. Esta gravao pode ser registrada sob a forma de comandos. Isto particularmente til para entender como funciona a linguagem Open Script. As aes gravadas podem ser visualizadas sob a forma de comandos no modo AUTHOR e s podem ser executadas no modo READER. Para gravar as aes proceda da seguinte forma: OBS: Decida que tipo de ao deseja fazer. Esteja com os objetos desenhados e prontos.
1) No modo AUTHOR (F3), pressione F8 . A partir deste momento o ToolBook registra todas as aes que voc realizar. 2) Faa o que voc desejar. Ex.: Mude as cores de um objeto, mova outro, altere o caption de um boto, altere o nome de um Field, apague um retngulo, etc. 3) Pressione F8 o ToolBook para de registrar as suas aes. 4) Abra a Caixa do Editor de Scripts do objeto que ir receber a programao e pressione F8. Todas as suas aes so colocadas sob a forma de comandos da linguagem Open Script. 5) Saia do Editor de Scripts e salve as alteraes.
5 Aplicao Exemplo:
Para que possamos exercitar nossos conhecimentos vamos desenvolver algumas aplicaes de exemplo. Primeiramente carregue o ToolBook: 1) Carregando o ToolBook: Quando o ToolBook carregado a configurao padro a seguinte: Modo: Author (modo de desenvolvimento - programao); Tamanho de pgina: (largura padro 15,25 x (altura) 10,15 (largura); Cor de Fundo: (Background Branco); Estilo de Janela: Padro Windows 95 (Minimizar, Maximizar e Fechar); Barra de Ttulo: (Multimedia ToolBook Untitled (indicando que o aplicativo ainda no foi salvo; Barra de Menu: (File, Edit, View, etc); Barras de Ferramentas: (Padro e Objetos); Barra de Status: com informaes sobre nmero de pginas, nome da pgina, posio do mouse.
Neste primeiro exemplo vamos desenvolver um aplicativo chamado Currculo OnLine. Este aplicativo tem a funo de apresentar aos usurios o Currculum Vitae do Desenvolvedor. Para desenvolver este primeiro exemplo vamos seguir os seguintes passos: 1) Carregue o ToolBook (veja a figura 9); 2) Na barra de ferramentas de objetos (veja item 4.3): Clique no objeto Field. Na pgina, desenhe um Field, pressione a BARRA de ESPAOS no teclado para selecion-lo e altere as seguintes propriedades: Field 1 Valor Como Fazer Tamanho 22 com Menu Text => Caracter estilo negrito Centralizado com Menu Text => Paragraph espaamento 1 e meio ShadoWed Menu Object => Field Properties (sombreado)
Tipo de borda
Figura 11 Esquema da disposio dos objetos na tela O Frame Esquerdo dever estar presente em todas as telas. Para no ter que desenhlo em cada uma das telas, ele ser colocado no BACKGROUND (espcie de fundo compartilhado. Todo objeto colocado em Background se repete automaticamente para todas as pginas que pertenam a este Background). 3) Insira um novo Background Menu OBJECT => New Background. Quando um Background criado automaticamente criada uma nova pgina pertencente a este Background. Um Background deve ter no mnimo uma pgina. Vamos desenhar os objetos no Background. Pressione a tecla F4 para alternar para o Nvel Background (na rea status aparece o nome Background no local onde antes estava o nmero de pginas). Desenhe os seguintes objetos: Retngulo Esquerdo: Este retngulo vai dar a aparncia ao frame esquerdo. Desenhe um retngulo e mova-o mais prximo possvel da margem esquerda, ajustando o seu tamanho para que se aproxime ao mximo das margens superior e inferior. Retngulo Esquerdo Valor Como Fazer Stima espessura Ative a paleta de linhas, contornos espessuras (veja item 4.2) Azul Ative a paleta de cores (veja item 4.2)
Retngulo Direito: Este retngulo vai dar a aparncia ao frame direito. Ao invs de desenhar um outro retngulo, vamos duplicar o primeiro retngulo e alterar as suas propriedades. Selecione o retngulo esquerdo e clique no boto DUPLICATE (veja item 4.2) ou clique no Menu EDIT => Duplicate. Mova-o de forma que fique ao lado do retngulo esquerdo e
Botes: Desenhe os botes em cima do retngulo Esquerdo. Boto DADOS PESSOAIS Valor Como Fazer Dados Pessoais Object => Button Proprierties Veja quadro abaixo Object => Button Proprierties => Script Cdigo do Boto Dados Pessoais TO HANDLE BUTTONCLICK GO TO PAGE DadosPessoais END Boto FORMAO Valor Como Fazer Formao Object => Button Proprierties Veja quadro abaixo Object => Button Proprierties => Script Cdigo do Boto Formao TO HANDLE BUTTONCLICK GO TO PAGE Formao END Boto EXPERINCIAS PROFISSIONAIS Valor Como Fazer Exp. Profissionais Object => Button Proprierties Veja quadro abaixo Object => Button Proprierties => Script Cdigo do Boto Exp. Profissionais TO HANDLE BUTTONCLICK GO TO PAGE ExpProfissionais END Boto CURSOS Propriedade Caption Script Valor Como Fazer Cursos Object => Button Proprierties Veja quadro abaixo Object => Button Proprierties => Script Cdigo do Boto Cursos TO HANDLE BUTTONCLICK GO TO PAGE Cursos END Boto SAIR
Valor Sair Veja quadro abaixo Como Fazer Object => Button Proprierties Object => Button Proprierties => Script
Pressione a tecla F4 para alternar para o Nvel Pgina (na rea status aparece o nmeros de pginas onde antes estava a palavra Background).
Desenhe um Field sem borda (Borderless Field veja item 4.3) e torne-o transparente. Este Field servir como ttulo para a pgina de Dados Pessoais. Propriedade
Draw Text Permisso de Escrita
Como Fazer
Draw => Transparent Duplo clique no Field No necessria, este tipo de Field j vem com esta propriedade no valor true
Figura 12 Tela da Pgina Dados Pessoais Desenhe 7 (sete) BorderLess Field e altere seus respectivos text como no exemplo acima: Etiquetas (Nome, Data de Nascimento, Endereo, Naturalidade, Email, Home Page e Foto) Propriedade Valor Como Fazer Text Conforme figura Duplos cliques nos BorderLess Fields acima Permisso de Escrita Activated (Typing No necessria, este tipo de Field j vem disabled) = true com esta propriedade no valor true Desenhe 6 (seis) Fields e altere as seguintes propriedades: Fieldss
Propriedade Text Permisso de Escrita Valor Como Fazer Insira as informaes Duplos cliques nos Field necessrias Activated (Typing Object => Field Proprierties => Activated (Typping disabled) = true disabled)
O procedimento de formatao da pgina de Formao o mesmo usado na pgina Dados Pessoais: Vamos desenhar algumas etiquetas (BorderLess Fields) e Fields: Desenhe um Field sem borda (Borderless Field veja item 4.3) e torne-o transparente. Este Field servir como ttulo para a pgina Formao. Field Ttulo Formao
Propriedade Draw Text Permisso de Escrita Valor Transparent = true Formao Activated (Typing disabled) = true Como Fazer Draw => Transparent Duplo clique no Field No necessria, este tipo de Field j vem com esta propriedade no valor true
Figura 13 Pgina Formao Para que voc possa praticar melhor no iremos colocar as tabelas com as propriedades dos objetos. Se voc sentir alguma dificuldade ou se no lembrar de alguma propriedade, consulte o procedimento adotado na criao dos objetos da pgina Dados Pessoais.
Propriedade Name
O procedimento de formatao da pgina de Experincias Profissionais o mesmo usado at o momento. Abaixo demonstramos um exemplo ilustrativo, fique a vontade para personalizar todos os itens.
Figura 14 Pgina Experincias Profissionais Para que voc possa praticar no iremos colocar as tabelas com as propriedades dos objetos. 7) Inserindo e formatando a Quarta e ltima pgina de informaes do Currculo On-Line: Insira uma nova pgina. Esta ser a pgina Cursos. Nesta pgina constaro todas os cursos que voc tenha freqentado. (Neste exemplo colocarei somente um). Altere o nome desta pgina para Cursos. Pgina Cursos Propriedade Name Valor Cursos Como Fazer Object => Page Proprierties
O procedimento de formatao da pgina de Cursos o mesmo usado at o momento. Siga o exemplo da figura abaixo:
Figura 15 Pgina Cursos Terminamos aqui a parte de montagem e digitao das informaes do aplicativo Currculo On-Line. Para testar o aplicativo pressione a tecla F3 e cliques nos botes. Cada clique leva para a respectiva pgina. Se aparecer alguma mensagem revise o cdigo dos Scripts, os nomes das pginas e se necessrio todo o procedimento de confeco. Iniciaremos agora o etapa de ajustes para a distribuio do aplicativo.
O ToolBook permite a execuo de arquivos de vdeo. A extenso mais comum a .AVI. Para executar um vdeo no ToolBook proceda da seguinte forma: 1) Copie um arquivo de vdeo qualquer (.AVI) para o diretrio de exemplo (C:\COL); 2) No menu OBJECTS clique na opo CLIPS; 3) Clique no boto NEW; 4) Escolha o item Video File; 5) Na lista de arquivos disponveis clique no nome do vdeo que voc copiou anteriormente. 6) Confirme em OK 7) No campo Name, d um nome ao vdeo (este nome no precisa ser necessariamente o mesmo nome do arquivo de vdeo no Winchester, este nome ser usado nas linhas de cdigo do Script) Ex.: VIDEO; 8) Clique em CLOSE; 9) No Aplicativo ToolBook insira um boto; 10)Digite o seguinte Script: TO HANDLE BUTTONCLICK MMPLAY CLIP VIDEO END Onde: VIDEO o nome que voc deu ao vdeo (Ver passo 7) 7) Feche o editor de Scripts salvando as alteraes; 8) Pressione a tecla F3 para alternar para o modo READER; 9) Clique no boto. Voc dever ver o arquivo sendo executado.
Autorun
Atualmente, at a data do final da edio deste Tutorial, os sistemas operacionais Windows 95 e Windows 98 permitiam o uso da seguinte tcnica: Voc insere um CD-ROM no Drive de Multimdia e o CD-ROM executa-se automaticamente. A esta tcnica d-se o nome de Autorun. Para fazer a configurao do Autorun o processo bem simples: 1) Utilizando um editor de textos sem formatao (Ex.: Bloco de Notas), crie um arquivo com o seguinte contedo: [AUTORUN] OPEN=NomeDoExecutvel.EXE ICON=NomeDocone.ICO Onde: NomeDoExecutvel o nome do aplicativo que voc deseja executar logo aps o ato de inserir o CD-ROM no Drive. NomeDocone o nome de um arquivo cone que voc opcionalmente pode usar. Ex.: [AUTORUN] OPEN=Calc.exe Salve o arquivo como Autorun.inf e copie-o juntamente com o aplicativo que ser executado para o diretrio raiz do CD-ROM. Quando o CD-ROM estiver copiado, bastar inser-lo no Drive Multimdia para que o aplicativo seja executado automaticamente.
O ToolBook permite que outros aplicativos e programas sejam executados atravs do comando RUN. A sintaxe do comando RUN : RUN (drive:\caminho\excutvel) Onde: DRIVE uma unidade que esteja disponvel em seu computador (Ex.: A:, C:, D:) CAMINHO o diretrio onde o arquivo executvel se encontra (Ex.: Windows) EXECUTVEL qualquer arquivo de programa ou de lote conhecido pelo ToolBook (Ex.: *.exe, *.com, *.bat). Exemplo: TO HANDLE BUTTONCLICK RUN (C:\Windows\Calc.exe) END O exemplo acima executa a calculadora do Windows. OBS.: No esquea que o nome do aplicativo dentro dos parnteses deve estar entre aspas.
O que ToolBook Asymetrix ToolBook uma ferramenta de desenvolvimento de software para criar programas para Windows. utilizado para criar aplicaes utilizando se da linguagem orientada objetos (Open Script), com esta linguagem, objetos podem ser criados, excludos, moldados, pintados e movidos, enfim, tendo as suas propriedades alteradas atravs de seus respectivos eventos.
NOTA: Os programas e marcas aqui sitados pertencem aos seus respectivos proprietrios. Em breve estarei disponibilizando uma seo de dvidas e respostas para os problemas mais comuns em Toolbook. Se voc tem dvidas sobre o uso desta ferramenta entre em contato comigo atravs do email: santos@inf.ufsm.br. Este tutorial est atualmente na sua Segunda verso.