Registos da visita de estudo ao FabLab Lisboa

Viva, já está publicada no site do FabLab Lisboa a reportagem fotográfica da visita de estudo da turma no passado dia 22 de Maio – para recordarem e para voltarem em qualquer dia aberto – fica a sugestão já para as férias ou para concretizarem os vossos protótipos no próximo ano lectivo.

Um agradecimento muito especial ao Bernardo Gaeiras, ao Rafael Calado e ao Rui Sequeira do FabLab Lisboa, que nos orientaram e ajudaram a produzir as nossas experiências nesta visita! Obrigada também ao Sr. Guilherme da caixotaria Duran, à Maria Boavida do projecto de upcycling, e aos utilizadores que nesse dia partilharam os seus trabalhos que se encontravam a realizar no FabLab :) :) :)

https://www.flickr.com/photos/monicamendes/albums/72157644575763290/

Sessões de Pré-Avaliação

Balanço final dos conhecimentos adquiridos ao longo do semestre em sessões de pré-avaliação.

Sessão 2
26 Maio, Segunda, 9:30-14:30
09:30 Vasco Martins Casula
09:45 Tatiana São Marcos Dias
10:00 Sofia Marques Espadinha Catana Martins
10:15 Sérgio Carlos Conde Lamego
10:30 Rita de Almeida) Trindade
10:45 Ricardo Ramos de Oliveira
11:00 Cláudio André Dantas da Cruz
11:15 Pedro Miguel Coelho Moço
11:30 Mariana Santos de Azevedo
11:45 Marta Filipa Évora Fernandes
12:00 Mariana Carolina Rodrigues Romão
12:15 Maria Miguel
12:30 (Maria) Isabel Orta Oliveira de Herédia Cordovil
12:45 Maria Dias Marau Jordão
13:00 Margarida Lestra Chaves Salvador
13:15 Margarida de Sousa Morais
13:30 Mafalda Sousa Lopes de Almeida Monteiro
13:45 João de Goes Vicente
14:00 Peter Raday

Sessão 3
26 Maio, Segunda, 15:00-16:30
15:00 Lucas Alves Esteves
15:15 Lourenço Pereira Caldas Penaguião Soares
15:30 Leonor dos Santos Antunes Domingues Lopes
15:45 João Miguel Faria de Abreu
16:00 João Maria Oom Ralão Duarte
16:15 Isabel Sofia Moisão Lopes

Sessão 4
27 Maio, Terça, 17:00-18:30
17:00 Inês Maria Tomé Silva
17:15 Inês da Luz Moleiro Lourenço Branco
17:30 Hugo Abreu
17:45 Gustavo Filipe Pereira de Sousa
18:00 Gonçalo Sebastião Martins Alves Ferrera Regalado
18:15 Gabriel Filipe Duarte Gonçalves

Sessão 5
28 Maio, Quarta, 16:30-20:30
16:45  Carolina Sofia Murca Cardoso
17:00  Francisca de Almeida Botelho Roseiro
17:15  Filipe Almeida Pinto
17:30  Filipa Alexandra Teixeira Brás
17:45  Eugénia Burnay Pinto Coelho
18:00  Diogo Miguel Monteiro Alexandre
18:15  Diana Maria Silva Gomes
18:30 Diogo Guarda David Rodrigues
18:45  Daniel Alves Carvalho
19:00  Catarina Romão Coroado
19:15  Catarina Lopes Abrantes
19:30  Carolina de Assunção Mendonça
19:45 Carolina Cardoso Barbosa
20:00 Carla Maria Benevides Lima

Sessão 6
29 Maio, Quinta, 9:30-13:30
09:30 Camila Beatriz Almaguer Barros
09:45 Beatriz Matos Lourenço
10:00 António Mesquita Branquinho dos Santos
10:15 Antim Evtimov Batchev
10:30 André Filipe Baptista de Jesus
10:45 Ana Sofia Sá Costa
11:00 (Ana) Rita Santiago Corceiro
11:15  Ana Marta Pereira Moreira
11:30  Ana Filipa Ribeiro Paiva
11:45  Ana Dias Ventura
12:00  Ana Luisa de Freitas Aguiar
12:15  Ana Filipa Seixas Nascimento de Sousa
12:30  Alice Lourenço dos Reis Correia
12:45  Alice Afonso Coelho
13:00 Afonso Tavares Amaro

