UNIVERSIDADE ABERTA DO PIAUI

CURSO DE BACHARELADO EM SISTEMAS DE

INFORMAO

SHARON WENDY FEITOSA FRANCO ROCHA

WASHINGTON SARAIVA SANTANA

DESENVOLVER PROTTIPOS DE INTERFACE HUMANO COMPUTADOR

PARA UMA FUNCIONALIDADE DO MOODLE PARA DISPOSITIVOS
MVEIS.

FLORIANO
2013

1.Introduo
Esse trabalho foi criado com intuito de promover a integrao da plataforma
com dispositivos moveis, fazendo com que os usurios do moodle criem a parti da
ferramenta calendrio seus eventos e acompanhe as atividades que j esto fixadas no
calendrio do moodle, com isso fica mais fcil os alunos e professores ficarem sabendo
dos eventos que vo ocorrer na plataforma.
2. Definir a funcionalidade escolhida
Visualizar cronograma de tarefas e atividades. Sero criados prottipos de
interfaces que permitam que os usurios do moodle interajam com a ferramenta
calendrio disponibilizada pelo moodle.
3. Descrio do perfil do usurio e do contexto de uso do software.
Professores e alunos, usurios do moodle do Cead UFPI.
4. Levantamento e anlise de requisitos da funo escolhida
Tendo em vista que os alunos receberem e criarem fluxo de informao sobre os
eventos que existe no mbito educacional, organizando em uma agenda e integrando ele
com o calendrio existente no moodle web. Surge ento a necessidade de criar uma
funcionalidade mvel facilitando a interao dos alunos com o calendrio da
plataforma, permitindo que ele gerencie a sua lista de atividades em qualquer lugar,
onde o mesmo pode criar e ser notificados dos eventos a serem realizados.
Requisito Funcional

Figura 1: Caso de Uso

Caso de uso
Descrio

Visualizao de contedos do moodle da

UAPI, para cursos a distancia, pode ser
feita por qualquer aluno que possua
acesso ao moodle. O aluno acessara a
plataforma e ter o acesso ao recurso
para integrar ao seu celular.

Objetivos

Tem como objetivo ajudar os usurios a

se organizar e se planejarem mais para
conseguirem realizar todas as suas
atividades.

Atores

Alunos e professores.

Pr-condies

1. O usurio deve entrar no

sistema com seu usurio e senha.

2. O usurio deve ter um
dispositivo mvel que possibilite
seu acesso a ferramenta
calendrio.
Ps-condies
Frequncia de Uso

De acordo com a necessidade do

usurio, esse mesmo pode programa
para que os eventos sejam sempre
notificados.

Requisitos Especiais
Excees

O usurio no ter o acesso plataforma

ou no possuir o dispositivo mvel, que
lhe possibilite o acesso funcionalidade
descrita.

Prototipao do Design de Interface

