Vídeo e site oficial

site:
http://www.wix.com/ronnnney/oficinaunidade2

vídeo:
http://www.youtube.com/watch?v=coQRT49RrdU

Aula adaptada: embasamento teórico

Como conteúdo escolhemos um vídeo que seria usado pelo professor da cadeira de ética. Esse vídeo e como qualquer outro selecionado pelo professor e tem o objetivo de ser visto, tendo o professor o controle sobre os comentários feitos no fórum, logo abaixo do vídeo. (Obs: por favor, não notar no visual do site online, ele é apenas de caráter ilustrativo e indica a disposição dos componentes do SMD)

Moreira (2011) fala um pouco sobre o papel do professor, o que ilustra bem o comportamento do professor na disposição dos conteúdos no nosso AVA: “Assim, o tutor, ou o provedor do serviço educacional, pode montar seu ambiente virtual de aprendizagem de acordo com o perfil das disciplinas ministradas e de seus alunos (público alvo) e utilizar os mecanismos disponíveis pela TIC, como fóruns, chats, serviços mensageiros ou de mensagem instantânea, e-mails, vídeos, áudios, e-books, etc.”

O fórum segue a linha dos comentários no YouTube, que feito um comentário este fica abaixo e um pouco a direita da postagem anterior. Vale ressaltar que o comentário do professor ganha destaque dos demais(escrito na cor da habilitação). É possível avaliar tanto os vídeos e seus comentários como os demais materiais disponíveis.

Escolhemos adicionar fórum à página devido as considerações de ANTÔNIO (2009). O autor afirma que “Forum é uma das ferramentas mais comuns nos ambientes virtuais de aprendizagem. Muitas vezes é referenciado como “grupo de discurssão”; este que é um espaço interativo para troca de mensagem, e outros tipos de arquivos. Podem ser Público ou Privados; Mediados ou não e temáticos.” Ele também aponta as várias utilizações de fóruns:

- Como elemento de organização do estudo de determinado tema ou texto: Neste caso, um tópico inicial ou um texto, abre uma discussão para os participantes expressarem seus pontos de vista.

- Como espaços de socialização e fortalecimento das relações sociais: Permite que os participantes se conheçam. É utilizado para pessoas que estão espacialmente dispersas interajam entre si. Pode ser o caso do primeiro contato, virtual, entre o aluno e o professor

- Como espaço de troca de experiências, reflexões e informações: Neste tipo de fórum há um contexto, ao invés de um tema, que engloba todos os usuários de uma mesma comunidade de interesse. Um exemplo disto é a discurssão dos alunos de Sistemas e Mídias Digitais a cerca do futuro da profissão.

- Como biblioteca e para contribuição de conteúdos específicos: Neste tipo de fórum as postagens geralmente são: Links, imagens, textos informativos. Trata-se de um repositório de material digital para fins educacionais.

Evidentemente existe outros tipos de fóruns, mas estes citados são os mais comuns e  necessários para alcançar muitos dos objetivos pedagógicos.

A mídia vídeo é a base do Ava, e ela foi escolhida devido a importância dada por Silva (2002) ao assunto ele destaca o objetico da utilização da mídia: “o objetivo foi tentar fazer com que o aluno pudesse, também, contribuir para o seu aprendizado e o aprendizado dos demais envolvidos, para tanto é necessário motivá-lo para que o mesmo possa contribuir, por exemplo, em uma postagem com sua visão crítica ou disponibilizando um vídeo de sua própria autoria, estes são alguns aspectos, outros são: Utilização do reforço positivo e hiperlink para mais informações.”

O vídeo escolhido mostra de forma interessante e bem descontraída o que é o Creative Commons e para que serve. O professor disponibilizou o material para que seus alunos pudessem ter um conhecimento prévio da temática e pediu para que postassem seu ponto de vista (se eram a favor ou contra a utilização do CC para garantir direitos específicos de certos produtos e o porquê). Os participantes a principio ficaram divididos, porém com o desenrolar do debate acabaram por concordarem a cerca de pontos de vistas não analisados, individualmente, até então.

ANTONIO, José Carlos. Uso pedagógico dos fóruns, Professor Digital, SBO, 08 jun. 2009. Disponível em: <http://professordigital.wordpress.com/2009/06/08/uso-pedagogico-dos-foruns/>. Acesso em: [coloque aqui a data em que você acessou esse artigo, sem o colchetes].

MOREIRA, Jonathan Rosa. Usabilidade, Acessibilidade e Educação a Distância, 03/2011. Brasília, DF.

- SILVA, C. R. O. MAEP: um método ergopedagógico interativo de avaliação para produtos educacionais informatizados.
Florianópolis, 2002. 224 f. Tese (Doutorado em Engenharia de Produção) -Universidade Federal de Santa Catarina.