..………………………………………………………………………………………………

Visita de estudo ao FabLab Lisboa | 22 Maio 2014 às 11:00

É já na próxima Quinta-feira, dia 22 de Maio, a visita de estudo ao FabLab EDP, onde iremos fabricar a colecção de ícones que criaram como 1º exercício da disciplina de Meios Digitais!

A visita será das 11:00 às 13:00 e recomenda-se chegarem 15 min. antes. O ponto de encontro será directamente no local da visita – Mercado do Forno Tijolo.

Como preparação, explorem o site do fabLab Lisboa e os projectos que têm sido concretizados por lá!

Exercício de Código: Programação Criativa [Interacção e comportamentos]

Início: 5 Maio | Apresentação na aula: 19 Maio | Publicação online até 23 Maio

CONCEITO
Exploração do código como matéria-prima para expressão artística. Introdução ao Processing como ferramenta de desenho, animação e interacção.

Código » s. m. 1. Coleção de leis. 2. Coleção de regras, preceitos, fórmulas, etc. 3. Sistema de símbolos que permite interpretar, transmitir uma mensagem, representar uma informação de dados. 4. Sistema convencional, rigorosamente estruturado, de símbolos ou de sinais e de regras combinatórias integrado no processo da comunicação.

METODOLOGIA
Duas sessões de apresentação de conteúdos e experimentação, orientadas pelo programador criativo Pedro Ângelo, onde será pedido aos alunos que efectuem 2 breves exercícios de exploração criativa do código utilizando o Processing. A 3ª sessão compreende a apresentação dos trabalhos pelos alunos e comentários, esclarecimento de dúvidas e sugestões pelo orientador do módulo.

 

SESSÃO 1 (5 Maio)

• Introdução ao Processing
  • Porquê programar?
• Instalação do Processing
• Fundamentos da programação em Java
  • Expressões
  • Variáveis
  • Funções
• Funções de Desenho
  • Tela
  • Cores
  • Pontos
  • Linhas
  • Curvas
  • Elipses
  • Rectângulos
  • Polígonos
  • Formas
  • Estilos
  • Imagens

Slides Sessão 1

Exercício 1
Criar uma composição visual estática no Processing usando pelo menos três das funções de desenho apresentadas na aula. Devem dar-lhe um titulo do género: nomeapelido_codigo_1_titulodosketch

 

SESSÃO 2 (12 Maio)

• Loop de animação
• Onion skin
• Representação do tempo
• Interpolação
• Movimento linear
• Movimento periódico
• Movimento aleatório
• Particulas
• Interacção

Exercício 2
Criar uma composição dinâmica simples a partir de um dos seguintes exemplos (experimentem tentar perceber o que o código faz e modificá-lo até obterem algo que achem interessante). Devem dar-lhe um titulo do género: nomeapelido_codigo_2_titulodosketch.

 

SESSÃO 3 (19 Maio)

A parte inicial da aula será dedicada ao esclarecimento de dúvidas e o restante à apresentação dos vossos exercícios.
Depois da aulta terão até ao final da semana – Sexta-feira, dia 23 de Maio – para publicar no blog um artigo com o código e uma imagem (screenshot/printscreen) da tela de cada um dos vossos dois exercicios.

 

REFERÊNCIAS
Ruth Leavitt (ed.), “Artist and Computer”, 1976
Florian Cramer, “Words Made Flesh”, 2005
Daniel Shiffman, “Nature of Code”, 2012
Casey Reas et al., “Form+Code”, 2010, Princeton Architectural Press
John Maeda, “Creative Code”, 2004, Thames & Hudson
Rick Parent, “Computer Animation, Algorithms and Techniques, Second Edition”, 2007, Morgan Kaufmann
Gary William Flake, “The Computational Beauty of Nature”, 2000, MIT Press
David Atkinson, “Animation Notes: 12 Principles of Animation”
Daniel Shiffman, Learning Processing, 2008, Morgan Kaufmann
Site Oficial do Processing
Comunidade OpenProcessing

