Aula VIII - 30/11/11

- Conclusão do exercício da aula passada -> alteração de alguns elementos na criação das linhas de chamada das cotas:

# Comando dimstyle em modify pode-se alterar distâncias como a distância da linha de chamada das cotas ao ponto original (offset from origin: 3) e a distância que vai para além da linha de chamada (extend beyond dim lines: 2);

# Colocar sempre três casas decimais -> comando dimstyle, modify, primary units e desactiva-se o trailing;

# Em primary units pode-se colocar sufixos nas cotas (m);

# Comando dimang e seleccionar os segmentos de recta para colocar a indicação de um ângulo em questão;

# Em properties pode-se tirar o "m" do ângulo;

# Comando circle, 3d para criar um círculo, depois de seleccionar 3 pontos;

# Comando dim, radius para colocar a indicação da medida do raio do círculo criado anteriormente;

# Comando dim, leader (para indicar com setas alguns elementos) e selecciona-se o ponto que se quer referir, neste caso o vértice do pentágono;

# Comando pedit, j, seleccionar a linha s para arredondar a linha criada anteriormente;

# Comando dimstyle, modify, texto para alterar a cor do texto (a cor das cotas não é a mesma que a das linhas de chamada).

- 2.ª parte da aula -> criação de padrões:

# Criação de um círculo, uma linha horizontal e vertical a passar pelo ponto 0,0;

# Comando h e selecciona-se solid -> para tudo estar visível selecciona-se pick points;

# O segundo padrão usado foi o net -> ângulo 45 com as dimensões 0,01;

# O terceiro padrão usado foi o arc conc -> ângulo 0 com as dimensões 0,001;

# Comando spline para a criação de um padrão fora do círculo criando uma linha e offset para copiar as linhas;

# Comando boundary e print points pode-se dividir a "fatia";

# Comando sc para ajustar o padrão à "fatia";

# Comando trim para apagar o que está à volta da "fatia";

# Comando move, selecciona-se o padrão e comando remove para tirar o limite com o objectivo de arrastar o padrão para dentro do círculo.

- 3.º exercício - pormenor de arquitectura:

# Criação de duas layers com os nomes: imagem e auxiliar;

# Insert -> attach image -> selecciona-se o pdf do pormenor a trabalhar e coloca-se no documento em AutoCad;

# Representação dos pormenores à escala real -> só quando se passa para o layout (enquadramento do papel - limitado) é que se criam várias janelas associadas a uma determinada escala;

# Comando xline para desenhar uma linha horizontal por cima da imagem;

# Converter a medida 8`9`` para metros -> comando offset, (+(*8 0.305) (*9 0.024)) -> 2,656 metros - 8`9``;

# Copia-se a primeira linha com esta medida encontrada em metros;

# Criação de mais duas linhas: uma horizontal e uma vertical;

# Comando sc, escolhe-se a referência para colocar a imagem à escala -> primeiro seleccionar o ponto base (intersecção da linha vertical com a primeira linha horizontal) e leva-se ao ponto na linha horizontal mais alta, depois puxa-se para a linha do meio e a imagem fica com a escala daquele desenho.

Proposta para o exercício - Pormenor Construtivo em AutoCad

Aula VII - 23/11/11

- Revisão do exercício realizado na aula anterior:


# Comando rec -> coordenadas 0,0; 1,1;
# Comando region para criar uma região e seleccionar a entidade já criada;
# Comando (command "array") para rodar a entidade;
# Seleccionar a entidade, confirmar a selecção da mesma e escolher a característica polar -> ponto de rotação 0,0. No final é preciso seleccionar 2 itens e o ângulo 35;
# Comando copy para copiar a entidade, a seguir copia-se outra vez;
# Escolher dois pontos das figuras anteriores para o terceiro conjunto ficar com a mesma distância de afastamento dos conjuntos anteriores;
União, subtracção e intersecção:
# Comando union -> seleccionam-se os dois quadrados;
# Comando subtract -> seleccionar o primeiro quadrado, que vai ser alvo da alteração;
# Comando intersect -> seleccionam-se os dois quadrados ao mesmo tempo;
# Criar uma layer com o nome "legendas" com a cor amarela;
# Comando dtext e j para introduzir as legendas -> assinalar um ponto por baixo da primeira figura e coloca-se caixa de texto com a altura de 0.1;
# Comando properties para se poder ver todas as propriedades do texto -> alterar a altura para 0.07.


- 2.ª parte da aula: alterar os formatos do texto:


# Alterar width factor para colocar as letras mais esguias -> 0.7;
# Em height coloca-se 0.7 para colocar uma altura definida.


- Introdução de cotas no terceiro exercício:


# Criar duas layers: forma -> cor vermelha, cotas -> cor amarela;
# Comando polygon e desenha-se a figura;
# Comando dim para colocar as cotas -> comando hor para medidas na horizontal, ver para medidas na vertical e ali para medidas oblíquas;
# Comando dimstyle;
# Comando dim e con para marcar o resto das cotas;
# Alterar as setas para architectual tick;
# Para aumentar o grau de precisão, alterar o número de casas decimais para 3, em milímetros.

