Quarta-feira, 27 de Abril de 2011
# Aula 27 de Abril

Hoje na aula de projecto iniciamos o módulo de prototipo. Foi-nos pedido para assinalar no nosso mapa de navegação as áreas que iremos implementar no nosso protótipo.

As áreas assinaladas a verde são as funcionalidades que vamos implementar no protótipo.

 

 




Domingo, 17 de Abril de 2011
# Experiências

Visto que a nossa aplicação é dirigida para a televisão decidimos testar a nossa interface gráfica numa televisão para percebermos como esta se comporta.

Aqui ficam algumas fotos desses testes:

 

 

Esta semana iremos fazer testes no formato 16:9, uma vez que a televisão utilizada neste teste tem resolução 16:9 mas a interface utiilizada foi desenvolvida no formato 4:3



publicado por anaccosta às 14:43
editado por maria-garcia às 14:49
link do post | comentar | ver comentários (6) | adicionar aos favoritos

Sexta-feira, 15 de Abril de 2011
# Entrega módulo TP4 - Especificação gráfica

 Nome

 

 

Inicialmente o nome do nosso projecto denominava-se - Pegada TV. Com o desenvolver do mesmo foram surgindo novas variações que fizeram com que tivessem surgido alguns nomes diferentes, tais como:

O desenho de marcas (nome e respectivo registo gráfico) tem de obedecer a diferentes requisitos a fim de facilitar o seu desenvolvimento, bem como, reconhecimento.

Com as novas variações que foram surgindo, tivemos novas ideias para identificar o nosso produto:

Definidas algumas propostas de nome, foi necessário analisá-las de acordo com Neumeier, que nos apresenta sete requisitos cruciais para a criação de um nome. Uma vez que não é obrigatório a aplicação de todos os requisitos enunciados por Neumeier, a presente marca baseia-se sobretudo nos requisitos de diferenciação, apropriação e brevidade. Sendo crucial que o produto se distinga dos restantes concorrentes de mercado (aplicações televisivas interactivas), e tratando-se de um produto inovador nesta área, é importante marcar uma posição de distinção - diferenciação.

Para tal é fundamental que o nome se adeqúe ao conceito do produto e respectivos valores da marca – apropriação. É igualmente importante que no acto de criação de um nome se tenha em atenção a brevidade do mesmo facilitando a sua divulgação. Neste campo surge ligado um novo requisito – pronúncia.

Neste tópico Neumeier defende que um nome deve ter a capacidade de ser reproduzido, tendo em conta a problemática da internacionalização, visto que, segundo Wally Olins “a marca permite que nos definamos em termos de uma linguagem imediatamente compreensível ao mundo que nos rodeia”. Uma vez que a língua universal é o Inglês, houve a adopção deste dialecto para dar voz ao nome do produto.

Por fim, houve a necessidade de se criar um nome com o qual as audiências tivessem uma relação de empatia, visto tratar-se de uma forma de identificação intelectual ou afectiva importante para a aceitação, diferenciação e identificação da marca e respectivo produto.

Após a análise dos nomes criados em função dos pontos referidos, seleccionamos o nome Way (caminho/percurso) uma vez que é aquele que melhor se enquadra nos requisitos expostos anteriormente. 

 


 “O poder de uma marca resulta da junção entre o seu desempenho e aquilo que representa”

 Wally Olins

 

 

 

Logótipo

 

O nome “Way” acaba por transmitir e descrever o propósito fundamental do produto, ou seja, todo o imaginário que surgiu tendo como base a criação de um histórico – percurso televisivo, que os telespectadores criam.

Uma vez que nos destinamos a um mercado onde a empatia é um facto crucial, optámos por desenvolver algo inovador mas tendo como base a imagem da meo e da zon.

 

        

 

Logótipo com as respectivas margens de segurança

 

 

“A função do marketing, da gestão da marca e de todas as actividades afins consiste em persuadir, seduzir e tentar que as pessoas comprem produtos e serviços”

Wally Olins

 

 

 

 

Sistema cromático

 

 

Pelo que conseguimos apurar através da tese Design de Serviços e Interfaces num Contexto de Televisão Interactiva (Jorge Trindad Ferraz de Abreu) os tons aconselháveis são os pastéis e azuis. Sendo o azul uma cor que representa informação, considerámos uma boa ideia a ser associada ao nosso produto.

 

 

Uma vez que pretendemos utilizar como fundo da aplicação o preto, desenvolvemos imagens gráficas tendo como imagem de fundo o preto e as letras a branco e apenas uma letra (y) a azul para estar presente a característica da informação apresentada por esse mesma cor.


 

 

O sistema cromático presenta na imagem anterior diz igualmente respeito ao sistema cromático usado na aplicação e não apenas no logo da marca.

 

No seguinte Pdf pode ser visualizados mais estudos cromáticos: Estudos.pdf

 

 

Todos querem saber como se desenvolve uma Marca vencedora. O prob­lema é que

só alguns conseguem!”

Wally Olins

 

 

  

 

Sistema tipográfico

 

 

