ODM .. Oficina de Design Multimédia: 2008

quarta-feira, 17 de dezembro de 2008

Aula de substituição • 18 de Dezembro (se existir professor substituto)

Completar a Auto-avaliação quem ainda não terminou. Depois podem sair.

Os que já acabaram estão dispensados, por ser a última aula!

Seja compreensivo(a) colega!

Boas Festas

Rui Castro Lobo

Auto-avaliação

O aluno irá elaborar uma auto avaliação dos trabalhos realizados durante o 1º período

PRAZO:
Início, desenvolvimento e conclusão: 17 de Dezembro

REQUISITOS:
"Postar" uma mensagem com a auto-avaliação.

TEXTO OBRIGATÓRIO:
Auto-avaliação do 1º período

IMAGEM OBRIGATÓRIA:
não existe (podem por a vossa figura do Rey Park)

ORIENTAÇÕES:
1. Cada trabalho tem que ter 5 parametros de avaliação, exemplos:

Originalidade da ideia base (1=normal, 2=muito, 3=super)
Legibilidade do texto (1=normal, 2=boa)
Titulo no vídeo (1=realizado)
Adequação do clips de vídeo (1=normal, 2=Muito)
Musica sincronismo/adequação (1=normal, 2=bom, 3=mto bom)
CEE Contra Efeito de expectativas (1=mto acompanhado, 2= acompanhado, 3=sem acompanhamento)
Resultado global (1=normal, 2=bom, 3=mto bom) este parametro é o 5º e obrigatório

2. Os valores por parâmetro variam entre 1 ponto e 3 pontos, ou seja um parâmetro pode só variar entre 1 e 1 ponto (foi realizado) e entre 1 e 3 (de normal a mto bom)

3. ATITUDES E VALORES (30%)- Conjunto de parâmetros obrigatórios no final da avaliação de todos os trabalhos:

Ser assíduo (2=nunca faltou, 1=faltou entre 2 a 4 tempos 0=faltou mais de 4 tempos)
Ser pontual (1=entra junto com o pro, + 1=sai depois do toque)
Estar concentrado no trab. da aula (2=mto concentrado, 1=concentrado, 0=pouco)
Estar interessado no trab. da aula (2=mto interessado, 1=interessado, 0=pouco)
Ser autónomo na aula (2=nunca chama o prof, 1=chama ocasion., 0=chama muito)
Auxiliar durante a aula (2=auxilia habit os colegas, 1=auxilia ocasion., 0=não auxilia)
Tomar a palavra segundo regras (1=pede para falar + 1=não interrompe os colegar)
Ser educado (2=sempre educado, 1=normal, 0=indelicado)
Aceitar critícas (2=sempre, 1=ocasionalmente, 0=não aceita)
Apreciação subjectiva de personalidade (1=normal, 2=boa, 3=mto boa)

4. Calcular a classificação final
Os trabalhos contam 70% da avaliação, as atitudes e valores 30%.
Cálculo:

NOS TRABALHOS somar todos os pontos possíveis, por exemplo 123, somar os pontos que obtiveste, por exemplo 102, realizar a seguinte operação x=(70*102)/123
NAS ATITUDES o número total de pontos possíveis são 21, somar os pontos que obtiveste, por exemplo 18, realizar a seguinte operação y=(30*18)/21
Classificação total x+y (valor percentual, dividir por 5 para obter a classificação em valores)

5. Lista de trabalhos passíveis de serem avaliados:

site infantil
site da escola
cartaz metodologia
animação bio
revista Rolling stone
revista Time
vídeo crise
trabalho(s) Burn

terça-feira, 2 de dezembro de 2008

Aula de substituição • 5 de Dezembro (se existir professor substituto)

Apesar de não existir derrapagem aceitável para o trabalho "Marca a Diferença", podem aproveitar o primeiro tempo da aula para terminar o trabalho.

Não se esqueçam que um trabalho só fica verdadeiramente terminado quando é "postado" no blog.