Nova página inicial (em photoshop)

Aula VI - 16/11/11

- Continuação da realização de exercícios em AutoCad - construção de um tabuleiro de xadrez:


# Criação de duas layers: a das peças brancas e a das peças pretas;~
# Comando solid (que já conhecemos como ferramenta da mancha);
# Criação das peças quadrangulares que têm como coordenadas: 0,0; 1,0; 0,1; 1,1;
# Comandos zoom e e para visualizar;
# Usando os comando array e r faz-se cópias do quadrados, obtendo 4 quadrados -> 4 colunas com um intervalo de 2 entre elas;
# Comandos copy, all para copiar os quadrados já obtidos de modo a criar então o tabuleiro de xadrez -> selecciona-se a diagonal do quadrado, de baixo para cima, da esquerda para a direita;
# De novo os comandos copy, all e selecção de um ponto e depois @ -> serve para indicar as coordenadas do último ponto seleccionado;
# Comandos mirror e p, seleccionam-se as entidades e copiam-se usando um eixo na horizontal, d esquerda para a direita, a meio da mancha obtida pelo xadrez;
# Comandos chprop e p para a criação das peças pretas;
# Novamente o comando chprop e filter para conseguir seleccionar através das layers e adicionar a layer das peças pretas;
# Comandos chprop e t para escolher uma altura -> 0.1;
# Comando vp para visualizar -> escolhe-se os graus x:215, y:35;
# Comando shade para visualizar tudo.


No segundo exercício:


# Comando rec que serve para desenhar restângulos com apenas dois pontos da diagonal -> 0,0; 1,1;
# Comando list permite ver as propriedades das entidades criadas;
# Comando region e seleccionar a entidade;
# Comando shade para preencher;
# Ao usar o comando list já se podem ver as alterações;
# Comando array para criar o segundo quadrado, escolheu-se polar e os pontos médios do quadrado (0.5,0.5). O ângulo escolhido foi 45;
# Comando union para unir as entidades;
# Criar as 3 layers com os nomes: união, intersecção e subtracção -> congela-se a união;
# Selecciona-se a layer da subtracção e recorre-se ao comando rec para criar novamente o quadrado -> o segundo quadrado tem de ângulo -10;
# Comando region para visualizar apenas a subtracção e depois, subtract, sendo necessário seleccionar primeiro o quadrado original;
# Para a intersecção, faz-se o mesmo que se fez anteriormente congelando-se também a layer da subtracção;
# Comando intersect para visualizar a intersecção.

Exercício em PhotoShop

Links:


gaudi.fa.utl.pt/~20101055/marilynmonroe.html


gaudi.fa.utl.pt/~20101055/destinyschild.html


gaudi.fa.utl.pt/~20101055/marlenedietrich.html

Aula V - 9/11/11

A aula foi dada por Sara Garcia e realizámos, mais um vez, um exercício em AutoCad com o objectivo de criar uma parábola.


# Criação de linhas e pontos auxiliares: 
linha horizontal -> comandos xline, h, 0,0 (2x enter)
linha vertical -> comandos xline, v, 0,0 (2x enter)
# Criação do primeiro ponto auxiliar: comando point, coordenadas 0,1;
# Comando pdmode e depois 34 (de modo a que o ponto seja visível);
# Criação do ponto médio entre o ponto anterior e a linha horizontal: comando point, coordenadas 0,0.5;
# Criação de 3 linhas auxiliares: comando offset (seleccionar a linha horizontal e arrastá-la). A distância entre as linhas é 1.
# Construção de um círculo: comando circle, raio 1 e seleccionam-se posteriormente 2 pontos dessa circunferência, obtendo-se 3 pontos da parábola;
# Criação de mais 2 circunferência e obtenção de mais 2 pontos;
# Criação de uma circunferência com raio 3 a partir do centro da primeira circunferência construída e marcar de novo mais 2 pontos que vão formar a parábola;
# Construção de uma linha a partir de um dos pontos de maior cota até ao centro da primeira circunferência criada e outra perpendicular à directriz;
# Comando osnap para activar o ponto médio que vai pertencer a uma nova circunferência cujo centro é o ponto de maior cota;
# Comando trim e selecciona-se as linhas que unem o ponto superior à directriz e ao centro da primeira circunferência criada para a construção de uma outra linha que atravesse o meio do arco;
# Prolonga-se a linha até à outra linha na horizontal usando o comando extend;
# Usando o comando mirror, copia-se a linha para o lado direito;
# Comando spline: serve para unir os pontos e criar a parábola;
# Comando revsurf: para tornar a parábola uma figura tridimensional -> comando orbit;
# Comando surftab1 (colocar mais faces no objecto) -> escolhem-se 17 entidades;
# Para visualizar todas a faces -> novamente comando revsurf;
# Comando shade para preencher o objecto.

Propostas para o exercício a realizar em PhotoShop

Aula IV - 2/11/11

- Continuação do exercício realizado na aula anterior em AutoCad:

# Preenchimento das figuras com uma mancha da respectiva cor (criação de novas layers para as manchas de cor) -> comando so (SOLID) e marcação dos pontos que delimitam a mancha;

