sexta-feira, 30 de abril de 2010

Configurando câmeras no Blender

Wellington Moreira da Silva

Aqui vai um tutorial que eu encontrei na internet, ensinando quatro maneiras diferentes para configurar a câmera com a qual o usuário irá interagir.

1º - Câmera parenteada com o objeto:
Posicione a câmera na posição que você deseja que ela siga o objeto. Selecione a câmera e com o SHIFT pressionado, selecione o objeto. Agora aperte CTRL+P.

2º - Objeto como câmera:
O seu objeto pode ser configurado para interagir como uma câmera. Para isso, temos que considerar que a frente deste objeto será o eixo Z negativo.
Selecione o objeto e aperte CTRL+0.

3º - Câmera parenteada com os vértices de um objeto:
A câmera irá seguir de um a três vértices, e não o objeto como um todo.
Selecione o objeto e entre em modo de edição (TAB). Selecione de um a três vértices. Com o botão CTRL pressionado, e sem sair do modo de edição, selecione a câmera. Feito isso, aperte CTRL+P para criar o parentesco.

4º - Câmera Atuador
Selecione a câmera e adicione um sensor Always, um controlador And, e um atuador Camera. Ligue esses tijolos lógicos.
No campo OB do atuador do tipo camera, coloque o nome do objeto que você deseja que ela siga. No campo Height, coloque a altura da câmera. Min é a distância mínima do objeto e Max é a distância máxima.

Fonte: http://game.proceduralbase.org/11/07/2007/configuracoes-basicas-de-camera/

Modelagem

Vinicius Sato Jacintho

Desde semana passada eu venho estudando o blender, já consegui alguns avanços, mas a principal dificuldade com a qual me deparei foi criar novos vértices. Sem conseguir fazer isso é quase impossível criar formas complexas, como um carro por exemplo.
Mas procurando um pouco achei o site www.blendercookie.com e tem vários tutoriais, mesmo que estejam em inglês.

Iniciando o Blender

Maria Luíza Santinho Lima Monteiro

Durante esta semana, estive estudando e aprendendo um pouco sobre o Blender.
Aprendi alguns atalhos como:
* alt+m: opções de "merge" - escolhe entre 'at cursor' ou 'at center';
* ctrl+tab: escolhe o tipo de edição (face, vértice ou aresta);
* a: seleciona ou desseleciona tudo;
* e: extrusão;
entre outros.
Também comecei a fazer um dado para treinar e guardar o que aprendi.

Site institucional

Karl Schiewaldt

Olá!
Esta semana começamos a desenvolver o site de nossa empresa. De acordo com o que decidimos provisóriamente, nosso site será desenvolvido utilizando HTML para toda a estrutura do site, CSS para definirmos todos os estilos que serão utilizados no site, e PHP somente para a página de Contato.
Utilizaremos também a tecnologia de Tableless, que consiste em não se utilizar nenhuma table para a criação da estrutura do site, utiliza-se somente div. Assim, com tableless, o site terá uma aparência melhor.
Já as páginas que nosso site terá serão:
  • Home: será a página inicial de nosso site;
  • Instituição: faremos uma breve descrição de nosso cliente, o Colégio Técnico Industrial;
  • A empresa: aqui falaremos sobre nossa empresa, seus integrantes e os cargos ocupados;
  • Sistema: nesta página falamos sobre o software que estamos desenvolvendo;
  • Softwares: listaremos os softwares utilizados para o desenvolvimento do nosso software e site;
  • Downloads: as pastas de TSPD, aplicativos, banners, capas de cd e dvd e nosso software será disponibilizado para download;
  • Mapa do site: nesta página o usuário terá acesso a todas as seções do site, como apenas um click;
  • Contato: aqui o usuário terá acesso a um formulário de contato conosco, onde ele insere seu e-mail, o assunto e sua mensagem, e ela será enviada para nosso e-mail.
Assim que tivermos nosso site parcialmente pronto, ele será colocado online, e o link será disponibilzado aqui.