Embasamento teórico do AVA

Como trabalho da segunda unidade da cadeira, propomos então o ‘SMDTube’, um ambiente baseado no conhecido Youtube. O canal original em si é amplamente difundido e conhecido, e possui algumas possibilidades na área educacional que poderiam ser melhor adaptados. Não apresentamos uma reformulação, mas o utilizamos como ponto de partido para criar o novo AVA. Isso foi feito para facilitar a utilização do novo ambiente, pois já existe uma carga de conhecimento prévio, oriunda de todo o histórico do usuário com experiências anteriores seja com produtos similares ou com as percepções de mundo de modo geral. (Marin et al, 2010).

Bomfoco (2011) destaca que os objetivos dos Ambientes Virtuais de Aprendizagem são maximizar as oportunidades de interação e aprendizagem e possibilitar o desenvolvimento de ações compartilhadas entre todos os participantes da iniciativa ou comunidade. Identificando a fraca interatividade do site (caracterizada principalmente por controlar a execução de um vídeo e os comentários que podem ser feitos sobre esses), acrescentamos ações e possibilidades de conteúdo para criar um ambiente novo com interações mais ricas.

O que vai identificar a troca de experiências entre alunos é a criação de perfis. Informações dos usuários serão apresentadas nesses com o objetivo de acompanhamento e estímulo. O acompanhamento será realizado por um professor e o estímulo à utilização continua do ambiente é feito com a utilização de  reforços positivos (presentes em jogos; um exemplo: as moedas recolhidas, como recompensa, em Plants vs Zombies; no nosso caso serão utilizados diamantes) e estatísticas que indicaram como o usuário se encontra na utilização do ambiente.

(Moreira et al, 2011) afirma que no sentido acadêmico, essas ferramentas (AVA’s) são ambientes que podem auxiliar os processos de aprendizagem pela Internet, por oferecer dispositivos que favorecem a interação, participação e discussões entre os envolvidos no sistema. Os principais dispositivos apresentados por nós são os fóruns, propostos por professores principalmente, e os vídeos (recurso oriundo do site original).  Os fóruns foram acrescentados para complementar a interatividade e reforçar a troca de conteúdos entre os usuários, incitando discussões e criando um aprendizado coletivo. 

A arquitetura da informação foi organizada para “conduzir facilmente o usuário à informação desejada, apresentar as informações de forma coesa e ter uma apresentação que seja agradável a quem vê” (Moreira, 2011). O design é clean para não retirar a atenção do conteúdo.

Nosso AVA se destina aos alunos e professores do curso de Sistemas e Mídias Digitais da UFC. Bomfoco (2011) também afirma que para planejar a interface é necessário um conhecimento real de quem irá utilizar o sistema.

Nos utilizamos, então, de nossa vivência para criar uma interface pensada para proporcionar ao usuário ou aluno uma interação humano-computador favorável à aprendizagem. E propomos interações simples para que o usuário possa agir de forma intuitiva.

Por se tratar de um sistema digital, seguimos a linha de avaliação educacional estabelecida por Silva (2002), com o intuito de tornar a experiência a mais agradável possível para tais fins. Portanto, foi necessário um estudo a cerca dos aspectos Ergonômicos, Pedagógicos e Comunicativos que melhor se adequariam a proposta de design.

Com relação ao aspecto Ergonômico podemos conferir que este garante que o usuário possa utilizar o “software educativo” com segurança, conforto e produtividade.  

- No que diz respeito à segurança vemos que a interação com o SMDTube é similar a utilização já com o próprio YouTube, portanto o usuário não terá a preocupação de aprender a interagir com um novo sistema, ele se utilizará dos seus conhecimentos prévios para garantir o uso satisfatório do produto que agora se apresenta em um design voltado para educação. Dessa forma, sua experiência vai ser de grande valia para evitar ou sair de possíveis erros que venham a acontecer na interação. 

- Conforto é a utilização do software com o mínino esforço físico e mental. Trata-se de um sistema intuitivo e de fácil manuseio. Podemos notar isto pela forma de interação a qual o usuário se utiliza para conseguir seu objetivo que é assistir aulas (selecionando-as) e expressar seu senso crítico (digitando).

Com relação ao aspecto Pedagógico podemos verificar como sendo a utilização de uma boa estratégia didática de apresentação da informação, garantindo um bom desempenho para as atividades cognitivas a fim de assegurar a coerência entre o objetivo educacional e o perfil do usuário. - Nosso objetivo foi tentar fazer com que o aluno pudesse, também, contribuir para o seu aprendizado e o aprendizado dos demais envolvidos, para tanto é necessário motivá-lo para que o mesmo possa contribuir, por exemplo, em uma postagem com sua visão crítica ou disponibilizando um vídeo de sua própria autoria, estes são alguns aspectos, outros são: Utilização do reforço positivo e hiperlink para mais informações.

