Registos da visita de estudo ao FabLab Lisboa

20140522_visitaFBA_FabLab_vinilJanelaFBAUL_web

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 :) :) :)

DSC00226

 

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.

 

Exercicio de Texto

Para este exercício, resolvi criar uma aplicação onde existem 5 personagens que têm várias personalidades e funcionalidades diferentes.

Aparecem em pop-up num canto do ecrã.

 

kirz     Kira – É a personagem principal que te introduz ao programa e é responsável por te dizer o que tens para fazer naquele dia, trabalhos que tens para fazer, etc.

ss (2014-03-11 at 11.59.43)   Neko –  É a personagem responsável por te dar as notícias dos teus sites preferidos, que podes escolher quais são.

ss (2014-03-12 at 12.59.07)  Mari – É a personagem responsável por te dizer quando não estas a trabalhar e devias, determina-te prazos e caso estejas a trabalhar demasiado, ela diz-te para pareres por um bocado.

ss (2014-03-13 at 11.11.23)     Taiko – Dá-te todas as novidades do entertenimento: Jogos, filmes, etc… Recomenda-te vídeos e histórias, assim como sites interessantes.

ss (2014-03-13 at 08.21.28)    Haru – É a responsável por te arranjar uma playlist de músicas para trabalhares, consoante a tua disposição. Dá-te todas as músicas novas consoante também os seus gostos.

Exercício de Texto

Para este exercício, escolhi trabalhar com a imagem da Diana Gomes, onde se apresenta um cão de guarda. Para criar então uma metáfora, decidi pegar na expressão: “O cão é o melhor amigo do Homem”, mas suaviza-la, de maneira a que a imagem não fique pesada numa perspectiva da sua composição. Assim, apenas inserindo a palavra “Amigo”, é o suficiente para as pessoas aperceberem-se do que se trata. Para alem do mais, decidi moldar a palavra “amigo”, de maneira a que ficasse na localização onde estariam os dentes do cão, vincando esta noção de paradoxo.

 

lucasesteves_paradoxo_ficheiro_vestorial

Exercício de Imagem

Para o meu exercício, ao invés de modificar a ícone de uma ferramenta de um programa, decidi criar o meu próprio conceito para um programa e criar também uma metáfora através do ícone que o programa teria.

Este programa teria a finalidade de permitir, de forma rápida, que o utilizador escreva tudo o que se lembre sobre o sonho que teve na noite anterior. Sendo uma combinação entre um programa de texto, e escrita sobre sonhos, decidi implementar a componente da escrita com uma pena e a componente dos sonhos, simbolizado com a estrela. Juntos, dão o logo deste programa.

 

 

Bitmap

lucasesteves_metafora_bitmap

 

 

Vectorial

 

 

 

 

lucasesteves_metafora_vector

 

 

Pixelart

 

lucasesteves_metafora_pixelart

PERGUNTAS E RESPOSTAS

Para este exercício utilizei a imagem da minha colega Mafalda Monteiro.

Pensei no baú como um objecto que é usado para guardar outros objectos. Metaforicamente, o baú pode ser o nosso cérebro onde guardamos as memórias, sentidos, imagens, sensações, etc. Usei então, a frase “O homem procura respostas e encontra perguntas” de um autor desconhecido, que é claramente um paradoxo. O típico baú que costuma estar cheio de moedas e dinheiro está então, cheio de pontos de interrogação, representando as questões, dúvidas e interrogações das quais a Humanidade procura respostas.

Script MT Bold é o tipo de letra usado, para sugerir a escrita humana.

 

baú

Exercício Código

Neste exercício fiz algumas tentativas com alguma dificuldade.

Na primeira parte do exercício até foi relativamente fácil e tive a ideia de criar uma cara simples com uma expressão algo cómica:

filipepinto_codigo1_surprise_face_screenshot

void setup() {
size (400, 500);
background (155, 210, 235);
smooth (8);
fill (250);
ellipse (200, 300, 200, 300);
ellipse (100, 100, 75, 100);
ellipse (300, 100, 75, 100);
fill (50);
ellipse (90, 120, 30, 50);
ellipse (290, 120, 30, 50);
line (90, 200, 30, 150);
line (85, 210, 20, 180);
line (80, 225, 10, 220);
line (310, 200, 370, 150);
line (315, 210, 380, 180);
line (320, 225, 390, 220);
noStroke ();
ellipse (200, 310, 190, 280);
fill (254, 102, 100);
ellipse (200, 375, 125, 100);

fill (165, 180, 190);
noStroke ();
ellipse (200, 475, 50, 25);

}

Na segunda parte do exercício criei uma pequena interactividade que permite criar círculos de várias cores à medida que se vai clicando no fundo.

filipepinto_codigo2_ellipseinteract_screenshot

 

void setup () {
size (800, 800);
colorMode(RGB);
background(255, 204, 20);
}

void draw () {
if (mousePressed) {
rectMode (CENTER);
noStroke();
fill (random(255), random(255), random(255), 70);
ellipse (mouseX, mouseY, 200, 200);
}
}