Até a próxima (;

Blender - Códigos em Python

Isabella Fontes

Nesta semana procurei entender mais sobre os scripts em python do blender.

Criando uma renderização + salvando uma imagem:

Comandos para salvar uma imagem da cena renderizada. Para explicar este recurso, é só entender que a câmera do mundo virtual é como a câmera do mundo real.

E o tirar fotos é como se revelassemos ela. E podemos salvar uma foto nos formatos (JPEG, BMP, PNG, TIFF) e nos tamanhos (Resolução 110x110, 1200x1200 e etc.).

from Blender import *
from Blender.Scene import Render
cena3D = Scene.GetCurrent()
IMAG = cena3D.getRenderingContext()
Render.EnableDispWin()
IMAG.extensions = True
IMAG.imageType = Render.PNG
IMAG.sizeX = 640
IMAG.sizeY = 480
IMAG.render()
IMAG.saveRenderedImage("\Imag")

Explicação do código (Renderização + Salvando uma Imagem)

No Imag.Extensions é configurado para True, porque ele configura que este comando defina os formatos de imagens esteja disponíveis. Estes formatos são PNG, TIFF, BMP, JPG.

-------->IMAG.extensions = True

Na linha seguinte é definido o formato que imagem será salva. No caso é PNG.

-------->IMAG.imageType = Render.PNG

Na outras duas linhas seguintes, é a resolução da imagem(tamanho). Coloquei um tamanho padronizado de 640 por 480. SizeX entende-se por largura e SizeY por altura. A unidade de contagem é pixel.

-------->IMAG.sizeX = 640
-------->IMAG.sizeY = 480

E a última linha é o comando para salvar uma imagem renderizada. No caso ela vai salvar a imagem na pasta tmp dentro do meu computador. (É possivel modificar esta pasta no Blender). Quando coloca-se ("\Imag") entende-se que é ("C:\MeuComputador\tmp\Imag.png"), o nome Imag é o nome da imagem que criou-se (podemos definir qualquer nome).

-------->IMAG.saveRenderedImage("\Imag")

Blueprints

Ananda Brasolotto De Santis

Blueprints são imagens básicas com linhas desenhadas que podemos importar para o Blender para usarmos como base para a modelagem em 3D.

Blueprints podem ser encontrados na internet e, ao importá-los no Blender, adicionamos texturas, cores e outros detalhes.

Abaixo está uma sequência de vídeos, encontrados no site http://rufusblender.wordpress.com/2007/10/20/modelando-um-rosto/ onde o desenvolvedor dos vídeos ensina a modelar um rosto no Blender a partir de blueprints:











sexta-feira, 23 de abril de 2010

Pasta de TSPD

Maria Luíza Santinho Lima Monteiro

Boa noite!
Conforme foi solicitado pelo professor André Dalastti, entregamos a pasta de TSPD no sábado (17/04).
E deixo a pasta disponível aqui no blog para download.
Download!

Semana de Provas... Tensão e Estudo

Isabella Fontes



Olá a todos!

Nessa semana de provas a atenção ao projeto diminui devido às circunstâncias, porém ainda sim, procurei estudar mais a fundo códigos e exemplos na internet.

E de fato, aprendi muito mais CSS nesta semana e pesquisei mais a fundo Python, linguagem que adoro trabalhar, principalmente porque é multiplataforma e oferece interatividade (conversa com o Flash por exemplo).

quinta-feira, 15 de abril de 2010

Cartilha de Trânsito

Wellington Moreira da Silva

Como o nosso projeto visa uma conscientização da população sobre os problemas do trânsito, hoje eu vou postar aqui no blog, um link para download de uma apostila com a legislação brasileira de trânsito. O nosso jogo deverá focar em apenas algumas regras de trânsito, mas será baseado nas leis que essa apostila traz.

Segue o link para download:
http://www.ziggi.com.br/downloadnow/26211

Anexação do site no Google

Vinicius Sato Jacintho

Desde semana passada passada eu venho tentando fixar a anexação do site sobre o Peugeot 207 no Google, mas ainda não consegui.
Embora eu tenha feito a anexação seguindo as instruções, o status do site na central do webmaster informa que meu site está anexado mas não aparece nenhuma informação adicional. Se não der certo ainda hoje, eu tentarei, reanexar o site para a recuperação e assim que eu descobrir qual foi o erro, estarei atualizando esse post.

Diagrama de Fluxos de Dados - TSPD

Isabella Fontes

O próximo requisito do projeto é entregar o DFD ao prof. Dalastti para a pasta do projeto.
Então resolvi colocar aqui informações sobre o que é o DFD e um exemplo de como fazê-lo.
  • O que é?
O DFD é uma técnica usada na programação estruturada de diagramação de software que possui diversos tipos de diagramas, derivando-se em outros diagramas subsequentes.
Assim um DFD representa:
  1. Imagem do sistema, projeto ou produto;
  2. Modelo de organização;
  3. Apresentação em etapas com aumento gradativo de detalhes;
  4. Utilização dos princípios da modularização e da hierarquização.
Assim, podemos ter diversos níveis de DFD de forma a representar o fluxo de dados da aplicação.

a) DFD nível 0 - Apresenta uma visão clara do produto com todos os macroprocessos, com entidades externas, fluxo de dados e depósito de dados principais.
b) DFD nível 1 - É uma expansão do nível zero com mais detalhes e mais completo incluindo o tratamento de exceções.
  • Como fazê-lo?