Foram criados 4 telas que apresentam os prottipos da tela do aplicativo movl
na plataforma android, para a criao foi utilizado como ferramenta Mockflow
disponvel no site (http://mockflow.com).
A primeira tela apresenta a pgina inicial aps o usurio ter logado no sistema a
mesma se assemelha com a verso web, porm so suprimidas alguns menus,

permanecendo os menus mais importante para a verso web. Veja a figura 2 a primeira
tela do prottipo.

Figura 2: Tela inicial do Moodle Mobile

A segunda tela apresenta a pgina inicial da funcionalidade proposta, aps o
aluno ter clicado em calendrio o aplicativo levar para a tela 2 calendrio onde ele
poder ver os eventos no calendrio como permitir o acesso a outras funes
relacionadas a eventos da plataforma veja tela 2 representada na figura 3.

Figura 3: Tela Calendrio

A terceira tela apresenta o menu de contexto da aplicao a aps o usurio
pressionar uma data, nesse menu o usurio poder Exibir dia onde poder ver todos os
eventos do dia e seus detalhes e horrios disponveis, Exibir Agenda poder ver somente
os eventos programados para essa data, e Criar evento onde o usurio poder criar um
evento com suas caracterstica. Veja na figura 4 a tela 3 com o menu de contexto.

Figura 4: Menu de Contexto

A figura 5 apresenta a tela 4 da funcionalidade proposta no qual o aluno poder
criar um evento prenchedo todos os seus detalhes, o aluno poder chegar nessa tela
atravs do menu de contexto ou no boto novo evento. Veja na figura todos os campos
detalhadamente.

Figura 5: Novo evento

Avaliao de Usabilidade
1. Apresentao geral da interface

Item
1

Atributos Avaliados
O design da interface atrai a ateno e

E B S I No se aplica
x

no geral orienta o usurio logo no

primeiro contato com cores adequadas
ao contexto.
Os menus so organizados, de maneira x
que facilitam a seleo e a execuo das
tarefas sem deixar dvidas quanto a
escolha.
Os cones representam de forma
x
adequada a ao que lhe atribuda no
ambiente sem que seja necessrio uma
anlise apurada.
Em termos genricos, as cores
x
apresentadas so em tons leves e no
ultrapassam o nmero de 04.

2. Legibilidade de interface

Item
1

Atributos Avaliados

E B S I No se aplica

O contraste da cor da fonte com a cor do x

fundo facilita a visibilidade e a leitura
no ambiente sem necessidade de
aproximao
O tamanho das letras e o espaamento
x
entre elas favorecem a leitura textual nas
telas do ambiente. A linguagem utilizada
clara. Consegue-se realizar
Os procedimentos sem recorrer a outras
x
explicaes. As figuras imagens,
grficos e calendrios so teis e
comunicam a idia que representam.
Os menus so entendidos e mantm
x
relao direta dos itens com as aes por
eles representadas.

3. Navegabilidade

Item
1
2

Atributos Avaliados
A interface das telas principais facilita a
navegao pelo ambiente de forma
rpida e intuitiva.
H alternativas para usurios menos
experientes como menus mais usados
com fcil localizao.

E B S I No se aplica
x
x

3
4

A navegao rpida sem que seja

necessrio mais de quatro clicks para
atingir os objetivos desejados.
O mesmo estilo de interface
apresentado em todas as pginas do
ambiente.

x
x

4. Adaptao ao usurio

Item
1

2
3
4
5

Atributos Avaliados

E B S I No se aplica

O usurio tem a chance de desativar a

x
validade de certas funcionalidades se
no forem necessrias na atividade em
execuo.
Permite personalizar a interface e leva
em conta a exigncia da tarefa, e
hbitos de trabalho do usurio.
Existem diversas maneiras de efetivar
x
uma mesma tarefa, levando se em conta
a experincia do usurio.
O acesso aos objetos e funes
x
compatvel com o modo pelo qual o
usurio executa as tarefas no ambiente.
O ambiente usa a linguagem de alunos, X
tutores e professores em consonncia
com um curso na modalidade de EaD.

5. Orientao adequada ao usuario

Item
1
2
3
4
5

Atributos Avaliados

E B S I No se aplica

O ambiente apresenta orientao

x
visvel em que o usurio consegue ver
com destaque o caminho percorrido.
No ambiente o usurio pode responder
a perguntas: onde estive? Onde estou?
Para onde posso ir?
Admite local visvel para,
X
agendamento de atividades mensagens
e notcias aos participantes dos cursos.
Apresenta condies para identificar as
x
mensagens do frum, enviadas
diretamente para voc.
Mantm uma documentao online das
x
principais funcionalidades de forma
clara e eficiente.

6. Proximidade e agrupamento

Item
1

2
3
4
5

Atributos Avaliados
As informaes relacionadas entre si
esto prximas na interface, de forma a
criarem vnculos e serem identificadas
como grupo.
As telas do ambiente mantm relao
ou um sinal que as identifique como
parte de um sistema nico.
Links relacionados entre si esto
postos no mesmo nvel ou prximos
das informaes contextuais.
Existe agrupamento das partes
relacionadas tanto fisicamente quanto
na forma, aparncia, tamanho e cor.
As diversas partes so agrupadas
obedecendo a uma sequencia lgica,
em ordem alfabtica ou hierarquia.

E B S I No se aplica
X

x
x
x
x

7. Alinhamento

Item
1
2
3
4
5

Atributos Avaliados

E B S I No se aplica

A interface apresenta princpio de

x
alinhamento das partes (no centro ou
esquerda ou direita da tela).
Com a inteno de quebrar a monotonia
X
do texto uniforme a interface apresenta
ttulos centralizados de forma adequada.
O alinhamento das partes considera o
x
tamanho das letras, quantidade e
qualidade de imagens.
Os menus so organizados, de forma a x
facilitar a seleo e a execuo das
tarefas.
As caixas de busca de arquivos para
enviar ao ambiente so visveis e esto
no centro ou na parte superior do
monitor de vdeo.

8. Padronizao e consistencia

Item

Atributos Avaliados

Capacidade de produzir as mesmas

informaes, quando acessadas por
caminhos diferentes.

E B S I No se aplica
x

2
3
4
5

Utilizao de padres de interface

orientada a objetos j consagrados por
usurios.
No mais do que a padronizao de 04
cores gerais e o mesmo tipo de letras
para todo o ambiente.
O mesmo estilo de interface
apresentado em todas as pginas do
ambiente.
Os menus so padres e localizados na
mesma rea com os mesmo termos em
todas as pginas.

x
x
x
x