Por falar nisso, utilizar o segundo tempo para "postar" trabalhos que já deveriam estar "postados". Não esquecer que o final do período está aí e os trabalhos para serem avaliados tem que estar visíveis (não é nas pen's a caminho de casa!).

Já agora comentem os trabalhos dos vossos colegas (de uma forma construtiva) se tiverem tempo.

Bom trabalho e não incomodem muito o professor(a) substituto(a). Lembrem-se que ser substituto é uma seca!

Bom Trabalho!

Rui Castro Lobo

ps: Nuno fica sentado! (nem me enganei no nome!) Edi, João, André e Tiago não joguem!!! Rodolfo trabalha e endireita as costas! Sim Sofia, pede primeiro autorização antes de ires à casa de banho... Iolanda e David, outra vez atrasados?! Lamento não estar aí para te chatear Cláudia, nem para te dar pistas Miguel. Não me estou a esquecer de ninguém???... pois não Daniela?;)

Tudo feito, vão ver http://0809pt.blogspot.com/...

terça-feira, 25 de novembro de 2008

Arranque do trabalho • Marca a diferença!

Como metodologia para proporcionar um "arranque" a quem "não tem" ideias, sugere-se que escreva aprox. 30 palavras (quaisquer) e a partir daí começar a elaborar ideias.

Exemplo:

verde, batata, branco, sólido, feliz, trabalho, fogo, chama, calor, queimar, carvão, vermelho, comunismo, bandeira, martelo, ideia, pessoas, revolução, revolta, acção, empenho, café, cafeína, droga, adicção, função, dever, pátria, amor, respeito, energia...

Elaboração de ideias:

fogo branco > calor gelado > fresco calor > neve ardente > chama gelada > fogo gelado...

amor pelo fogo > tatoo a fogo > deixa a tua marca a fogo...

revolução feliz > revolução de sabor > a energia da revolução...

acção revolução > revolução de energia > o sabor da energia...

...

segunda-feira, 24 de novembro de 2008

Trabalho • Marca a diferença (gráfico)

00Mad (00 corresponde ao número de aluno).

O aluno irá elaborar um "material de criatividade livre" para participar no passatempo "Marca a diferença".

PRAZO:

Início: 25 Novembro (2 tempos + 2 tempos - PT)

Desenvolvimento 26 Novembro (2 tempos)

Conclusão: 27 Novembro (2 tempos)

Derrapagem aceitável: Não existe

REQUISITOS:

Dimensão: 470 x 500 px
Tumbnail: 90 x 90 px

Resolução: 372 pixels/inch

Perfil de cor: RGB

TEXTO OBRIGATÓRIO:

Não existe

IMAGEM OBRIGATÓRIA:

Consultar "KIT BURN" e decidir

ORIENTAÇÕES:

MUITA ATENÇÃO A FOTOS (tipo sxc.hu) OU OUTROS MATERIAIS QUE UTILIZEM E AOS RESPECTIVOS DIREITOS DE AUTOR!

Visitar o site http://www.burn.pt/. Ver "COMO PARTICIPAR". Ler o "REGULAMENTO". Recolher o "KIT BURN".

O objectivo final é que o vosso material "MARQUE A DIFERENÇA!"

Seguir as etapas da Metodologia Projectual (especial atenção à Investigação e Recolhas de Elementos - empregar pelo menos 2 tempos nessas tarefas).

PARA AVALIAÇÃO:

• Colocar uma mensagem no Blog Pessoal com o vosso "material criativo"(salvo para a Web), com o seguinte título: "Marquei a Diferença ou Não?" e uma pequena descrição do trabalho realizado (aprox. 70 palavras).

SOFTWARE A UTILIZAR:

Illustrator, Photoshop, Firefox ou Internet Explorer (e mais algum necessário...)

Novembro 2008

quinta-feira, 20 de novembro de 2008

Trabalho • Biography Channel (multimédia)

00bio (00 corresponde ao número de aluno).
O aluno irá elaborar um clip para o canal Biography sobre o artista que utilizou no trabalho RollingStone (ou eventualmente outro).