Abaixo temos a figura que representação da dinâmica lógica de um DFD:


Sugestões para as etapas de elaboração de um DFD.
  • Identificar e descrever os requisitos funcionais;
  • Identificar entidades externas (EE);
  • Associar o fluxo de dados que as entidades enviam, consomem ou recebem;
  • Identificar consultas;
  • Desenhar o primeiro DFD:
    • Iniciar no canto esquerdo com a entidade externa principal;
    • Procurar deixar todas as entidades externas nos cantos;
    • Na esquerda as EE de Origem e na direita as EE de Destino;
    • Desenhe fluxos que surgem, processo e depósitos de dados;
    • Verificar se todas as entradas e saídas foram incluídas;
    • Associar manutenções aos depósitos de dados;
  • Explodir ou derivar processos complexos em níveis inferiores.
*As informações aqui apresentadas foram retiradas dos seguintes sites:
Macoratti
Wikipedia

Avaliações

Maria Luíza Santinho Lima Monteiro

Boa tarde!
Para a avaliação de Aplicativos desse bimestre, foi solicitado, pelo professor Rodrigo (Flash), a entrega de um único CD contendo o projeto dos sites da classe inteira. Como sou representante de classe me encarreguei de gravar o CD. Todos já me passaram as pastas com todos os arquivos e em breve estará pronto.

Quanto à pasta de TSPD, nos reuniremos amanhã para terminarmos os últimos tópicos.

quarta-feira, 14 de abril de 2010

E-mail do grupo

Karl Schiewaldt

Hoje foi criado o e-mail do nosso grupo. Para entrar em contato conosco, utilize o seguinte e-mail:


Aproveitando este post, também foi criado um 4Shared para nosso grupo. 4Shared é um site de gerenciamento de arquivos, uma espécia de "disco virtual". Nós criamos este espaço virtual para que possamos armazenar cópias online de nossos arquivos, servindo como backup ou até para que todos os integrantes do grupo tenham acesso de qualquer lugar aos arquivos do projeto.

Para criar uma conta do 4Shared, basta acessar:
http://www.4shared.com.

Programa utilizado na captura de vídeo

Ananda Brasolotto De Santis

Hoje eu vim aqui para falar sobre o programa que utilizamos para gravar a tela nos vídeos mostrados nos posts abaixo, o Camtasia Studio.


quinta-feira, 8 de abril de 2010

Indexação do site de aplicativos - Mercedes-Benz

Karl Schiewaldt

Olá!

Depois de algumas semanas, nosso site-protótipo para aplicativos, finalmente, apareceu no Google! :D

Relembrando. Primeiro nós adequamos o conteúdo de nosso site para que ele ficasse mais relacionado com a marca e o modelo escolhido (no meu caso o Mercedes-Benz SL55 AMG). Então criamos as meta-tags contendo a descrição do site, principais palavras-chave, linguagem, etc., e colocamos as meta-tags entre a tag head no nosso código html. Depois de colocadas as meta-tags, nós "avisamos" o Google que nosso site está pronto para ser indexado, assim, o Google através de seus robôs, começa a pesquisar e visitar nosso site.

Agora, após pelo menos duas semanas, nosso site está no Google!

Algumas imagens:




E aqui, o vídeo que nos foi solicitado, mostrando a indexação no Google:


Representante da equipe

Wellington Moreira da Silva

