C e n tro d e C ompetênci a CRIE d o CA PAG Versão Beta 4 E l a b o r a d o p o r : M a r i a d e B a l s a m ã o M e n d e s
G u i ã o d e P H P W e b Q u e s t V a m o s C r i a r W e b q u e s t s? Para iniciar a construção de WebQuest no Servidor PHP de webquests do Centro de Competência CRIE do CAPAG, aceda ao seguinte url:. Inscrição no site: Abre a página inicial do site WebQuests CC CRIE CAPAG, onde deverá, começar por se inscrever. Para tal, preencha o nome de utilizador 1 com que pretende entrar, no rectângulo posicionado abaixo de, fig.1, e a sua password, no rectângulo posicionado abaixo de. De seguida, pressione o link e aguarde que o administrador do site lhe dê autorização para entrar. Quando tal ocorrer, será avisado por e mail. Figura 1 1 O nome de utilizador, ou nickname, deverá ser formado apenas por uma palavra. Se inserir mais do que uma, o servidor assumirá a ligação entre as várias palavras. (Ex: Se colocar Teresa Silva, o nome assumido será Teresa_Silva) Página 2 de 18
Entrar no site: Para entrar no site, terá sempre de se identificar com os seus dados de e com a sua. Pressionando se seguida o botão. Página do Menu: Figura 2 menu de actividades do utilizador É a primeira página em que entra e que será referenciada neste guião como sendo a página do utilizador. Contém os menus das actividades que pode realizar e que já realizou neste site (fig.2). Aqui poderá: Ver ou editar uma das actividades construídas. Pode aceder a este menu, sempre que queira, rever qualquer actividade construída (,, e/ou ). Para criar uma WebQuest nova Para criar uma Caça ao Tesouro 2 Para criar miniquests Se o nível de escolaridade e/ ou disciplina que pretende, não se encontram na lista pode solicitar aqui a abertura de outro(s). 2 http://www.minerva.uevora.pt/eschola/acores/acerca.htm Página 3 de 18
Criar uma Webquets (Aventura na Rede) Pressione a caixa circular ( ) da opção (fig.3). Figura 3 Criar uma aventura na web Abre a página representada na figura 2. Deverá escolher o modelo que mais lhe agrada, pressionando o círculo ( ), à esquerda do modelo. De seguida pressione o botão (fig.4). Figura 4 Escolher o modelo Abre a página de, onde deverá seleccionar: 1., seleccionando o nível de escolaridade a que se destina a webquest. (ex. fig.5). A escolha da opção pretendida, faz se, pressionando o, posicionado à direita da caixa de Figura 5 Escolher o nível de escolar idade Página 4 de 18
2. A a que se destina a nossa webquest 3 Figura 6 Escolher a disciplina 3. O, no rectângulo ( ) à direita desta opção (fig.7). Figura 7 Título da webquest 4. O(s) nome(s) do(s), no rectângulo ( ) à direita desta opção. (fig.8) Figura 8 Nome do autor ou autores 5. A, no rectângulo ( ) à direita desta opção. (fig.9) Figura 9 Escolha da cor de fundo da página Para alterar a cor pré definida, pressione o botão que faz abrir a janela das cores ( ), figura 9. Nessa janela, figura 10, escolha a cor que pretende, dando um clique sobre ela. 3 Usaremos indiscriminadamente o termo webquest ou a sua tradução em português, para nos referirmos à mesma actividade. É apenas uma questão de terminologia e é conveniente conhecer as duas. Página 5 de 18
Figura 10 Paleta das cores 6., adopte o mesmo procedimento. 7., O procedimento é igual ao dos ítens anteriores. No entanto, penso que seja oportuno chamar à atenção para o critério de escolha de cores, pois há cores que magoam ou cansam os olhos e há outras que dificultam a leitura e consequentemente a percepção. Para além de tudo mais, este trabalho destina se a crianças, a quem, ainda que indirectamente é sempre oportuno, educar também do ponto de vista estético. 8., o procedimento é similar ao dos ítens anteriores. 9., idem. 10., esta é a cor para as hiperligações activas, ou seja, aquelas que ainda não foram vistas pelo utilizador. Convém escolher uma cor visível. 11., esta será a cor para as hiperligações que já foram usadas. Devem ter uma cor menos forte do que as anteriores. 12.. Aqui escolherá o tipo de letra que quer usar. (fig.11) Página 6 de 18
Figura 11 escolha do tipo e da cor da letra Para escolher o tipo de letra, pressione o. Abre uma janela com os vários tipos de texto disponíveis (fig.12). Para escolher o tipo de letra, uma vez a janela aberta, seleccione o tipo de letra que pretende utilizar, dando de seguida um clique com o apontador do rato, sobre ela., Figura 12 Escolha do tipo de letra Se pretender obter mais informação sobre os tipos de letra disponíveis, pressione o símbolo. Abre uma nova janela com os tipos disponíveis, que poderá fechar depois de ver. 13. Para escolher o proceda da mesma forma que em ítens anteriores. No rectângulo, escolha o tamanho, fazendo abrir um menu desenrolável ao pressionar o (fig.13). A constatação dos vários tamanhos disponíveis, é efectuada, pressionando o símbolo. Figur a 13 Tamanho e cor da letr a Página 7 de 18
14.Os botões permitem:, pré visualizar, numa nova janela, a configuração escolhida, a fim de possibilitar a alteração da configuração que não lhe agrade., passar ao passo seguinte, na construção da webquest., voltar atrás e reiniciar todo o processo. Construir as partes da Webquest: A Janela: Se tiver pressionado o botão enviar, abre a página de introdução da Webquest, ou seja aquela em que vai colocar os primeiros materiais, que previamente deve ter preparado, seja textos ou imagens. Figura 14 Página inicial de construção da webquest Figura 15 Para inserir uma imagem do computador Figura 16 As barras de formatação e de ferramentas Figur a 17 J anela de escrita do texto Página 8 de 18
Os Botões: Grava a parte construída e avança para a fase seguinte da Webquest (Tarefa); Limpa o texto já escrito no documento; Muda o estilo do tipo de letra do documento, para negrito; Muda o estilo do tipo de letra para itálico; Muda o estilo do tipo de letra para sublinhado; Rasura o texto; Alinha o texto à esquerda; Centra o texto; Alinha o texto à direita; Justifica o texto; Estilo do texto; Formato do texto; Tipo de fonte (apesar de já termos escolhido a fonte anteriormente, na fase da formatação, podemos alterá la agora); Tamanho do texto; Cortar texto ou imagem; Copiar; Colar; Colar texto de tamanho diferente, no mesmo tamanho; Colar do Word; Procurar Palavras Procurar e substituir palavras do texto; inserir marcas; Inserir numeração; Página 9 de 18
Diminuir avanço do texto; Aumentar avanço do texto; Anular Refazer; Inserir link para uma página da Internet; Retirar o link; Inserir âncora; Inserir imagem Esta imagem surge ao pé do texto. Limpar Código; Botão de ajuda (em inglês); Edita o texto em linguagem html Inserir data; Inserir hora; vista pévia permite uma visualização no browser; Permite o zoom do que se esta a fazer; Permite alterar a cor do texto; Muda a cor de fundo do texto; Inserir ou alterar uma tabela; Propriedades da linha; Propriedades da célula; Inserir uma linha antes; Inserir uma linha depois; Eliminar uma linha; Inserir uma coluna antes; Inserir uma coluna depois; Eliminar uma coluna; Página 10 de 18
Dividir células; Unir células; Inserir uma linha tanto insere a linha na tabela, como fora dela; Apagar o formato; Tornar a coluna invisível; Inferior à linha; Superior à linha; Inserir símbolos; Inserir emoticons; Activar o corrector ortográfico; Inserir um ficheiro flash; Inserir barra horizontal; Faz o mesmo que o ícone de inserir linha; Imprimir; Direcção Direita do texto; O mesmo que alinhar o texto à direita; Direcção Esquerda do texto; O mesmo que alinhar o texto á esquerda; Ver a janela em ecran completo; Preencher cada uma das partes da Webquest: A fim de construir webquest, tem de completar cada uma das componentes, que pode identificar, através dos separadores representados na figura 18. Figura 18 Página 11 de 18
Em todas as partes da webquest, pode inserir uma imagem à esquerda ou à direita do texto, depende do modelo escolhido. Essa imagem é inserida através da opção:, posicionada na parte superior da janela, de cada um dos separadores. Através do botão, procure a imagem no seu computador pessoal, a fim de surgir o caminho no rectângulo à direita de. Essa imagem aparecerá na webquest à esquerda ou à direita do texto, conforme o modelo escolhido. Figura 19 Janela de um dos separadores de preenchimento. Preenchimento do texto: É efectuado na janela de escrita, situada imediatamente abaixo das barras. Deve começar por apagar o que está escrito na janela, e de seguida iniciar a escrita do seu texto, ou a colagem de um documento do Word, ou do Bloco de Notas. Recomendamos que faça sempre segurança do que está a criar em cada um dos separadores 4, pois estamos a trabalhar na rede, que tem obviamente as suas fragilidades, nomeadamente a falha de ligação que por vezes acontece, e pode deitar por terra o nosso trabalho, fazendo nos recomeçar tudo, se não tivermos uma cópia. Na parte destinada ao texto podemos inserir também imagens ou ficheiros em flash. 4 O Separador aqui, quer dizer o mesmo que componente da webquest. Página 12 de 18
Inserção de imagens no texto: A fim de não haver desalinhamento nas imagens, que são inseridas junto do texto, urge, a maior parte das vezes colocá las dentro de uma tabela invisível. No entanto, de momento, neste parâmetro falaremos apenas da inserção simples da imagem. Estar dentro ou fora da tabela, após a construção desta última, implica nos mesmos passos. Para inserir a imagem: posicione o cursor, no lugar onde pretende que a imagem fique; Seleccione o botão de inserção de imagem ( ). Na janela que abre, procure a imagem a inserir, pressionando o botão, à direita do rectângulo. (fig.20). Figura 20 Procurar a localização da imagem no computador Abre a janela representada na figura 21, onde deve tomar especial atenção à parte inferior da janela (fig.22). Figura 21 janela de procura e inserção de imagem Figura 22 inserir e carregar a imagem Pressionar o botão ; Procurar a imagem no computador; Logo que o caminho da imagem esteja no, pressionar o botão. Página 13 de 18
A imagem é carregada para a janela principal. (fig.23). Dê um clique sobre essa imagem, com o apontador do rato; Figura 23 Imagem carregada Surgirá a imagem carregada na primeira janela (fig. 24). De seguida, falta preencher a, com um texto nosso descritivo da imagem que pretendemos inserir; Colocar o da imagem. Pressionar o botão inserir ( ). Figura 24 Janela de inserção de imagem Inserção de ficheiros em flash: Pressione o botão de inserção de ficheiros flash ( Abre a janela representada na figura 25; ); Figura 25 Inserção de Ficheiros em Flash Pressione o botão (fig.26) ; no rectângulo a seguir à opção Figur a 26 Inserir ficheir o em flash Página 14 de 18
O resto do Processo é semelhante ao da inserção da Imagem. Se pretender alterar os tamanhos, use a opção. Enviar a página: Após a conclusão desta página, e para continuar a elaboração da Webquest, pressione o botão, situado na parte inferior da página. Nova página: À medida que vamos executando e enviando as diferentes partes da Webquest, cada uma delas vai sendo gravada na base de dados do servidor, abrindo uma nova página (fig.27), onde pode constatar as partes construídas e as que falta construir. construída Figura 27 Janela de visualização do que está construído e do que falta construir Por construir Para passar à página seguinte, basta dar um clique com o apontador do rato, na fase que pretendemos construir. Página 15 de 18
Página do Processo: Figura 28 Espaço destinado a endereços de páginas da Internet e à respectiva descrição. Uma WebQuest, como aventura na rede que é, é um exercício vocacionado para uma exploração orientada da Internet. Assim sendo, é importante que os endereços da Internet que os alunos vão visitar, para retirar a informação, que devem transformar em conhecimento, estejam pré definidos, bem como a respectiva descrição. O endereço coloca se na rectângulo da esquerda e a descrição do site, deve ficar no da direita (fig.29). Figura 29 Site e respectiva descrição Final e Publicação da WebQuest: Terminada a criação das diferentes componentes da WebQuest, surge a janela representada na figura 30. Nessa janela vem a informação de que completou a criação de todas as páginas da actividade. Figur a 30 J anela de conclusão e do ender eço da WebQuest cr iada Página 16 de 18
É lhe facultado ainda o endereço (url) da WebQuest que acabou de criar, que neste caso é: Pressionando no link, é altura de verificar se está tudo correcto e a funcionar como pretende, no seu trabalho. Se houver falhas ou erros, deve editar a Webquest, a fim de a corrigir. Editar uma WebQuest: Para editar uma Webquest após a sua construção, pressione o link ir menu de actividades do utilizador (fig.31)., para Figura 31 Menu do utilizador Uma vez lá, pressione a opção. Surge lhe a lista de todas as actividades que criou (fig.32), em que pode,, e/ou. Figura 32 Janela das suas actividades Página 17 de 18
Os passos a efectuar, caso edite ou complete, são similares a outros realizados anteriormente e já explicitados neste guião de utilizador. Espero ter ajudado! Bom Trabalho! Página 18 de 18