Pelo estudo desenvolvido, conseguimos apurar que é necessário ter em conta algumas questões para o desenvolvimento da solução gráfica relacionada com um display como a televisão

O tipo de letra não deve ser serifado nem menor que 18 pontos, sendo que a tipografia mais adequada para a utilização em ecrãs de televisão é a Tiresias Screenfont, sobretudo para conteúdos (ex: legendas).

Contudo, desenvolvemos uma pesquisa na web sobre fontes tipográficas, onde nos foram apresentadas variadas hipóteses. Dentro dessas, e após excluídas as fontes serifadas o grupo considerou que a fonte Quadranta poderia ser uma boa hipótese, tendo sido desenvolvido posteriormente estudos de lettering.

 

 

 

O sistema tipográfico Quadranta foi utilizada na elaboração apenas do logo do produto e a tipografia Tiresias Screenfont no conteúdo do mesmo, desdes menus, conteúdos, botões de navegação, sempre com um tamanho de 18 pontos (tamanho recomendável na televisão).

 

 

“A marca permite que nos definamos em termos de uma linguagem imedi­atamente compreensível ao mundo que nos rodeia”

Wally Olins.

 


 

 

Estudo das grelhas

 

Exemplo do design da interface numa televisão com resolução 4:3

 

 

 

Margens de segurança do design da interface numa televisão com resolução 4:3


 

 

 

Exemplo do design da interface numa televisão com resolução 16:9

 

 

Margens de segurança do design da interface numa televisão com resolução 16:9


 

 

 No seguinte Pdf pode ser visualiza a disposição dos conteúdos na aplicação em duas resoluções:

4:3  - 4_por_3.zip ; 4_por_3_parte2.zip4_por_3_parte_3.zip

16:9 -  16-9_parte1.zip16-9_parte2.zip16-9_parte3.zip

 

 

 

 

“Em regra, a gestão da marca tem a ver com a criação e a manutenção da confiança, o que implica o cumprimento das promessas. As melhores mar­cas, as de maior sucesso, são completamente coerentes. Cada aspecto do que são e do que fazem reforça tudo o resto.”

Wally Olins

 

 

 

 

Ícones

 

Os botões de logout, ajuda e recomendação  encontram-se presentes em toda a aplicação interactiva por forma a facilitar a sua utilização para os telespectadores.

 

 

 

“As marcas não tratam apenas a sua própria imagem mas também a ima­gem da Organização. São a demonstração exterior e visível de uma afiliação privada e pessoal”

Wally Olins

 

 

 

 

 

 

 

Manual de identidade

 

No âmbito da UC Publicidade e Marketing, desenvolvemos um Manual de Identidade da nossa marca - Way. Independetemente de o mesmo poder vir a sofrer algumas alterações, deixamos como  uma pequena demonstração daquilo que pretenderemos transmitirs através da nossa marca e respectiva imagem.

way_manual.pdf

 

 



publicado por maria-garcia às 21:50
editado por anaccosta às 22:56
link do post | comentar | adicionar aos favoritos

# Entrega módulo TP4 - Especificação técnica

 

Especificação técnica

 Neste módulo de especificação técnica é importante que sejam definidas as caracteristicas que a implementação do sistema deve apresentar.

Modelo / Arquitectura de sistemas

Representação da relação entre as diferentes componentes (hardware e software)

 

 

O nosso projecto possui três tipos de utilizador: adiministrador, utilizador registado e utilizador não registado.
A nossa aplicação comunica com uma base de dados (MySQL) através de ActionScrit 3.0. Esta linguagem de programação será utilizada para criar a maioria das funcionalidades da aplicação.
Possui ainda um sistema de ficheiros que permite gravar, guardar e partilhar ficheiros.  A ligação ao facebook é feita através da internet com um facebook connect.
Visto que a nossa aplicação é destinada a televisão iremos ligar o computador a uma televisão através de um conector HDMI.
No que diz respeito à interacção com a aplicação iremos utilizar um comando com receptor de infravermelhos. Essa ligação entre a aplicação e o comando será feita através do programa IRassistant.
A ligação entre o comando e o IRassistant será feita através de USB e RS232.
A aplicação possui ainda um streaming de vídeo.

Mapa de navegação

Representa os diferentes caminhos que o utilizador pode percorrer. O utilizador tem a possibilidade de fazer logout em todos os ecrãs.

 

Fluxogramas

Um fluxograma é uma  uma representação esquemática de um processo.

Nós criamos fluxogramas de cinco módulos da nossa aplicação que achamos mais relevantes. Segue a baixo a representação desses fluxogramas.

 

Registo:

Login:

Amigos:

Página de histórico:

Página de partilha:

 

Base de dados

 

 

 

 No nosso modelo da base de dados estão representados 8 entidades e as suas respectivas relações. Cada entidade tem vários campos com diferentes tipos de dados. Em anexo segue a base de dados do nosso projecto: bd_way.zip

 




Quarta-feira, 13 de Abril de 2011
# Aula 13 de Abril

Hoje na aula de projecto continuamos com o desenho das interfaces da aplicação.  Estamos a desenhar quer para ecrã 4:3 quer para 16:9.