Já os aspectos comunicativos fazem com que os objetivos midiáticos sejam eficazes do ponto de vista de interação e qualidade da informação. - Os objetivos se tornam claros e eficazes a partir do momento que existe o interesse do usuário em participar; Por exemplo, muitas vezes é necessário apenas um pequeno trecho de um vídeo para ocasionar um bom debate entre os envolvidos no sistema. Ou seja, há casos em que o vídeo não necessita ser o mais elaborado de todos, porém é imprescindível que haja uma idéia por trás para que aja troca de experiências. Porém, é claro que quando se trata, por exemplo, de um tutorial para auxiliar o aluno a manipular um software qualquer, é ideal que a informação esteja em boa qualidade técnica.

Referência bibliográficas:

- BOMFOCO, MARCO A. A importância da interface na modelagem do AVA e suas consequências no processo de aprendizagem. Maio 30, 2011. Disponível em:http://marcobomfoco.blogspot.com/2011/05/importancia-da-interface-na-modelagem.html Acessado em: 07/10/2011

- MOREIRA, JONATHAN R. Usabilidade, Acessibilidade e Educação a Distância. Março/2011. Disponível em:http://www.abed.org.br/congresso2011/cd/13.pdf. Acessado: 07/10/2011

- SILVA, C. R. O. MAEP: um método ergopedagógico interativo de avaliação para produtos educacionais informatizados. Florianópolis, 2002. 224 f. Tese (Doutorado em Engenharia de Produção) -Universidade Federal de Santa Catarina.

Design de telas com comentários

Página principal

Esta é a opção quando o usuário não está logado, ele tem acesso aos conteúdos, mas não pode, por exemplo, opinar sobre a qualidade do vídeo. Ele também tem acesso as páginas das disciplinas presentes no site, aos fóruns mais discutidos e aos documentos referente às disciplinas. Top post é uma área que destaca os conteúdos mais bem votados em todo o site.

Página de login

Onde o usuário pode acessar sua conta, local onde é possível ver seus dados e seus interesses no sistema.  Caso o usuário não possua cadastro o mesmo tem a possibilidade de criar uma conta facilmente. Ela coloca em destaque a logo do SMDTube e apresenta cores fortes que são parte da identidade visual desse novo AVA.

 Escolha da Habilitação

Após realizar o cadastro são mostradas ao usuário quatro categorias para que ele receba sempre informações da área desejada, são elas: Formação em comum, Jogos digitais, Mídias digitais e Sistemas multimídias. Escolhendo a opção “mídias digitais” temos que o usuário receberá e terá acesso as informações a cerca desta área. 

Perfil do usuário

O perfil é criado à medida que o usuário vai interagindo com o sistema. Ou seja, a partir de suas atitudes pode haver um aumento do seu reforço positivo ou não; que é exibido através dos diamantes. Da mesma forma, tem-se que em seu perfil será mostrado os vídeos e noticias de mais interesse e os materiais disponibilizados por ele. Nesta página o aluno ou professor pode se dirigir a outra disciplina, aos fóruns mais comentados, mudar a habilitação para observar o material de outras disciplinas e também ter acesso aos perfis de outras pessoas.

Visualização de vídeo com fóruns
Ao selecionar um vídeo, como no caso “Conheça a licença Creative Commons” o vídeo será mostrado um pouco maior, com a presença de um fórum para discussões a cerca do tema. O fórum fica sobre o controle do professor, mas os alunos tem o livre direito de expressar o que pensam.

Página das cadeiras
Apresenta as cadeiras disponíveis para o semestre que o aluno está matriculado e também a habilitação que ele escolheu.

Escolha da Habilitação
É a opção de escolher as outras habilitações do site que são: jogos digitais, sistemas multimídia e Formação Comum. Estas apresentam conteúdo selecionado e referente apenas ao seu assunto.

Sistemas Multimídia

Este é um exemplo de mudança do visual do site de acordo com uma habilitação, neste cado Sistemas Multimídia.

Análise do AVA: página de conteúdo do Youtube

Fomos informados que teríamos que escolher um AVA, então escolhemos um canal do Youtube, que é o mais próximo da ideia que temos para a nossa reformulação. Iremos analisá-lo, como fizemos com o Being Henry, do ponto de vista da usabilidade, com as Heurísticas de Nielsen, e educacional, com os critérios de avaliação de softwares educativos estabelecidos por Silva. Enfim, a nossa avaliação é bem parecida com a anterior, pois mudamos apenas o material analisado.
link: http://www.youtube.com/user/FYD86