Hoje, em reunião realizada na aula de PHP, realizamos uma votação para definir qual dos integrantes seria o líder da equipe. Por decisão da maioria, eu fui escolhido como representante e a Maria Luíza assumirá o meu lugar quando eu não estiver presente. Esse é um fato que exigirá de mim muita responsabilidade, e eu prometo que vou fazer o meu melhor, não só como líder mas, acima de tudo como integrante, para que esse projeto não só atinja, mas ultrapasse as espectativas.
Agradeço de novo a confiança que o grupo depositou em mim! Obrigado!

Site de Aplicativos - Audi TT Roadster

Maria Luíza Santinho Lima Monteiro

Para complementar o post da Ananda (para acessar clique aqui) sobre o nosso site feito no 4º Bimestre do ano passado, segue abaixo algumas imagens sobre a posição do nosso site no dispositivo de buscas Google.


A imagem acima foi feita uma pesquisa com as palavras-chave 'pura' e 'tt'. Pode-se observar que o site fica na 3ª posição.


Já na imagem acima, com a pesquisa feita com as palavras-chave 'roadster' e 'ananda', o site aparece na 1ª posição.

Aplicativos II - Site indexado no Google entre os 10 primeiros

Isabella Fontes dos Santos


Olá pessoal!

Como dissemos aqui anteriormente, o professor de Aplicativos, Rodrigo (Flash), pediu que nossos sites desenvolvidos no ano passado ficassem entre os 10 primeiros na listagem de sites de busca, como o Google, por exemplo.

Graças às técnicas simples que usamos (adicionar tags no site) o meu site e do Lucas Falco, membro de outro grupo de Projeto, ficou na listagem! Finalmente!

Basta escrever 'bmw 530i isabella' que já aparece o link.

quarta-feira, 7 de abril de 2010

Classificação do Site - Ananda e Maria Luíza

Ananda Brasolotto De Santis

Como foi combinado em sala de aula, o site sobre carros desenvolvido no quarto bimestre do segundo ano deve estar entre os dez primeiros classificados no mecanismo de pesquisa do Google, após terem sido feitas as devidas modificações, como o uso de meta tags.
Após a classificação, cada dupla deve fazer uma gravação da tela mostrando a pesquisa no Google e a classificação do site.
Minha parceira nesse trabalho é a Maria Luíza e o carro sobre o qual desenvolvemos o site foi o carro TT Roadster, da marca Audi.
Nosso site fica classificado na primeira página se digitarmos a marca do carro + o modelo + o nome de alguma de nós duas. Ex: 'audi tt roadster maria' ou 'audi tt roadster ananda'. Se for digitado apenas 'tt roadster' mais o nome de uma de nós o site também é classificado na primeira página.

Aqui está o vídeo da tela com as pesquisas no Google já postado no YouTube.

segunda-feira, 5 de abril de 2010

DFD Spectrum

Ananda Brasolotto De Santis

Um dos itens da pasta de TSPD foi a realização de um Diagrama de Fluxo de Dados (DFD) do nosso sistema.


A Isabella já explicou anteriormente sobre DFDs. Para ver essa explicação, acesse o link:
http://empresa-spectrum.blogspot.com/2010/04/diagrama-de-fluxos-de-dados-tspd.html

sexta-feira, 2 de abril de 2010

Clocking IT

Ananda Brasolotto De Santis

Boa noite.
Hoje vim aqui para falar sobre o Clocking IT, um site destinado para gerenciamento de projetos que estamos usando. Nesse site, cada membro do grupo tem um login e uma senha distintos, e pode marcar eventos na agenda digital, como reuniões de projeto, datas de entrega, assim como organizar tarefas e falar sobre o que cada um já fez. Mas a coisa mais importante, na minha opinião, é a possibilidade de publicar qualquer tipo de arquivo para que todos os membros do grupo tenham fácil acesso. Assim evitamos o problema de sobreposição de arquivos, o que pode dar muitos problemas no projeto. Sempre teremos os arquivos salvos no Clocking IT, e então poderemos modificá-los e salvá-los modificados.
O uso desse gerenciador pela nossa empresa foi uma iniciativa da Isabella, e eu achei muito útil.

À esquerda estão o logotipo e a logomarca do site.


Se houver interesse, este é o link da página inicial do Clocking IT: http://www.clockingit.com/

Uma boa Páscoa para todos.