PRAZO:
Início: 18 Novembro (2 tempos)

desenvolvimento 19 Novembro (2 tempos)

conclusão: 20 Novembro (2 tempos)

Derrapagem aceitável: 1 tempo (24 Novembro) *

* afinal foram 4 tempos

REQUISITOS:
Dimensão: 800x600px

Duração: 10 segundos (120 frames a 12fps)

Resolução: 72 pixels/inch
Perfil de cor: RGB

TEXTO OBRIGATÓRIO:

bio.

Nome do "Artista da vossa escolha"

3 de Dezembro

21 horas

ORIENTAÇÕES:

Visitar o site http://www.youtube.com, e investigar "Biography Channel (UK) 2007, entre outras pesquisas que deverá realizar.

Recolher o logotopo "bio." no site www.brandsoftheworld.com.

Utilzar imagens já recolhidas do "Artista da vossa escolha" - e redimensioná-las (para que o peso do ficheiro flash seja menor).

O objectivo final é que o vosso clip seja confundível com um clip real - para isso deverão ter em conta o tipo de letra, animação e cor, bem como o áudio.

PARA AVALIAÇÃO:

Colocar uma mensagem no Blog Pessoal com um link para o 110mb.com onde colocaram o clip (salvos em swf), com o seguinte título: "bio.".

SOFTWARE A UTILIZAR:

Illustrator, Photoshop, Flash, Firefox ou Internet Explorer

Novembro 2008

sábado, 15 de novembro de 2008

Aptidões para o século XXI

- responsabilidade pessoal e social;
- planificação, pensamento crítico, razoabilidade e criatividade;
- forte capacidade de comunicação a nível interpessoal e a nível de apresentação;
- compreensão inter-cultural;
- capacidade de visão e de tomada de decisões;
- saber como e quando utilizar a tecnologia e escolher a ferramenta mais apropriada para a tarefa.

terça-feira, 11 de novembro de 2008

Trabalho • Rolling stone

00stone (00 corresponde ao número de aluno).
O aluno irá elaborar uma capa para a revista Norte-americana Rolling Stone. Elaborará também as 2 páginas do artigo

PRAZO:
Início: 11 Novembro (2 tempos)

desenvolvimento 12 Novembro (2 tempos)

conclusão: 13 Novembro (2 tempos)

Derrapagem aceitável: 2 tempos

REQUISITOS:
Capa: dimensão: 210mm x 297mm (A4)

Artigo: dimensão 2x 210mm x 297mm (A3 ao baixo)

Resolução: 150 pixels/inch
Perfil de cor: CMYK

TEXTO OBRIGATÓRIO:

Capa:

"Artista da vossa escolha" Concerto no Pavilhão Atlântico" (ou algo adequado ao artista).

seis títulos idealizados pelo aluno

Artigo:
Duas páginas sobre o "Artista da vossa escolha"

Texto biográfico sobre o artista

Pelo menos 1 foto do artista "entrevistado"

Exemplos de interior da revista:

ORIENTAÇÕES:

Visitar o site http://www.rollingstone.com, e recolher algumas das capas (covers) como base para a realização do vosso trabalho. Procurar ainda n.este site a biografia (e entrevistas) do "Artista escolhido"

Recolher o logotopo da Revista no site www.brandsoftheworld.com.

Recolher imagens de alta resolução do "Artista da vossa escolha".

O objectivo final é que a vossa Capa da revista seja confundível com uma capa real - para isso deverão ter em conta o tipo de letra, a dimensão e cor, bem como a localização dos títulos.

PARA AVALIAÇÃO:

Colocar uma mensagem no Blog Pessoal com a capa e o artigo (salvos em jpg), com o seguinte título: "Rolling Stone".

SOFTWARE A UTILIZAR:

Illustrator, Photoshop, InDesign, Firefox ou Internet Explorer

Novembro 2008

Aprofundamento: Realizar uma capa da revista Time com Barack Obama e Cavaco Silva. Título principal: Portugal/USA an Atlantic Connection!

domingo, 2 de novembro de 2008