Nota: Só é possível marcar um número máximo de 4 pontos. Para o caso do pentágono, terão se ser criadas duas manchas. 

# O símbolo existente no lado esquerdo do nome das layers serve para bloquear o polígono de modo a que este permaneça inalterado ou para fazê-lo desaparecer;

# Para a criação da mancha do círculo -> comando donut:

                                                           donut -> 0 (diâmetro círculo interior)

                                         donut -> 1 (diâmetro círculo exterior)

# Para observar os polígonos em perspectiva: comando vp;

# Para uma maior precisão: comando units (ajustando às centésimas ou milésimas);

# Após a escolha da página a trabalhar, carrega-se em modify;

# Em printer selecciona-se DW;

# Em paper size selecciona-se o tamanho da página, no caso deste exercício -> A3 (420x297);

# Novamente: comando layer;

# Na coluna vp freeze selecciona-se os polígonos que se irão visualizar (meramente na página em que se está a trabalhar);

# Seleccionando a janela em que o polígono está presente e depois usando o comando zoom, depois: 1000/100xp, o mesmo será colocado com uma escala;

# Para se visualizar cada polígono um a um, copia-se a janela de anteriormente e selecciona-se a layer do polígono, impedindo a visualização dos restantes polígonos;

# É possível retirar o limite da janela para proceder à impressão, basta carregar na layer à qual aquele limite corresponde (cor associada);

# Em preview, é permitido ver o esquema geral da página que vai ser posteriormente imprimida.

Aula III - 26/10/11

- Primeira abordagem sobre AutoCad: exploração de comandos básicos.

# Mudança de cor de fundo de branco para preto;

# Criação de layers para 6 polígonos escolhidos pelo professor com o seu devido nome e uma cor correspondente:

. quadrado

. triângulo

. círculo

. pentágono

. rectângulo (r2)

. rectângulo (proporção áurea)

# Desenho das formas geométricas: comandos principais LINE, POLYLINE e CIRCLE;

# Movimentação das figuras através de vectores;

# Movimento de figuras para o centro de outras: comando MOVE;

# Achar mediatrizes: comando MID.

Aula II - 19/10/11

- Apresentação, por parte de Sara Garcia, da sua tese de mestrado e doutoramento.
- Finalização da página pessoal em HTML e publicação da mesma.
# A publicação foi efectuada através do FileZilla:
Conectámo-nos a gaudi.fa.uta.pt através da nossa conta pessoal da faculdade e criámos posteriormente uma pasta (public_html) onde inserimos a página em HTML pronta a ser exibida bem como a imagem que usámos. (caso contrário não será exibida na página) http://home.fa.utl.pt/~lromao/2011_12/turma_ae_20112012_pc.html (página da turma)

http://gaudi.fa.utl.pt/~20101055/

- Breve abordagem sobre Photoshop e suas potencialidades para a concretização de páginas Web:
# Utilização da ferramenta Slice para criar hiperligações dentro da página que se ligam a outras da Internet ---> clicar na ferramenta, demarcar a área de clique e introduzir o URL correspondente à página Web de destino.

# A página é guardada em File -> Save for Web & devices... e com a extensão .html (o nome é arbitrário) 

(página teste)

(página a usar)

Aula I - 12/10/11

- Apresentação do docente Luís Romão.
- Visionamento de alguns vídeos alusivos à disciplina de Processos de Computação.
- Algumas noções de HTML para a construção da página pessoal de aluno:

HTML (HyperText Markup Language), protocolo público, é uma linguagem de marcação utilizada para produzir páginas Web.
FTP (File Tranfer Protocol), protocolo privado, é uma forma bastante rápida e versátil de transferir ficheiros (de um computador pessoal para o computador remoto). (Programa usado: FileZilla)


Construção de uma página Web em HTML:

# O código inicial é: <html>, todo o restante conteúdo o sucede;
# A zona do cabeçalho inicia-se com <head> e termina com </head>;

# Nele, o título será colocado desta forma: <title>TÍTULO</title> (entre <head> e </head>);

# O corpo da página inicia-se com <body> e termina com </body>;
# Para colocar o que quer que seja centrado terá de se recorrer a: <center>Bárbara Nóbrega(nome exibido na página)<center/>;

# Quando queremos colocar uma imagem, esta terá de estar entre aspas (ex. "ba.nobrega.jpg") e o nome terá de estar conforme o ficheiro existente caso contrário a imagem não será exibida na página;

# Uma linha de intervalo representa-se desta forma: <br> ("break line");

# Para um link terá de se proceder usando <a href= "http://www.fa.utl.pt/">Faculdade de Arquitectura(nome exibido na página) - UTL</a> (o link terá de estar entre aspas);
# Para guardar: Ficheiro -> Guardar como... 
-> Nome do ficheiro: index.html (para que a página apareça automaticamente aquando publicada através do Filezilla)
-> Guardar com o tipo: Todos os ficheiros


* A página em HTML é construída em notepad e o código fonte é possível ser visto por outras pessoas através do browser (Ver -> Ver código fonte).