Xerte Online Toolkits (XOT) 12ª Edição Moodle Moot Brasil Projeto Xerte Instalação Gerenciamento Área de Trabalho Criação de Conteúdo Exportando e importando projetos Incorporando um projeto ao Moodle Documentação Oficial versão 3.2 Tutoriais Autores Projeto Xerte Xerte é um acrônimo de Xml Editor and Run Time Engine (também significa saber em grego). O projeto começou em 2004 na Universidade de Nottingham com o objetivo de desenvolver um mecanismo de tempo de execução baseado em Flash que ajudaria a equipe de desenvolvimento de conteúdo interativo e acessível para fins de educação a distância. Esta plataforma deveria possibilitar a reutilização de soluções para problemas comuns que eram enfrentados a cada novo projeto. Em particular, questões de acessibilidade que são complexas para os desenvolvedores de conteúdo.
No início, o Xerte era voltado para usuários técnicos: o mecanismo consistia em uma biblioteca de classes que estruturavam o conteúdo a partir de arquivos XML. Para permitir alguma interatividade era necessário escrever código em action script, linguagem utilizada no desenvolvimento de aplicações flash. Os projetos iniciais foram criados à mão usando ferramentas como o bloco de notas. Posteriormente, uma camada adicional de modelos (templates) foram desenvolvidos permitindo que os usuários não técnicos desenvolvessem conteúdo usando templates simples, isto contribuiu para que a comunidade de usuários crescesse. O passo seguinte do projeto foi permitir que os recursos do Xerte fossem utilizados a partir de um navegador. Esta forma de utilização permitiria que o software fosse utilizado sem a necessidade da instalação de qualquer software nos computadores dos usuários, além de permitir a criação colaborativa de conteúdo. As ferramentas com base no navegador se tornaria conhecido como Xerte online Toolkits (XOT), e foram primeiramente lançadas sob uma licença open source em 2009. Segundo os criadores do XOT, os valores que nortearam o seu desenvolvimento foram: facilidade de uso para os autores de conteúdo não técnicos, oferecer suporte para acessibilidade nativa, e fomentar o desenvolvimento de uma comunidade de usuários e desenvolvedores forte. Xerte online Toolkits é um software livre que oferece uma série de modelos de projeto para a criação de apresentações on line e materiais de aprendizagem interativa. O conteúdo é montado utilizando uma interface intuitiva, e vários usuários podem colaborar em projetos compartilhados. As versões iniciais do XOT utilizava tecnologia Flash. Atualmente, esta tecnologia foi substituída pelo HTML5, tornando mais fácil para os desenvolvedores a criarem novos temas e modelos que utilizam tecnologias HTML (HyperText Markup Language)/JavaScript /CSS (Cascading Style Sheets). Em setembro de 2014, a administração do projeto passou da Universidade de Nottingham à Fundação Apereo com o objetivo de fazer o projeto a crescer em novas comunidades de usuários e atrair novos desenvolvedores para a equipe. O Xerte oferece vários benefícios para o desenvolvimento de contéudo para educação a distância. Destacamos os seguintes: Possibilita o desenvolvimento de projetos de forma colaborativa; Possibilita a exportação de um projeto para um cartão de memória, pendrive ou CD/DVD para situações nas quais os estudantes tenham problemas de conexão com a Internet; Incorpora botões para alteração de contraste e fonte; Pode ser facilmente integrado ao Moodle; Permite criar um menu de navegação instantâneo para permitir que as pessoas a acessem qualquer página de um recurso de aprendizagem; Permite narração opcional em todos os tipos de página; Fornece opções de transcrição para páginas com base em vídeo. Proporciona oportunidades de interatividade e auto avaliação com feedback. Material desenvolvido com XOT apresenta compatibilidade com ferramentas para leitura de texto, incluindo plugins do navegador (por exemplo ChromeSpeak para Chrome), ferramentas gratuitas e portáteis como Orato, Balabolka ou DSpeech ou ferramentas comerciais como ClaroRead, Text Help Read e Write Gold etc. Além de incluir marcação ARIA (Accessible Rich Internet Applications) para ajudar na navegação (marcação ARIA são atributos que são adicionados aos elementos em uma página para definir áreas como o conteúdo principal ou região de navegação); Material desenvolvido com XOT é totalmente acessível pelo teclado, permitindo que as atividades de arrastar e soltar sejam realizadas sem uso do mouse. Fonte:
https://www.nottingham.ac.uk/xerte/index.aspx (https://www.nottingham.ac.uk/xerte/index.aspx) https://www.nottingham.ac.uk/xerte/toolkits.aspx (https://www.nottingham.ac.uk/xerte/toolkits.aspx) http://www.xerte.org.uk/ (http://www.xerte.org.uk/) Instalação Top Para instalar o Xerte Online Toolkits em um servidor siga as instruções contidas no Guia de instalação (media/toolkitsinstallationguide.pdf). Iremos mostrar a seguir com instalar o XOT em um computador pessoal que não possui os programas necessários para executar uma aplicação web. Os requisitos mínimos para que um computador execute o XOT são: Servidor web (Apache, IIS ou outro qualquer que execute PHP); PHP 4.3 ou superior; O Sistema Gerenciador de Banco de Dados MySQL. Existem várias opções de pacotes para instalar estes programas de forma simplificada para os vários sistemas operacionais. Neste tutorial optamos pelos pacotes oferecidos pela Bitnami, uma vez que existem pacotes para Windows, Linux e Mac. 1º) Acesse o endereço https://bitnami.com/stacks (https://bitnami.com/stacks). 2º) Utilize o campo de pesquisa para filtrar o pacote de instalação do seu sistema operacional: WAMP (Windows) LAMP (Linux) MAMP (Mac) (Fig. 1) Figura 1
3º) Clique no pacote escolhido, será aberta uma nova página na qual, ao lado direito você identifica os links para baixar o pacote do programa a ser instalado, bloco "LOCAL INSTALL" (Fig. 2). Figura 2 4º) Clique no link para download. Será apresentada uma tela na qual existe a possibilidade de logar ou criar uma conta no Bitnami. Caso queira apenas baixar o pacote, clique no link "No thanks, just take me to the download" que aparece na parte inferior da janela (Fig. 3). Figura 3
5º) Após o download do arquivo, basta executá lo. Será apresentada a janela de setup. Como esta é uma instalação local podemos aceitar todas as opções, vamos apenas clicar em próximo (Next). Tenha atenção na janela de setup na qual você define a senha de administração do servidor de banco de dados (Fig. 4). Esta senha deve ser lembrada para criarmos a base de dados para o XOT. Figura 4 A tela final do processo de instalação é mostrada na Figura 5. Basta clicar no botão "Finish" para concluir o processo de instalação do servidor web e servidor de banco de dados.
Figura 5 6º) Com a finalização da instalação do servidor web (Apache) com PHP e banco de dados (Mysql) podemos criar o banco de dados no qual será instalado o XOT. Para isso vamos utilizar o phpmyadmin que é uma interface web para acessar o banco de dados e realizar operações de forma mais intuitiva. Então, acesse a janela de gerenciamento dos servidores e clique no botão "Open phpmyadmin" (Fig. 6)
Figura 6 7º) Após clicar no botão "Open phpmyadmin" será aberto no navegador padrão do seu computador o endereço http://127.0.0.1:8080/phpmyadmin. Você verá uma tela de login (Fig. 7), o usuário (utilizador) é root e a senha (palavra passe) é a que você definiu durante a instalação do pacote bitnami (Fig. 4).
Figura 7 8º) Após logar, localize a aba Banco de Dados e preencha o campo "Criar base de dados" com a palavra xerte e clique no botão "Criar" (Fig. 8). Pronto, a base de dados está criada.
Figura 8 9º) Agora vamos baixar o XOT para instalá lo no servidor web. Para isto, acesse o endereço http://www.xerte.org.uk/ (http://www.xerte.org.uk/). Para baixar o XOT é necessário fazer registro no site. Após o registro, faça seu acesso autenticado ao site e clique o botão download da página inicial (Fig. 9) Figura 9 10º) Você será direcionado a página de downloads. Clique no link "Xerte Online Toolkits" (Fig. 10).
Figura 10 11º) Localize a versão mais recente. No caso, xertetoolkits_3.2 (Fig. 11). A seguir baixe o pacote de idioma português brasileiro (pt br), clicando em "Language Packs".
Figura 11 12º) Agora temos que copiar o arquivo zipado do XOT para o servidor web. Na janela de gerenciamento do servidor clique no botão "Open Application Folder" (Fig. 6). O gerenciador de arquivo do seu computador será aberto na pasta na qual o servidor está instalado. Abra a pasta apache2, a seguir a pasta htdocs. Copie o arquivo zipado do XOT para ela (Fig. 12).
Figura 12 13º) Agora descompacte o arquivo zipado. Será criada a pasta xertetoolkits_3.2, renomeie a pasta para xerte apenas para abreviar o nome. Uma vez que temos o servidor web e de banco de dados instalados, os arquivos do XOT na raiz do servidor web, podemos iniciar a instalação do XOT. Para isto acesse http://localhost:8080/xerte/setup. Será mostrada a página de instalação do XOT (fig. 13). Para iniciar a instalação, clique no botão "Install".
Figura 13 14º) Na página seguinte (Fig. 14) é feita a verificação dos requisitos mínimos para instalação do XOT. Se estiver tudo ok é só clicar em "Next".
Figura 14 15º) Na etapa seguinte (Fig. 15) é verificada a permissão de escrita nas pastas as quais o instalador precisa alterar. Estando tudo ok, basta clicar em "Next".
Figura 15 16º) Na estapa seguinte (Fig. 16), o instalador verifica os módulos necessários. Novamente, estando tudo ok, clique em "Next".
17º) Na página seguinte (Fig. 17), defina: Figura 16
Database Host: localhost Database Username: root Database Name: xerte (banco de dados criado anteriormente) Database Password: senha criada durante a instalação do pacote bitnami Figura 17 18º) Digite novamente o usuário do banco de dados (root) e a senha definida na instalação do pacote bitnami (Fig. 18).
Figura 18 19º) Na página seguinte (Fig. 19), você deve definir a conta do administrador do XOT escrevendo um usuário e senha. Sugestão para instalação local: admin e admin, tanto para nome de usuário como para senha.
Figura 19 20º) Na página seguinte (Fig. 20) são apresentadas informações que compõem o site do XOT. Para esta instalação vamos deixar tudo como está e clicar no botão "Save". Posteriormente estas informações podem ser alteradas. Figura 20 Um aspecto importante nesta página que deve ser observado, principalmente se for a instalação em um servidor de acesso público, é o método de autenticação. O XOT possui quatro métodos: Guest, Ldap, Db, Static e Moodle. O método padrão é o Guest (Fig. 21) que não exige senha e é o ideal para uma instalação local.
Figura 21 21º) Após clicar em "Save", a instalação do XOT no seu computador será finalizada. Agora é só acessar o endereço http://localhost:8080/xerte para começar a produzir seus objetos de aprendizagem ou acessar hhtp://localhost:8080/xerte/management.php para conhecer a página de administração do XOT.
Figura 22
Gerenciamento Top Para realizar modificações nas configurações da sua instalação do XOT, abra seu navegador e acesse o endereço http://localhost:8080/xerte/management.php (http://localhost:8080/xerte/management.php). Na página de gerenciamento é mostrado no alto da página um menu de opções. Temos as seguintes opções: Site Register: nesta seção você tem a opção de registrar sua instalação XOT para receber notificações sobre atualizações. Site settings (HTML / Images): configuração das informações que são mostradas na página da sua instalação. Server Settings: configuração de elementos do site como usuário administrador e senha. RSS settings: configuração de RSS feeds (permite aos usuários saberem sobre atualizações do site).
Path settings: configuração dos caminhos para módulos, pasta de usuários etc. SQL query settings: configuração da consulta que gera a visualização dos objetos educacionais durante a criação. Error handling settings: configuração de como os erros serão tratados. Authentication settings: configuração dos métodos de autenticação no XOT. LDAP settings: configurações de Ldap para o caso de se utilizar autenticação por este metodo. Xerte Settings: configuração de caminhos scripts utilizados para as funções do XOT. Email: configurações de email. Language settings: nesta seção você pode fazer upload de pacotes de idiomas. LTI settings: configurações de LTI (Learning Tools Interoperability). LTI é uma especificação desenvolvida pela IMS global Learning Consortium. O conceito principal da LTI é estabelecer uma forma padrão de integração de aplicações relacionadas com ensino aprendizagem (muitas vezes hospedados remotamente e fornecidos através de serviços de terceiros) como plataformas de gerenciamento de cursos, repositórios de objetos de aprendizagem, ou outros ambientes educacionais. Central templates: permite gerenciar os templates da sua instalação XOT. Users: permite gerenciar usuários. Users projects: permite acessar e visualizar os projetos de todos os usuários. Errors: apresenta log de erros, caso os erros sejam gravados em logs. Isto é definido na configuração do site na seção de manipulação de erros. Play security: configurações de segurança. Categories: gerenciamento das categorias para enquadrar os objetos de aprendizagem criados na instalação XOT. Licences: gerenciamento dos tipos de licença para enquadrar os objetos de aprendizagem criados na instalação XOT. Feeds: permite visualizar os projetos adicionados ao RSS feeds. Importante! Para que qualquer alteração seja persistente, o botão "save" deve ser pressionado. Área de Trabalho Top Após acessar a página de uma instalação XOT e logar, se necessário, você verá a seguinte página:
A página de gerenciamento dos projetos está dividida em três seções. A primeira seção (mais a esquerda) apresenta os projetos criados. Pastam podem ser criadas para melhorar a organização. Na parte superior desta seção há um menu de opções. Para saber o que cada item realiza, basta colocar o ponteiro do mouse sobre ele que será mostrada uma descrição.
A seção central da página inicial do XOT apresenta informações sobre o projeto que estiver correntemente selecionado. Por causa de um bug nesta versão do XOT, apenas quando o idioma inglês está selecionado que estas informações aparecem. Na terceira seção é onde se inicia os projetos. Para iniciar um projeto, escolha o template e clique no botão "criar". Será aberto um campo no qual você deve digitar o nome do projeto, a seguir clique novamente no botão "criar". A janela do projeto será aberta como popup, por isso é necessário habilitar a abertura de janelas popups para a instalação do XOT. A instalação padrão do XOT oferece 4 templates: Xerte Online Toolkit: template para criar objetos de aprendizagem interativos. Bootstrap Template: template para criar páginas responsivas baseadas no bootstrap twitter. Esta
página foi criada utilizando este recurso. Decision Tree Template: template que cria uma árvore de decisão para solucionar um problema por meio de uma série de questões. RSS Feed: template para criar e manter um RSS Feed. Criação de Conteúdo Top Para criar conteúdo você deve iniciar um novo projeto ou editar um existente. A criação de um novo projeto foi descrito na seção anterior. Para editar um projeto já existente, selecione o projeto e clique no botão editar.
Tanto na criação como na edição de um objeto de aprendizagem (OA) será aberta uma janela popup. Por isso janelas popup devem estar autorizadas a serem abertas a partir de uma instalação do XOT. Na janela de edição os recursos inseridos são mostrados em uma estrutura de árvore na qual a raiz é a página de configuração do OA. Para inserir qualquer conteúdo no objeto de aprendizado, clique no ícone mais e escolha o modelo desejado.
Após escolher o modelo de conteúdo a ser inserido no OA, você será apresenta a uma janela na qual deverá preencher os campos com o conteúdo desejado. Não se esqueça de clicar em "Publicar" para salvar o conteúdo criado. Exportando e importando projetos Top Para exportar um projeto de um instalação, selecione o projeto da área de trabalho do XOT, e clique no botão propriedades. Na janela que será mostrada escolha a aba "Exportar". O XOT oferece várias opções de exportação. Um projeto XOT pode ser exportado como um pacote SCORM, como um arquivo
compactado para ser descompactado em um CD/DVD ou pendrive e ser distribuido para ser utilizado offline ou como um pacote para ser importado para outra instalação XOT. Para importar um projeto, selecione uma pasta da área de trabalho do XOT, clique no botão "Propriedades". Selecione a aba importar, escolha o arquivo no seu computador e digite um nome para o projeto. A seguir, clique no botão enviar. Pronto o projeto será importado para a selecionada anteriormente na sua instalação XOT.
Incorporando um projeto ao Moodle Top Um projeto do XOT pode ser incorporado ao Moodle de quatro maneiras: na forma de um Recurso URL, incorporado a um Recurso Página, como uma Atividade SCORM/AICC e como um Recurso Conteúdo de pacote IMS. Para inserir como um Recurso URL ou incorporado a um Recurso Página, primeiro devemos configurar o projeto XOT de modo que seja possível acessá lo de um endereço externo. Para isso, selecione o projeto e clique no botão Propriedades, a seguir clique na aba Acesso (Access). O projeto deve ser público ou utilize a opção Outro (Other) para que apenas sua instalação Moodle tenha acesso. Para tornar público marque a opção Public. Caso prefira a opção Outro, marque a opção Other e escreva a URL de sua instalação Moodle no campo logo abaixo.
Depois de configurado o acesso, copie o endereço do projeto XOT ou o código de incorporação para utilizar, respectivamente, na criação do Recurso URL ou incoporar ao Recurso Página.
Para incorporar um projeto XOT ao Moodle como Atividade SCORM ou Recurso Conteúdo de pacote IMS, primeiro você deve abrir a janela de Propriedades do projeto XOT e clique na aba Exportar (Export), a seguir escolha a opção SCORM 1.2. Você baixará para o seu computador um arquivo zipado que poderá ser utilizado tanto na criação de um Recurso Conteúdo de pacote IMS ou Atividade SCORM/AICC.
IMPORTANTE! A versão mais recente do XOT (versão 3.2) apresenta um bug no script (website_code/php/scorm/scorm_library.php) que realiza a exportação de um projeto para o formato SCORM 1.2. As linhas 288, 289, 290, 291 e 292, mostradas na figura abaixo, geram problemas na exportação pois falta uma? entre o nome do arquivo javascript e o parâmetro version, o que faz com que o navegador não encontre os arquivos e não consiga executar o SCORM. As? devem ser inseridas, como mostra a figura abaixo, para que o arquivo exportado não apresente problemas.
Documentação Oficial versão 3.2 Top Guia de instalação Guia para atualização de uma instalação XOT Integração Moodle XOT Estrutura genérica para integrar XOT em outros sistemas. Configuração de LDAP Configuração LTI (Learning Tools Interoperability) Tutoriais Top Apresentação dos modelos disponíveis no XOT Apresentação em flash das características do XOT Apresentação em HTML 5 das características do XOT Guia de referência dos templates do XOT Tutorial detalhado de como se criar um objeto de aprendizagem no XOT Tutorial do template Categorias Tutorial do template arraste e solte (Drag&Drop) Tutorial do template Image Hotspot Tutorial do template Múltipla Escolha Tutorial do template navegadores Tutorial do template Timeline/Matching Pairs Tutorial sobre como editar, gerenciar e compartilhar objetos de aprendizagem (parte 1) Tutorial sobre como editar, gerenciar e compartilhar objetos de aprendizagem (parte 2) Autores Top
Osmar Ramos CAED/UFMG RME/BH osmar.eam@gmail.com Celso Godinho da Costa CAED/UFMG SMED/BH celsogod@gmail.com Top