Embora com características diferentes, podem explorar também os resultados dos exercícios dos colegas do ano anterior 

Lista de alunos para as sessões de pré-avaliação

1ª sessão: 5 Maio, das 9:30 às 11:00
Sofia Espadinha
Maria Miguel
Margarida Salvador
Hugo Abreu
Filipa Brás
Cláudio Cruz
Catarina Coroado
Carolina Barbosa
Ana Ventura
Afonso Amaro

—

A partir das 11:00 iniciaremos a aula com a matéria e primeiro exercício de introdução ao Código.

6 Maio, 17h
17:00 Ana Ventura
17:15 Afonso Amaro
17:30 André Jesus
17.45 Carla Lima
17.45 Carolina Barbosa

—

As sessões seguintes serão marcadas após a conclusão do 3º exercício, na aula de 19 de Maio.

 

Exercício de TEXTO: grupos de trabalho

Alice Correia
Gonçalo Regalado
Mariana Romão

Carla Lima
Catarina Coroado
Filipa Brás
Sérgio Lamego

Carolona Cardoso
Ana Sofia Costa
Antim Batchev

Ricardo Oliveira
Margarida Morais
Eugénia Burnay

Sofia Espadinha
Ana Marta Moreira
Catarina Abrantes

Margarida Salvador
Tatiana Dias
Rita Corceiro

Mafalda Monteiro
Gustavo Sousa
Camila Barros
(Rita) Trindade

Gabriel Gonçalves
João de Goes
Mariana Azevedo
Cláudio Cruz

Lucas Esteves
Hugo Abreu
Diana Gomes

Isabel Lopes
Leonor Lopes
Maria Miguel
Beatriz Lourenço

Ana Ventura
Afonso Amaro
André Jesus

Carolina Mendonça
Carolina Barbosa
Marta Fernandes

Alice Coelho
Daniel Carvalho
Ana Aguiar

Maria Jordão
João Oom
(Ana) Filipa Paiva

Inês Branco
Francisca Roseiro
João Abreu

 

 

Exercício de TEXTO: Paradoxo [Expressividade+Hierarquia]

Início: 24 Março | Apresentação do trabalho em curso na aula: 7 Abril | Publicação da versão final online no blog: 27 Abril

I. CONCEITO
Representar um paradoxo através da conjugação expressiva de texto (palavra/expressão/citação) com a imagem de um colega da fase anterior e mencionar os autores do texto e da imagem, com o objectivo de aferir as linhas estruturais das imagens e de aplicar conhecimentos elementares de tipografia em função da expressividade e hierarquização de conteúdos.

Paradoxo » 1. afirmação contraditória que desafia a lógica e o senso comum | 2. recurso estilístico em que uma afirmação aparentemente contraditória se revela como verdadeira | 3. situação que vai contra o senso comum e a lógica; absurdo | 4. coisa incrível | 5. opinião contrária ao sentir comum (Do grego parádoxon, «opinião ao lado de outra», pelo latim paradoxon, «paradoxo»)

II. METODOLOGIA
Trabalho: equipas constituídos por 3 elementos para discussão em grupo e trocas de imagens (seleccão de 1 imagem de um dos colegas e entrega das suas imagens para o outro colega seleccionar 1 para trabalhar) | Matérias: Tipografia, expressividade, estrutura da imagem, conjugação de imagem com texto, Hierarqui da informação | Ferramentas de software: Inkscape/Illustrator, GIMP/Photoshop (ou equivalentes).

III. A ENTREGAR
» 1 impressão em papel [18cm x 18cm]
» 4 ficheiros: documento de trabalho, imagem de captura do ecrã (screenshot) do processo em curso, imagem para impressão, e imagem optimizada para ecrã

—
O artigo no blog deve incluir a imagem optimizada para ecrã e uma breve descrição que inclui a menção dos tipos de letra utilizados (com link para as fontes caso tenham feito donwload de um site) – até 100 palavras. A categoria a seleccionar é “Exercício TEXTO”.