No que diz respeito à especificação técnica falta-nos apenas a arquitectura de sistemas. Temos algumas dúvidas neste ponto que iremos escarecer hoje à tarde na reunião com os orientadores.

O grupo encontra-se também a fazer algumas experiências no Flash já com as interfaces finais.

 

 

 




Segunda-feira, 11 de Abril de 2011
# 11 de Abril - Ponto da situação

No que diz respeito às especificações técnicas já fizemos os esboços dos fluxogramas de alguns módulos da aplicação.

Aqui ficam os módulos de registo e de partilha de ficheiros.

 

-Registo

 

 

 

-Partilha

 

No que diz respeito ao mapa de navegação procedemos a algumas correcções que nos foram sugeridas.

 

Todos estes documentos poderão sofrer aterações até ao dia da entrega.

De momento o grupo tem trabalhado no desenvolvimento das interfaces e na arquitectura de sistemas.

 

 




Domingo, 10 de Abril de 2011
# 10 Abril 2011

 Hoje demos por finalizada a leitura do tópico 4 (Design de interface) da tese do professor orientador Jorge Ferraz de Abreu - Design de Serviços e Interfaces num Contexto de Televisão Interactiva

 

A leitura da tese (parte dela) ajudou sobretudo na clarificação de certos aspectos referentes ao design da interface, tais como:

 

 

 

 

 

 

Amanhã na aula de orientação de projecto esperamos conseguir alguma ajuda por parte do professor Pedro Amado, no que diz respeito à escolha de alguns aspectos referente à marca. Seguidamente mostraremos algumas hipóteses que foram desenvolvidas tendo como base algumas directrizes da tese do docente.

 

 

                                

 

 

                                    

 

 

 

 

 

 




Sexta-feira, 8 de Abril de 2011
# 8 Abril 2011

 Após discusão com os docentes orientadores, o grupo decidiu desenvolver novas ideias referentes ao nome da marca, uma vez que, tal como referido no post anterior, o nome EYE já se encontra associado a um outro projecto em desenvolvimento.

 

Desta forma surgiram algumas ideias onde optámos pela a opção - way (caminho). De forma sucinta esta palavra acaba por recriar o imaginário da nossa marca. O facto de, em certos caso, enfatizarmos a letra "Y" é uma espécie de metáfora para descrever uma antena de transmissão de televisão.

 

 

 

     

 

 

 

 

 

 

 

 




# Reunião com os orientadores de projecto (8 de Abril)

Hoje reunimos com os orientados de projecto inde forem discutidas questões relativas à avaliação anterior (TP3).

Derivado ao novo projecto de Publicidade e Marketing apresentamos aos orientadores a nova ideia para o nome - EYE. O professor Jorge Ferraz discordou com a ideia visto que existe um projecto a decorrer com um nome semelhante. Assim sendo tentamos encontrar novas ideias, tendo surgido os exemplos : PEEP, GAUGE, MEDE, SHARE, PARTILHA TV E MONIT. Nesta mesma reunião tivemos a ajuda dos docentes em relação a base de dados.

Como tarefas para a próxima reunião teremos que tentar implementar/testar de forma fidedigna  em contexto televisivo. Teremos também de fazer uma breve pesquisa sobre design para televisão.

 

 



publicado por anaccosta às 11:10
editado por maria-garcia às 21:42
link do post | comentar | adicionar aos favoritos

Quinta-feira, 7 de Abril de 2011
# TP4_6Abril

 Na quarta-feira, dia 6 de Abril de 2011, os docentes apresentaram outra componente de avaliação da TP4 - especificação gráfica.

 

Nesta aula, o grupo apresentou o Mapa de Navegação desenvolvido na aula anterior, em que, conseguiu perceber que existem mudanças a fazer.

 

No que toca ao fluxograma, debatemos com os docentes algumas questões que não tinham ficado clarificadas, sendo importante essa troca de ideias.

 

Nesta mesma aula, e com auxílio da nova componente de avaliação de Publicidade e Marketing, o grupo apresentou uma nova ideia para o nome da marca - Eye. Pelo que o grupo entendeu esta ideia foi bem aceite, tendo surgido já alguns estudos gráficos, tais como:

 

 

 

  

 

 

 

 

 

 

 

 

 

 

 

 

 

 Amanhã dia 8 de Abril de 2011 vamos ter uma reunião com os orientadores de projecto, onde vamos expor e debater esta nova ideia que surgiu.

 


tags:


.mais sobre mim
.pesquisar neste blog
 
.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


.posts recentes

. #Plano de teste_grelha de...

. #Plano de teste

. # Entrega Tp6 - Versão Be...

. # Ponto da situação da ve...

. #Aula de OT - 01 Junho 20...

. # Aula de 25 de Maio

. #Módulos a desenvolver pa...

. # Entrega módulo TP5 - Pr...

. #Reunião com os orientado...

. #Aula de Projecto - 18-05...

.arquivos

. Junho 2011

. Maio 2011

. Abril 2011

. Março 2011

. Fevereiro 2011

.tags

. todas as tags

.participar

. participe neste blog

blogs SAPO
.subscrever feeds