Aula • 3 Novembro • Design de Interface

TRABALHO:

00infantil (00 corresponde ao número de aluno).
O aluno deve criar o interface para um site infantil (dos 3 aos 6 anos)

PRAZO:

Início e desenvolvimento - 3 Novembro (4 tempos)

Conclusão - 4 Novembro (2 tempos)

Derrapagem aceitável - 5 Novembro (2 tempos)

REQUISITOS:
Dimensão: 800 x 600px
3 Cenas: entrada; contar; ler

TEXTO OBRIGATÓRIO/BOTÕES:

Cena entrada:

Ler

Contar

Cena contar:

Ler

1 (gato)

2 (gatos)

3 (gatos)

Cena ler:

Contar

gato

nuvem

flor

IMAGEM OBRIGATÓRIA (elaborada em illustrator - tendo em conta o nível etário dos utilizadores):

123

abc

gato

nuvem

flor

ORIENTAÇÕES:

Os utilizadores do site tem uma idade compreendida entre os 3 e os 6 anos, pelo que NÃO SABEM LER.

Todas as imagem tem que ser acompanhadas por ÁUDIO.

Os Objectivos do site são:

ensinar os três primeiros números (associando número/imagem/áudio)
ensinar três palavras (associando texto/imagem/áudio)

Sugestão: utilizar o estado de over do botão para mostrar o número/texto associado à imagem

RESPEITAR A METODOLOGIA DE PROJECTO