—
REFERÊNCIAS
Matéria e referências de Tipografia das aulas

+ Thinking with Type, Ellen Lupton “Typography is what language looks like”
+ Digital Foundations: “Type on the Grid”

& exemplos de Projectos pelos alunos de Meios Digitais de AM e de PMI de CAP do ano lectivo anterior.

Indicações resumidas para pixel art

Pixel Art Photoshop, tutorial vídeo Photoshop

Resumo do tutorial no photoshop:

1. pencil em vez de brush (1 px, 100 hard)
2. brush (1px, 100 hard)
3. preferences > grid (1 x 1)
preferences > general > interpolation > nearest neighbor
view > show grid

Atalhos mais frequentes para pixel art no Photoshop:
pencil tool (“B”),
marquee tool (“M”) holding “Shift” or “Alt”: add or subtract from selection
magic wand  (“W”)
eyedropper (“I”)
“X”, which switches your primary and secondary colors.

—
GIMP – Vídeo-tutoriais:
Setting Gimp Up for Pixel Art
Como configurar o GIMP para “pixel art”

Resumo:
1. new > 64×64, advanced 72dpi,
2: alterar preferências da grelha – menu image > configure grid > 1 x 1
3. na toolbox, configurar pencil (circle01)

Visita de Estudo à exposição INTER[IN]VENÇÃO – Colecção ZKM | 14 Março

INTER[IN]VENÇÃO – Colecção ZKM | Karlsruhe

Inter[in]venção traz a Évora algumas das obras mais significativas de um dos pioneiros da media art, Nam June Paik, e reúne 33 peças de 39 artistas de renome internacional, tais como Bruce Naumann, Marina Abramovic, Bill Viola, Christa Sommerer & Laurent Mignonneau, Paul Sermon, Tony Oursler, Peter Weibel,  Masaki Fujihata, Valie Export, Pipilotti Rist, Paul Garrin, Robert Wilson, entre outros.
O espetro de formatos das obras expostas abarca a videoescultura, videoarte, videoperformance, videoinstalação, instalação audiovisual, instalação interativa e instalação sonora interativa.
Fundação Eugénio de Almeida, Évora

Lista completa de obras e artistas + Website ZKM | Media Museum

Sexta-feira, dia 14 de Março
Partida de Lisboa (Marquês de Pombal) às 14:30
Regresso de Évora (Largo do Conde de Vila Flor) às 19:30 (Hora de chegada a Lisboa: 21:00-21:30)

100 participantes (2 autocarros x 50 pessoas): professores, monitores e alunos (Meios Digitais, Computação Multimédia e Instalação e Performance de AM, Projecto Multimédia II de CAP, e Audiovisuais do mestrado AM – AV).

—
Apoio da FBAUL
Comparticipação dos alunos: 5 euros

1º Exercício | IMAGEM [Metáforas]: alternativas

Início: 10 Fevereiro | Apresentação na aula + publicação online: 17 Março

Será que as metáforas das interfaces dos sistemas operativos e das aplicações digitais que usamos têm que ser baseadas em metáforas ligadas à criação em contextos não digitais? … E se propuséssemos novas funcionalidades, que ícones as representariam?

“Computer software interfaces are built on metaphors. These metaphors link the digital interface to real life tools and processes.” in Digital Foundations

Metáfora 1. figura de estilo que consiste em usar um termo ou uma ideia com o sentido de outro com o qual mantém uma relação de semelhança | 2. Representação simbólica de algo.

I. CONCEITO
Este exercício consiste na criação de uma imagem raster/bitmap que represente uma metáfora nova ou alternativa a um dos ícones de funcionalidades de programas ou de sistemas operativos, na representação de um ícone inspirado nessa imagem em desenho vectorial, e na adaptação para pixel art.
O desafio deste exercício passa por pensar criticamente ao usar as ferramentas, propondo metáforas novas ou alternativas como forma de questionar as que utilizamos no dia-a-dia nos meios digitais (aplicações, sistema operativo, …).

