pesquisar neste blog
mais sobre mim
posts recentes

Módulo 6 – versão beta - testes

Módulo 6 – versão beta

Bugs detectados

Restruturação da lista de tarefas - módulo 6

Ponto da situação - 2 de Junho

Protecção de ficheiros FLV (o inicio)

Aula - 25 de Maio

Áreas que nos comprometemos a prototipar – versão beta:

Reunião - orientadores

Aula - 23 de Maio

arquivos

Junho 2011

Maio 2011

Abril 2011

Março 2011

Fevereiro 2011

Junho 2011
Dom
Seg
Ter
Qua
Qui
Sex
Sab

1
2
3
4

5
6
7
8
9
10
11

12
13
14
15
16
17
18

19
20
21
22
23
24
25

26
27
28
29
30


subscrever feeds

RSSPosts

RSSComentários

Quinta-feira, 26 de Maio de 2011
Protecção de ficheiros FLV (o inicio)

Um dos grandes problemas da web é haver muitas vezes conteúdos que queiramos que sejam acedidos apenas por utilizadores identificados e com provilégios para tal. Muitas são as páginas que mais ou menos conseguem prevenir que utilizadores menos astutos de acedam a estes conteúdos.

O Flickr ou o Facebook são dois desses exemplos.

O Flickr por exemplo, em algumas imagens, não permite que o utilizador salve a fotografia devido aos direitos de autor definidos pelos utilizadores, contudo fácilmente, no código sabe-se onde está o URL para a imagem, assim, facilmente um utilizador mais experiente acede directamente à imagem e a salva.

O Facebook por outro lado, protege as fotografias de acordo com albúns e com as suas definições de privacidade protege o acesso às imagens através de utilizadores que não tenham permissões para as ver - utilizadores não identificados no Facebook ou que não sejam amigos do dono do album, contudo e como no exemplo anterior, o URL da imagem permite o acesso directo a esta sem qualquer tipo de verificação de previlégios.

 

Este seria um problema que poderiamos ter caso não tivessemos grande atenção a estes truques e os filmes poderiam ser facilmente acedidos através do URL do flv. Qualquer utilizador identificado e com acesso aos filmes poderia fácilmente copiar o URL do FLV e disponibiliza-lo a terceiros.

 

 

 

Mais explicações em http://wiki.festock.com/index.php?title=Index.php

 

Na nossa plataforma os videos/filmes só poderão ser acedidos por utilizadores identificados e com previlégios para tal (esperamos nós ). 

Algumas notas

 
 

 

Bom resto de semana a todos.

 


tags: ,

publicado por pjrfigueiredo às 17:32
1

Quarta-feira, 25 de Maio de 2011
Aula - 25 de Maio

Bom dia,

O dia de hoje será “marcado”, mais uma vez, pelo trabalho da “equipa do Festock” em prol do projecto [festock.com].

Serão abordados os seguintes pontos:
- conversão dos filmes para FLV [por ordem de chegada ao servidor] e respectiva codificação
- sistema de control de acesso aos filmes FLV - implementar um sistema que não permita utilizadores não identificados a acederem aos ficheiros FLV nem ao acesso directo através do URL a estes
- detecção de erros e respectiva correcção na parte gráfica e técnica
- elaboração dos testes de usabilidade



tags: ,

publicado por luis-jesus às 10:31

Terça-feira, 24 de Maio de 2011
Áreas que nos comprometemos a prototipar – versão beta:

Boa tarde,

No corrente dia, a "equipa do Festock" preparou a lista de tarefas com o intuito de orientar o trabalho futuro (a apresentar na versão beta “festock.com”).

Veja-se a seguinte lista de elementos que nos comprometemos a prototipar – versão beta:

1 - Reformular o grafismo (adicionando ao menu superior, inferior e menu do utilizador algum elemento gráfico que os torne ainda mais intuitivos do ponto de vista das funções que desempenham)
2 - Registar (definir restrições de acesso e “controlar” as sessões de login dos utilizadores)
3 - Filme – inserir filme (fazer a conversão de filmes [para flv] em tempo real)
4 - Mapa do site (dar continuidade à implementação dos elementos)
5 - Ajuda (implementar um conjunto dos sistemas de ajuda, nomeadamente FAQ, funcionalidades e ajuda online)
6 - Contactos (implementar o conjunto de dados identificativos da marca “Festock” morada, mapa de localização, email e telefone)
7 - Sobre nós (inserir informação sobre a marca “Festock”, nomeadamente, historial e o manual de identidade)
8 - Mensagens (implementar um sistema de “troca” de mensagens, por forma a implementar uma forma de interactividade “próxima” do utilizador, e, ainda, permitir a interacção entre  as diversas entidades (utilizadores, festivais – direcção e júris)
9 - Pesquisar (implementar um sistema que permita uma pesquisa com filtragem de  elementos)
10 - Perfil (permitir a edição dos dados dos utilizadores)
11 - Administração (implementar toda a logística associada aos administradores dos festivais ( publicar, apagar e editar filmes; convidar júris; comprar pacotes; gerir participações; criar e editar eventos)
12 - Júri (implementar um sistema de rating associado aos filmes)


tags:

publicado por luis-jesus às 16:27

Segunda-feira, 23 de Maio de 2011
Reunião - orientadores

Boa tarde,

A reunião com os orientadores, mais uma vez, "tomou um rumo orientador", ou seja, discutimos algumas soluções a implementar para as dúvidas que ainda persistem sobre o site "festock.com". Discutimos sobre os mais diversos assuntos, desde as funções técnicas, o aspecto gráfico, bem como soluções ergonómicas a melhorar.

A título de exemplo, refira-se que um dos aspectos a alterar no site "festock.com" é o facto da "imagem - menu" que se encontra no topo do site (esta abordagem também teve foco na aula, dada anteriormente).


fig.1 (imagem - menu)


tags: ,

publicado por luis-jesus às 20:27

Aula - 23 de Maio

Boa tarde,

A aula de hoje serviu para conhecermos os objectivos para a próxima entrega (versão beta). Serviu, ainda, para trocarmos algumas "impressões" com os professores sobre o trabalho até então efectuado, bem como todo o percurso que temos de percorrer para que o site [festock.com] tenha o "desfecho" que todos pretendemos. 


tags: ,

publicado por luis-jesus às 20:17

Sábado, 21 de Maio de 2011
Módulo 5 - protótipo de alta fidelidade

Para o presente módulo foi solicitado um 'protótipo de alta fidelidade' do projecto em curso (site - festock.com).
Desde cedo o grupo procurou definir objectivos e estratégias de trabalho, de forma a tornar exequível as tarefas/áreas a prototipar.

Áreas que nos comprometemos a prototipar

1. login e registar

2. inserir filme

3. detalhes do filme

4. submeter filme em festival

5. criar festival

5.1. publicar

5.2. editar

5.3. apagar

6. eventos

6.1. criar eventos

6.2. editar

7. administrar

7.1. gerir participações

Considerações
No site "festock.com" procurou-se respeitar os "princípios requeridos" (estrutura de grelhas) para uma boa aceitação por parte do utilizador, nomeadamente, contraste, repetição, alinhamento e proximidade (ver lista de alterações efectuadas no fim do post).
No que respeita ao contraste, o site destaca o texto com diferentes tamanhos,(consoante a sua importância), de forma a obter a atenção do utilizador para os "fragmentos" textuais que se considera mais relevantes. Procurou-se consolidar e homogeneizar as diferenças (tamanho de texto) de modo a que o utilizador não tenha dificuldade em encontrar a informação que procura.
Recorreu-se a uma ilustração visual (mascote/menu lateral "float menu") de modo a realçar os menus e/ou informação pertinente para um determinado momento ou utilizador.
Consolidou-se o site com uma consistência formal de página para página e ao longo de cada página, o que resulta numa notória homogeneidade à repetição, visto que o utilizador não tem a sensação de estar a navegar em vários sites diferentes.
Existe um sistema de navegação global (informação mais relevante para o utilizador experiente), que se encontra presente no topo  de todas as páginas, com o objectivo de garantir o acesso imediato às principais  áreas do site, sendo apenas preciso um clique. Possui também um sistema de navegação local (float menu), localizado na parte lateral do ecrã, que complementa o global ao fornecer um conjunto de âncoras que estabelecem ligação a específicas áreas do site em que o utilizador se encontra. Por fim, existe um sistema de navegação contextual, que não tem uma localização específica e abrange todas as relações entre as páginas que não estão contidas nos sistemas global e local. Como exemplo deste sistema de navegação evidencia-se os links existentes no corpo de texto da área de conteúdos do site, ou então o link existente no logótipo, este que encaminha o utilizador para a "home page".
Também pode ser facilmente visualizado o  alinhamento vertical e horizontal do texto e de outros elementos visuais, ao longo do site, bem como a utilização de um único tipo de alinhamento.
A proximidade, concebida a partir do "estudo de grelhas", atribui uma conotação positiva ao site, na medida em que existem fortes relações entre os elementos na página. Ou seja, os blocos criados com o texto e as imagens dão uma ideia clara da distribuição da informação.
Note-se ainda que o site possui uma hierarquia visual consistente, ou seja, os diversos elementos assumem maior ou menor destaque consoante a sua importância e os conteúdos estão organizados de forma lógica e intuitiva para os utilizadores. Esta hierarquia visual aplica-se a todas as páginas, criando-se, assim, uma continuidade visual e funcional.
Apesar de se optar por um design e navegação com um paradigma "inovador", constata-se uma imagem forte e credível aquando da interacção com o "mundo da internet".

Lista de alterações efectuadas
         - o float menu passou a estar presente em todas as páginas (no estudo anterior este encontrava-se "apenas" na home page e landing page)
         - o menu lateral passou a estar presente no float menu (no estudo anterior este encontrava-se fixo na lateral da página )
         - ao float menu foram criados/adicionados mais ícones para fazer face às funcionalidades existentes e adicionadas
         - em algumas páginas "administrativas "foi implementado um banner lateral (banner publicitário - 160/600px)
         - as dimensões das imagens de "filmes em destaque" foram adaptadas às capas dos filmes
         - a opção "logout" deixou de estar no "painel de utilizador", sendo visível no topo da página 

Veja-se as seguintes figuras (representativas):

fig.1 ("novo" float menu)


fig.2 (capa de um filme)

fig.3 (ícones adicionados)

Mensagem de alerta
Sempre que um utilizador pretenda navegar numa página que não esteja concluída aparecerá a seguinte mensagem: "Oopsss esta página ainda não foi criada, ou o URL está incorrecto."

 
fig.4 (mensagem de erro)

Wiki, SVN&Trac
Como já referido anteriormente (post - Wiki, SVN&Trac), foram elaborados alguns documentos com o propósito de definir e explicar as opções escolhidas nas mais variadas áreas (hardware, software, programação, etc.), bem como o acompanhamento da evolução do site.
Refira-se que a Wiki é apenas para uso técnico.
 (só pessoas autorizadas terão acesso à mesma)

site - festock.com


tags:

publicado por luis-jesus às 00:02

Sexta-feira, 20 de Maio de 2011
20 de Maio - festock (preparativos para o lançamento do protótipo de alta fidelidade)

Boa tarde,

Os últimos dias presaram-se pelas intensas remodelações no que respeita ao grafismo do site, pois foram detectadas algumas incongruências nesse sentido. No entanto conseguiu-se "dar a volta" aos inconvenientes encontrados e partir para a finalização do mesmo.

No que respeita à parte técnica "apareceram" alguns desafios, o que nos proporcionou trabalho acrescido. No entanto, todos eles [desafios] foram "contornados" com sucesso.

Há 2 dias que estamos com a difícil tarefa de fundir toda a parte técnica com a parte gráfica. Esperamos conseguir dar término a este novo desafio, respondendo, de forma eficaz, aos desafios que nos propusemos para a próxima entrega - módulo 5.


tags:

publicado por luis-jesus às 12:02

Terça-feira, 17 de Maio de 2011
Reunião semanal - 16 de Maio

Na passada segunda-feira, 16 de Maio, foi feito um ponto de situação do projecto com os orientadores.  No decorrer da reunião foi-nos proposto que procurássemos manter o visual limpo e moderno da home page para as restantes páginas do site.

Depois de discutidos os elementos que poderiam ser melhorados fizemos algumas reformulações que deixamos, desde já, para os mais curiosos no seguimento deste post.

Proposta/estudo de execução do float menu (presente em todas as páginas administrativas) - Figuras 1 e 2

       

    fig.1           fig.2


tags:

publicado por marcio-reis às 20:26

editado por luis-jesus em 20/05/2011 às 23:18

Segunda-feira, 16 de Maio de 2011
16 de Maio - festock em constante crescimento

No decorrer do fim-de-semana o site 'festock' esteve em constante mutação, tanto a nível gráfico como a nível técnico.

A nível gráfico, para além da Landing-page / Home-page (apresentadas nos posts anteriores), já se encontra praticamente concluída a página "os meus filmes", sendo esta a "estrutura base" utilizada para as restantes páginas de conteúdos do site.

 

Página "os meus filmes":

  


tags:

publicado por luis-jesus às 09:38

Quinta-feira, 12 de Maio de 2011
Wiki, SVN&Trac

Com a visão de o nosso projecto não morrer após o termino da disciplina, algo que tivemos desde o ínicio, decidimos implementar três plataformas/sistemas bem conhecidos da comunidade: Wiki, SVN e Trac.

 

 

Sentimos a necessidade de transpor para o formato digital muitas das convenções feitas por nós para o desenvolvimento da plataforma de uma forma harmoniosa. Assim, aquilo discutido e esquematizado em papel está agora disponível na Wiki.  É na Wiki que tentamos definir e explicar as opções escolhidas nas mais variadas áreas, seja em hardware, software, serviços, programação, etc. A Wiki existente é apenas para uso técnico e está em permanente actualização.

O SVN a par do Trac permite-nos ter um acompanhamento detalhado das alterações feitas na plataforma, além disso iremos usar os tickets do Trac a nível interno.

 

Bom resto de semana do Enterro. 

 


tags: , ,

publicado por pjrfigueiredo às 10:52