Avaliação Educacional

Para essa avaliação optamos por utilizar os critérios propostos por Silva (2002), que se divide em: Ergonômicos, pedagógicos e comunicativos.

De acordo com os critérios ergonômicos temos que eles asseguram que o usuário possa utilizar o software educativo com segurança, conforto e produtividade:

Em “http://www.youtube.com/user/opedagogo” há alguns feedbacks que mostram a forma a qual o usuário pode interagir com a interface e onde o usuário está localizado no sistema, isto reduz ou, até mesmo, chega a evitar ocorrência de erro do próprio usuário; o que lhe garante Segurança. Este critério está muito ligado a Heurística: Prevenção de erro de Nielsen. A Produtividade está ligada ao fato do usuário saber quais as ferramentas (menus, categorias, links externos) ele tem acesso e o que elas fazem. Vale ressaltar que ela ou é inexistente no Youtube caso o usuário nunca tenha utilizado a ferramenta. Já o Conforto comparamos ao modo que é transmitida a mensagem, não é necessário esforço excessível para compreensão do que se está exibindo.

De acordo com os critérios pedagógicos temos que eles asseguram as estratégias didáticas de apresentação das informações e tarefas cognitivas estejam em conformidade com o objetivo educacional e as características do usuário:

O conteúdo educacional é transmitido de forma digital em vídeo. O usuário se utiliza de vídeos aulas para para aprender. É necessário que aja empenho do usuário para aprender.

De acordo com os critérios pedagógicos temos que eles asseguram que os dispositivos midiáticos de comunicação sejam eficazes do ponto de vista da interatividade e da qualidade de informação

Do ponto de vista midiático, a ideia é eficaz e clara. Mas não é possivel a interação a cerca do conteudo. O usuário pode apenas comentar o que achou do vídeo e marcá-lo com um ‘gostei’ ou ‘não gostei’; nenhum fórum nada mais. E a qualidade da informação depende muito do tutor ou professor, ou quem acrescenta os vídeos.

Avaliação Heurística

As definições das heurísticas podem ser encontradas no post anterior.

1. Diálogo simples e natural

A interface é simples e intuitiva, sendo dividida em área de execução de vídeo, e área “social”. As instruções das ações possíveis e sinalização de possibilidades são simples e claras.

2. Falar a língua do usuário

A linguagem é simples, com as instruções/indicações de ações e campos todos na língua escolhida pelo dono do canal. Os símbolos utilizados (como os modos de exibição dos vídeos) também são facilmente decifráveis.

3. Minimiza a carga cognitiva do usuário

Os vídeos são separados das “ações sociais” do canal (vídeos, parte superior; interações com o dono do canal e suas informações, inferior. Esse design ajuda a criar uma divisão entre as ações que podem ser feitas, situando assim o usuário na sua navegação.

4. Consistência

A interface tem convenções não ambíguas, ou seja, não possui diferentes ações, palavras ou situações para representar a mesma coisa.

5. Feedback

Presentes desde a seleção de áreas específicas dos vídeos até o carregamento dos vídeos. Ao enviar um comentário para o dono do canal, clicando-se em “Adicionar um comentário”, o botão transforma-se em “enviando comentário” (não clicável), permitindo ao usuário ver o andamento da sua ação. Além disso você pode visualizar o que escreveu.

6. Saídas marcadas claramente

As saídas existem, mas não se aplicam em todas as opções que achamos importantes que estivessem presentes. Ou seja, nem sempre havia um botão de desfazer ou sair e voltar a uma condição anterior.

7. Atalhos

Atalhos quase inexistentes, havendo somente a opção de “Page up” e “Page down” para se deslocar rapidamente pela tela, e a utilização do “table” para percorrer as opções no site. Outro exemplo é o “space” para pausar o vídeo.

8. Mensagens de erro precisas e construtivas

Durante a avaliação não conseguimos constatar maiores mensagens de erro do que as que aparecem quando o vídeo, ou o comentário é carregado.

9. Prevenção de erros

A prevenção é exemplificada com avisos quanto a confirmação de ações. Mas não se aplica a todas as ações.

10. Ajuda e documentação

A documentação é inexistente.

Referências:

http://issuu.com/eduardonovais/docs/aula15-avaliacao_heuristica/1

http://www.ricesu.com.br/ciqead2005/trabalhos/43.pdf

http://www.scielo.br/pdf/prod/v19n3/03.pd

http://www.tidbits.com.br/as-10-heuristicas-de-usabilidade-do-nielsen