1. Recolha e tratamento de dados... (consultar http://pbskids.org/ , http://nfbkids.ca/index_en.php , http://www.bbc.co.uk/cbeebies/

2. ...

PARA AVALIAÇÃO:

Colocar o site no 110mb.com num New Directory "infantil"

SOFTWARE A UTILIZAR:

Flash, Illustrator, Firefox ou Internet Explorer

Novembro 2008

quarta-feira, 22 de outubro de 2008

Exemplo de dados pessoais (para colocar em cada aluno)

Nome
Rui Castro Lobo
Data de nascimento
6 de Maio de 1962
Contacto

934 280 939

Localidade de residência
Vila franca de Xira
Observações
Escolhi o Curso Tecnológico Multimédia porque sempre gostei de desenho e de trabalhar com computadores. Gosto especialmente do programa Photoshop.
Expectativas
Espero vir a trabalhar num atelier de criatividade

Portfólio em
http://0809ctmprof.blogspot.com

segunda-feira, 20 de outubro de 2008

xml / flash

1. IMAGEM A UTILIZAR (copiar a imagem para uma pasta com o nome xml_flash)

2. TEXTO DO FICHEIRO XML (abra a aplicação bloco de notas, copie o texto. Salve o ficheiro, na pasta xml_flash, com o nome arquivo.xml)

<?xml version="1.0" encoding="iso-8859-1"?>
<noticias>
<noticia imagem="00_01.jpg" texto="Este é o texto da noticia, que pode ser alterado nas noticias seguintes">
</noticias>

3. TEXTO DAS ACTIONS EM FLASH (crie um novo ficheiro de flash - ActionScript 2.0. Copiar o texto seguinte para a primeira frame da camada Actions, salve o ficheiro de flash com o nome xml_flash.fla)

System.useCodepage = true; // habilita acentos, atenção que a palavra system pode necessitar caixa baixa;
var arquivo:XML = new XML(); // cria a variável para ler o xml;
arquivo.load("arquivo.xml"); // manda a variável ler o arquivo.xml salvo anteriormente;
arquivo.ignoreWhite = true; // ignora espaços em branco no XML
arquivo.onLoad = function() // após a leitura do XML, executa a acção:
{
foto.loadMovie(this.childNodes[0].childNodes[0].attributes.imagem);
noticia.text = this.childNodes[0].childNodes[0].attributes.texto;
} //atenção que tem que terminar em chaveta

4. CRIAR OS 2 ELEMENTOS QUE SERÃO SUBSTITUIDOS

Crie uma nova camada no ficheiro xml_flash.fla, a que dará o nome de elementos.
Crie uma caixa de texto dinâmico, e no nome da instância escreva noticia. Na caixa de texto digite "o texto surgirá aqui" e abra uma boa caixa de texto.
No menu INSERT escolha a opção NEW SYMBOL... Escolha MovieClip e atribua-lhe o nome imagem.
Volte à "Scene 1" e insira o MovieClip imagem na cena. No nome da instância deste MovieClip escreva foto.
Pressione Ctrl+Enter e veja o resultado.
É tudo, bom trabalho!

quinta-feira, 16 de outubro de 2008

Curso

O Curso Tecnológico de Multimédia tem por objectivo a formação de profissionais capazes de conceber, tratar e difundir a informação em suportes digitais.

Este curso habilita o aluno com um conjunto de saberes ao nível do software adequado à criação de aplicações multimédia e à animação digital. O desenvolvimento da actividade criativa está igualmente associado à compreensão e aplicação das potencialidades das novas tecnologias à informação e comunicação visuais, de modo a permitir o desempenho de funções de articulação entre o projecto e o fabrico, de assistência à concepção e de manutenção de produtos e sistemas multimédia.

Saídas Profissionais

Com a qualificação obtida neste curso, o aluno poderá integrar equipas de desenvolvimento de aplicações informáticas, ou trabalhar em sectores como os da comunicação audiovisual, da publicidade ou do cinema, e exercer, entre outras, as profissões de:

assistente de produção multimédia;
assistente de ilustração multimédia;
assistente de realização de produtos publicitários;
assistente de realização de video-clips e de jogos electrónicos.

Se optar por animação e multimédia, o aluno poderá também exercer as seguintes profissões:

assistente de animação;
assistente de ilustração de páginas animadas para a Web;
assistente de animação em 2D e 3D;
assistente de realização de filmes animados.

Se optar por design multimédia, o aluno poderá também exercer as seguintes profissões:

assistente de design multimédia;
assistente de design de páginas para a Web;
assistente de ilustração de publicidade;
assistente de ilustração em 2D e 3D;
auxiliar de comunicação.

Referenciais de Emprego

As profissões integradas neste sector podem ser exercidas por conta própria, em regime de trabalho independente ou de teletrabalho, ou em diferentes estruturas, nomeadamente em gabinetes ou ateliers de arquitectura e design gráfico ou de empresas gráficas, de comunicação audiovisual, de publicidade, ou de produção e manutenção de páginas para a Web, bem como em produtoras de vídeo/televisão ou órgãos de comunicação social. Caso tenha optado por animação e multimédia, o diplomado poderá também trabalhar em locais como empresas produtoras de cinema de animação; caso tenha optado por design multimédia, poderá também trabalhar em locais como empresas de produção multimédia.

Escola - Texto

Escola Secundária Professor Reynaldo dos Santos

O nascimento, há mais de 30 anos, da agora Escola Secundária com 2º e 3º Ciclos Prof. Reynaldo dos Santos foi resultado dos anseios de toda uma região, pois foi o primeiro liceu, num raio de muitos quilómetros à volta de Vila Franca de Xira. Teve a sua origem como secção do Liceu Padre António Vieira mas rapidamente se autonomizou, passando a Escola Secundária n.º 2 e, em 1987, veio a tomar a designação actual. Poucas escolas terão um patrono tão identificado com a sua actividade como esta. Reynaldo dos Santos, a par da carreira médica e de investigador nessa área, foi também um eminente crítico e historiador de arte. Este eclectismo sempre esteve bem patente no desempenho da nossa escola. A escolha deste nome foi, também, um modo de perpetuar a memória de um filho grande da nossa terra.

Desde a fundação aos nossos dias passaram pela "Reynaldo" muitos milhares de alunos que são o testemunho vivo da sua história. Quer em Vila Franca, quer em muitas terras à volta, ou mesmo um pouco por todo o país, vamos encontrar professores, investigadores, médicos, advogados, engenheiros , jornalistas e muitos outros que por lá passaram. A todos eles a mística da Reynaldo marcou. A atestá-lo estão as muitas centenas de funcionários, alunos e docentes, antigos e actuais, que tendo como elo de ligação a nossa escola, fizeram questão de estar presentes numa grande festa de convívio entre pessoas de várias gerações, num grande espírito de fraternidade. O porquê de tudo isto resume-se numa frase: relações humanas. O factor humano tem sido o grande "segredo" da "Reynaldo". Todos os que lá estudaram ficaram agradavelmente marcados para sempre.

A mística continua porque hoje uma boa parte do corpo docente é composto por ex-alunos, e quem melhor que eles, poderia garantir essa continuidade?

Nesta Escola poderão fazer os estudos secundários, do 5.º ao 12.º ano, num ambiente calmo, de segurança, de tolerância e de muito rigor. Aqui encontrarás professores que darão sempre o melhor de si para te ajudarem na complexa marcha da vida.

O sucesso dos nossos alunos é o nosso sucesso. Eis o lema da "Reynaldo".

Aula • 16 Outubro

TRABALHO:

O aluno deve concluir a mensagem do seu blog com a descrição da "Arquitectura de informação" do site ctm. Concluir as cenas Escola e Curso (com textos e imagens).

PRAZO:
Desenvolvimento e conclusão - 16 Outubro (2 tempos)
Derrapagem aceitável - 20 Outubro (2 tempos)

REQUISITOS:
Blogspot.com

TEXTO OBRIGATÓRIO:

Arquitectura de informação de ctm

1. Entrada:

...

2. Escola:

...

3. Curso:

...

4. Alunos:

...

ORIENTAÇÕES:

Primeira parte: trabalho essencialmente composto por texto:

- Descrever em pormenor os elementos e conteúdos de cada uma das 4 "zonas";

- Recolher a informação necessária - texto e imagem (que pretende vir a colocar no site - menos é mais);

- Ter presente que o este seu trabalho pode servir de base ao trabalho a realizar por toda a turma.

Segunda parte: colocar texto e imagem nas cenas Escola e Curso (não esquecer que menos é mais).

PARA AVALIAÇÃO:

Completar a mensagem do Blog Pessoal, com o seguinte título: "Arquitectura de informação de ctm".

SOFTWARE A UTILIZAR:

Firefox ou Internet Explorer, Flash e eventualmente Photoshop

Outubro 2008

terça-feira, 14 de outubro de 2008

segunda-feira, 13 de outubro de 2008

Aula • 13 Outubro

TRABALHO:

00crise (00 corresponde ao número de aluno).
O aluno deve criar um videoClip que ilustre a ideia de "Crise Económica"

PRAZO:
Desenvolvimento e conclusão- 13 Outubro (4 tempos)
Derrapagem aceitável - não existe

REQUISITOS:
Dimensão: 480 x 360px
Perfil: PAL Standard 32Khz (square pixels)

Duração: 60 segundos máximo (50 segundos minimo)

TEXTO OBRIGATÓRIO:

Crise

Economia

Portugal

Europa

ORIENTAÇÕES:

Video essencialmente composto por imagem, qualquer texto é colocado como complemento.

45 min. - Pesquisar e escolher videos e em www.gettyimages.com/Footage/FootageHome.aspx (imagens vídeo);
15 min. - Escolher uma banda sonora que se adapte ao tema http://www.flashkit.com;
90 min. - Elaboração do videoClip, tendo por base os videos recolhidos.

PARA AVALIAÇÃO:

15 min. - Colocar um vídeo no Blog Pessoal com o filme (salvo para a web - mp4 no QuickTime), com o seguinte título: "Crise Económica".

SOFTWARE A UTILIZAR:

Première, Firefox ou Internet Explorer

Outubro 2008

domingo, 12 de outubro de 2008

Arquitectura de informação

Como introdução vejam este link:

http://www.internetandmedia.org/category/arquitectura-de-informacao/

A Arquitectura da Informação (AI) é um passo essencial na criação ou reformulação de um interface. Um bom planeamento de todos os fluxos de informação e das funcionalidades de um site tornam o produto final muito mais utilizável e acessível.

Uma Arquitectura de Informação perfeita deve apresentar as seguintes componentes:

1. Arquitectura de Informação Macro / Estrutura: definição estrutural das grandes áreas do Site e dos grupos funcionais, sejam conteúdos, funcionalidade ou serviços.
2. Arquitectura de Informação Detalhada: definição detalhada da estrutura do Site/Portal ao nível das páginas de navegação e das unidades de conteúdo.
3. Fluxogramas de navegação: definições dos principais fluxos de informação do site/Portal. Imprescindível em sites muito complexos
4. Maquetes Funcionais (Wireframes): definição de blocos funcionais de cada página baseados na Arquitectura de Informação detalhada. Como esquisso...
5. Layouts das Páginas: apresentação dos layouts gráficos resultantes do processo de definição de interfaces e aplicados sobre as páginas maquetizadas em wireframe.
6. Funcionalidades Transversais: descrição de funcionalidades base com implicação na arquitectura de informação e na usabilidade do site.
7. Normas de Acessibilidade a considerar: conjunto de princípios que deverão ser respeitados no processo técnico de criação dos interfaces gráficos de acesso aos conteúdos, serviços e navegação.

www.seara.com [em linha] Soluções>consultoria web>arquitectura de informação [consultado em 12/10/2008] disponível em: <http://www.seara.com/gca/index.php?id=26>

Consultar também:

http://www.nosolousabilidad.com/articulos/historia_arquitectura_informacion.htm

http://www2.ufp.pt/~lmbg/formacao/Usabilidade%20e%20IA.pdf

quarta-feira, 1 de outubro de 2008

Exemplo ActionScript para botão

stop();

//funções - as actions "função" existem uma só vez no filme
function irProblema(event:MouseEvent):void
{
this.gotoAndPlay(1,"problema");
}

//acções botão - as actions "evento" tem que ser existir em cada cena onde existir o botão
ir_problema.addEventListener(MouseEvent.CLICK, irProblema);

quarta-feira, 24 de setembro de 2008

Aula de substituição • 25 de Setembro

TRABALHO:

00cartaz (00 corresponde ao número de aluno).
O aluno deve criar um cartaz que ilustre a ideia de "Metodologia de Projecto"

PRAZO:
Desenvolvimento e conclusão- 25 Setembro (2 tempos)
Derrapagem aceitável - não existe

REQUISITOS:
Dimensão: A4 - 297mm x 210mm (ao baixo)
Resolução: 72 pixels/inch
Perfil de cor: RGB

TEXTO OBRIGATÓRIO:

Metodologia de projecto

1. O problema

2. Investigação: recolha de dados

3. Redefinição do problema

4. Desenvolvimento de ideias

5. Selecção de ideias

6. Desenvolvimento do projecto

7. Execução do projecto

8. Avaliação do projecto

ORIENTAÇÕES:

Cartaz essencialmente composto de texto, qualquer imagem é puro enfeite.

10 min. - Tempo perdido até iniciar realmente a aula (chegada do prof. substituto, leitura destas instruções, terminar as conversas desnecessárias...)
15 min. - Pesquisar e escolher uma ideia base em www.portfolios.com (Graphic Design);
5 min. - Colocar uma mensagem no Blog Pessoal com a imagem da ideia base escolhida, com o seguinte título: "Ideia base" e uma pequena descrição do motivo da escolha;
10 min. - Escolher uma fonte que se adeque bem ao tema;
45 min. - Elaboração do cartaz, tendo por base a ideia recolhida;

PARA AVALIAÇÃO:

5 min. - Colocar uma mensagem no Blog Pessoal com o cartaz (salvo para a web) , com o seguinte título: "Cartaz Metodologia de Projecto".

SOFTWARE A UTILIZAR:

Photoshop, Firefox ou Internet Explorer

Setembro 2008

segunda-feira, 22 de setembro de 2008

Iolanda web design

# As imagens apresentam um equivalente textual – quando se passa o rato em cima da imagem aparece um texto a descrevê-la.
# Os links estão sublinhados para facilitar a compreensão da informação,

# As palavras não podem ter abreviaturas.

David Web Design

Prós:
-Usar cor de texto e côr de texto que se enquadrem para ser de fácil leitura.
Contras:
-Não conter imagens demasiado pesadas para não demorar uma eternidade a entrar no site
-Ter uma resolução que dê para todos os ecrans

André web desing

Pros:
- Ocupe a maior parte da página com conteúdos importantes e relevante
- Fazer um bom contraste entre plano de fundo e o texto usado

Contras:
- um plano de fundo NÃO DEVE ser posto ao caso
- NÃO UTILIZE a cor do plano de fundo próxima a cor do texto.

Nuno Web Design

- Não deverás fazer bagunça.
- Não deverás assassinar vogais para o nome da sua empresa Web 2.0
- Deverás aceitar tecnologias comprovadas.
- Deverás fazer do conteúdo, o rei.

Tiago Web Design :D

Prós:
- Crie menus fáceis e acessíveis para melhorar a navegação;

- Usar uma relosução do site não muito grande, para evitar problemas de visualização em outros computadores com relosuções baixas.

Contras:
-usar letras claras em fundos claros ou cores escuras em fundos escuros, tenha cuidado ao utilizar cores extravagantes, como verde limão brilhante, rosa-choque etc...

-Quanto maior o documento, maior será o tempo de carregamento no browser de seu visitante, evitar o uso de imagens de grandes dimensões, com gifs imensos, arquivos de sons, applets Java, animações etc...

Claudia Web Design

Elementos correctos:
-A criação de páginas deve ser pensada com base na simplicidade de
navegação; três, quatro cliques e acede-se a todos os conteúdos;
-Deve haver equilíbrio entre cores e fonte para melhor legibilidade;

Elementos incorrectos:
-Abuso da cor

Daniela

Prós:
Texto legível;
Fácil acesso a mais informação;

Contras:
Má escolha de cores;

Sofia Web Design

Pros:
Equilíbrio de cores e fonte (tipo de letra) para uma boa legibilidade;
Boa organização menu/conteúdo, para um fácil acesso à informação pretendida

Contras:
Excesso de cores, estilos (bold, itálico), ou seja, falta de estilo homogéneo, torna a visualização desagradável.

Rodolfo Web Design

Prós:
- Imagens de fundo devem servir para:
- Servir como elemento visual que serve de “agrado” ao visitante, suavizando a “carga sensorial” e aparecendo como algo bonito de se ver;
- Contribuir para a experiência dos visitantes, direcionando seu olhar para o conteúdo.

Contras:
- Fazer o visitante "navegar" muito dentro do site para chegar ao conteúdo desejado.

João Web Design

PROS:
-Apresente as informações mais importantes primeiro.
-Utilizar link’s com títulos para permitir ao utilizador, visualizar antecipadamente para onde se encaminha a cada link antes de clicar.

CONTRAS:
-NUNCA altere o tamanho do browser do usuário.

Miguel-Web Design

Foi-nos pedido, para pesquisarmos sobre "Web Design" e para postarmos no blog do nosso prófessor(muahaha) 2 prós e 1 contra acerca do Web Design.

Quando estamos a fazer um site temos que ter um conta três coisas:

Prós:

-Imagens Optimizadas:
-As imagens deverão ser o mais pequenas possível e deverão ter exactamente o tamanho que irão ocupar na página.

-Navegação fácil e objectiva:
-A navegação dentro de um site deve ser simples. Trabalhe num bom modelo de navegação e mantenha-o em todas as páginas do site. Deverá ser possível ao utilizador identificar todos os links de uma página através da visualização da página sem efectuar qualquer acção.

Contras:

-Má escolha de cores:
-Páginas com muitas cores baralham os utilizadores (efeito Las Vegas). Uma página deve conter no máximo 5 cores diferentes e estas devem ser usadas de forma coerente, por exemplo os links devem ter sempre a mesma cor assim como os textos.