II. IMAGENS
Bitmap/Raster: registo da metáfora de inspiração (ex.: elementos do mundo físico, …)
Vectorial: símbolo criado a partir da metáfora (silhueta ou stencil passível de ser cortada a laser)
Pixel Art: ícone legível em tamanho reduzido (64×64 pixels)

III. A ENTREGAR
1. Ficheiros das imagens raster, vectorial e raster [Ficheiros de trabalho+ versões optimizadas para impressão e para ecrã]
2. Impressão em papel [raster: 20cmx20(ou15)cm | vectorial: 10cmx10cm | pixel art: 5cmx5cm]
3. Publicação de artigo no artigo no blog, incluindo: as 3 imagens (optimizadas para ecrã) | Breve descrição do conceito (máx. 50 palavras) | Referências relacionadas (ex.: ícones de inspiração inicial, tutoriais a partilhar com os colegas).

—
Metodologia
Trabalho individual, com possibilidade de coordenação e definição dos conceitos em grupo. Esboçar as ideias, representar em bitmap (fotografar, desenhar), transcrever para vectorial e para pixel art. Apresentação dos resultados à turma | Referências da criação de ficheiros para exportação para outros contextos como o corte a laser, com visita de estudo a FabLab.

—
Referências

» Digital Foundations, FLOSS Manuals
» Metáforas da interface nos computadores, Organização,Vector vs. Bitmap e Formatos de ficheiros.
» Ferramentas de software (Inkscape/Illustrator, GIMP/Photoshop
» Digitalização, Resoluções e introdução à edição de imagem com GIMP
» Ferramentas AlternativeTo. Ex.: Pixen, Draw!, Grafx2
» Origens de alguns símbolos usados em interfaces.
» Pixel Art tutorial, por Derek Yu
+ Exemplos de trabalhos do ano anterior pelos alunos de PMII e pelos alunos de MD

………………………………………………………………………………………………………….
MATÉRIAS RELEVANTES
Usabilidade da interface, características do desenho vectorial e imagem bitmap e utilização das respectivas aplicações.Interface | Conceito
Superfície de contacto: reflecte as propriedades físicas e sugere as funções a operar [Hackos & Redish 1998].
Comunicação humano+computador & aspectos cognitivos+emocionais relacionados com a experiência do utilizador [Laurel & Mountford 1998].
Visualização da informação e onde são conceptualizadas as abstracções  a apreender: Interfaces Visuais.Usabilidade | Heurísticas
Visibility of system [Feedback]
Match between system and the real world [Metáfora]
User control and freedom [Navegação]
Consistency and standards [Consistência]
Error prevention [Prevenção]
Recognition rather than recall [Memória]
Flexibility and efficiency of use [Eficiência]
Aesthetic and minimalist design [Design]
Help users recognize/diagnose/recover from errors [Recuperação]
Help and documentation [Ajuda]
Jakob Nielsen, Ten Usability Heuristics + Exemplos do WebdesignAnálise de Utilizadores e Tarefas
Técnicas para representar a acção das pessoas, prever dificuldades e avaliar os sistemas – requisitos funcionais ou de usabilidade:
Pensar nos Utilizadores | Actividades | Ambiente | Seleccionar técnicas | Visitas  ao local | Preparação das visitas Condução das visitas | Entrevistas | Da análise ao design Trabalhar em função do design de interfaces | Prototipar Documentação e formação [JoAnn Hackos, Janice Redish [1998] User and Task Analysis for Interface Design, John Wiley & Sons]…………………………………………………………………………………………………………

“Hello World!” Meios Digitais [MD]

Bem-vindos à plataforma de publicação da disciplina de Meios Digitais 2013-14!

Para poderem participar neste blog como autores, terão que aceder ao formulário deste link (http://goo.gl/mGdxVI) e preencher os vossos dados (nome, email e localidade).
Assim que fizerem o registo, receberão o convite que vos permitirá publicar neste blog como autores.

Fica, para já, a sugestão de navegarem pelo blog do ano passado – Meios Digitais 2013.
Para além da apresentação na aula, aqui fica o link do meu site com mais informações acerca do meu percurso e experência.

Saudações e votos de um bom semestre!