Aprendizado Adquirido com Trabalho Final

O trabalho final foi uma experiência muito boa, que me proporcionou muitos aprendizados, principalmente relacionados a convivência em grupo. Eu e minha equipe passamos longos momentos juntos para que o trabalho pudesse ser concluído, e esses momentos foram preciosos para a construção de conhecimento. Nós tínhamos idéias de opiniões diferentes, mas através do dialogo conseguimos aproveitar o que cada um tinha de melhor para oferecer.

A primeira etapa a ser realizada foi a documentação, onde tivemos que discutir tudo que seria construído e como seria construído, documentando através do Design Pedagógico e Roteiro. Depois fizemos a escolha das cores, da ordem dos elementos, dos objetos que apareceriam na tela e da tipografia utilizada, tomando o cuidado para que tudo ficasse de acordo com a mensagem que seria transmitida. Procuramos usar elementos e cores mais infantis, pois nosso publico alvo eram crianças de 10 à 13 anos. No final foram feitas as animações, a programação e o site.

Por fim, foi recompensador, aprendemos muito uns com os outros e tivemos bons resultados, mas isso graças ao trabalho duro prestado por todos os integrantes da equipe.

Equipe Cookie : Dêmora Bruna, Deivith Silva, Édipo Souza e Rodrigo Lucas

Link para o trabalho final: edipo2s.x10.bz/Trabalho Final S-2.swf

História das Fontes

Comic Sans

Em 1994 a Microsoft estava desenvolvendo um grande número de softwares para desktop, e um dos principais conceitos desses softwares é que eles deveriam ser graficamente mais amigáveis. Em uma das equipes de design da Microsoft trabalhava Vincent Connare.

Connare ficou chocado ao abrir uma versão de teste de um programa chamado Microsoft Bob, desenvolvido para crianças e usuários novos, ao perceber que a tela de boas-vindas tinha um cachorro cartoon, chamado Rover, conversando através de um balão, esse balão apareceu com a fonte Times New Roman. Connare, imediatamente tirou de sua gaveta 2 gibis, “The Dark Knight Returbns” e “Watchmen”, e começou a desenvolver uma fonte. Dentro de apenas uma semana ele havia projetado o seu legado onipresente.

O nome original que Connare batizou a fonte foi Comic Book, mas mudou por não achar que soaria bem, daí ele substitui o Book pelo Sans, pelo fato da fonte não ter serifas, exceto o I maiúsculo.

A fonte inicialmente foi usada pelo Microsoft 3D Movie Maker em balões de fala. Mas esse software foi implementado, e, passou a usar som no lugar dos balões. Então a fonte continuou a ser utilizada em pop-ups e caixas de diálogo.

Como a Comic Sans mostrou-se ser útil ela foi incluída nas versões OEM do Windows 95, Windows 95 Plus Pack, Publisher e Microsoft Internet Explorer.
Daí em diante a fonte podia ser encontrada em panfletos, anúncios da Disney e tags Beanie Baby, jogos infantis, revistas em quadrinhos, e-mails de negócios, placas, diversos sites, lápides e em cartazes de hospital sobre o câncer de intestino.

Fonte: http://espaco.com/design/a-historia-da-comic-sans/

Helvetica

A Helvetica é uma fonte sem serifas desenvolvida em 1957. O nome Helvetica é uma referência ao nome da Suíça em latim, pois esta é a pátria de seu autor (Max Miedinger) e também do Estilo Suiço, nome alternativo do Estilo Tipográfico Internacional, do qual a Helvetica é representante.

Trata-se de uma das famílias de tipos mais populares no mundo contemporâneo, sendo representada nos logotipos de empresas como 3M, AGFA, BASF, American Airlines, BMW, Lufthansa, Microsoft, Mitsubishi Electric, Nestlé, Panasonic, Parmalat, Saab, Samsung, Seagate, Target e Texaco, bem como nos mais variados produtos.

Criada para ser uma alternativa à então popular Akzidenz Grotesk (nascida em 1896), a Helvetica alcançou o sucesso rapidamente, e no começo dos anos 80 passou a ser uma das 4 fontes incluídas junto aos interpretadores Postscript originais (em todas as impressoras laser “clássicas” e de primeira linha), bem como ser por default no Mac OS, por exemplo – porque a Apple não viu nenhum problema em obter (e pagar) a licença para isto.

Fonte: http://chrdesigner.com/blog/index.php/helvetica-e-arial/

Storytelling - My Memories

Análise

O Storytelling My Memories conta de maneira simples as fases básicas da vida humana. Mesmo que não cheguemos a vivenciar toda elas, conhecemos pessoas que viveram ou estão vivendo algumas destas fases e que nos transmitem experiência, segurança, precauções,sabedoriae entre outros capacidades. Cada fase em si é rica, e mesmo que quisessemos expressalas em si não conseguiriamos, pois cada pessoa tem sua experiência particular em cada uma delas e as impressões de cada um delas é que nos vai formando como pessoas e nos tornando mais humanos com o decorrer do tempo. Então, este storytelling é uma pequena amostra de cada fase humana e de caracteristicas comuns a todos nós.

Os conceitos visuais aplicados, neste trabalho, foram trabalhados tentando relaciona-los a cada fase desenvolvida no storytelling. Na fase da infância aplicamos o equilibrio,a simetria,repetição,nitidez,minimização, simplicidade e alternamos economia e um pouco de exagero. Também, procuramos usar cores mais claras, que transmitissem, leveza,alegria e aventura. Aplicamos esses conceitos nesta fase por ser uma fase mais livre sem obrigações, preucupações, onde cada um de nós basicamente aprendemos. Na fase da adolescência utilizamos alguns conceitos presentes na infância, mas acrescentamos o exagero, a fragmentação,a unidade e a complexidade. Nesta fase utilizamos tais conceitos por ser uma etapa na vida de experimentação, mudança, conflitos, formação mais solidificada como pessoa, onde a pessoa já adquiri responsabilidade, tambem nela, utilizamos cores mais alegres, mais despojadas e mais neutras. Quando a maturidade chega o ser humano se depara com uma situação meio que imposta. É quando as responsabilidades gritam mais que na adolescência e o individuo põe a prova aquilo tudo que ele carrega como pessoa, valores, conhecimentos, esperanças,planos,mas,tambem, é uma fase de concretizações onde ele já deseja relacionamentos serios buscando uma pessoa que o complete. Aplicamos nela a difusão, paradestacar a busca do destaque no meio profissional,o equilibrio, simetria e outras técnicas contidas em outra fases. As cores,nesta fase, são mais serias.

A fase velhice é a mais rica e , talvez, a que despertou este trabalho, pois ela é a fase das memorias, dos conselhos e a que nos alivia, pois é o inicio de um descanso. Aplicamos cores mais tons pasteis e trabalhamos simetria, nitidez e entre outras técnicas já expostas.


Clique aqui para assistir ao vídeo!

Storyboard

OBS: Clique sobre a imagem para uma melhor visualização ou faça o download da imagem clicando aqui.

Digital StoryTelling

Equipe: Dêmora Bruna
Maryane Freitas
Rodrigo Lucas

Análise

O storytelling "A Vida" aborda a temática da vida humana focada em cada fase de amadurecimento do homem. Abordando as temáticas gerais da vida de forma simples e objetiva associando fotos e sons para cada fase.

No storytelling "A Vida" trabalhamos conceitos visuais de equilíbrio e simetria, como na imagem dos dois senhores conversando e da família olhando o mar, assimetria na imagem de formaturas e de estudo preparatório para o vestibular,a ideia de simplicidade como a das irmãs mexendo no computador e e a das mãos do casal em cima do buquê. O conceito de economia foi trabalhado com a imagem das crianças sentadas no tronco e a minimização com a da criança brincando com os dados,dando a ideia de felicidade. O exagero foi trabalhado nas fotos dos estudantes na sala fazendo exercícios e se formando. A nitidez , tambem foi trabalhada na maioria das fotos, e a difusão em algumas fotos como a da mulher executiva.

Assista o vídeo clicando aqui.



Storyboard

Obs: Clique nas imagens para uma melhor visualização.

TV Gourmet

Para compor a logo marca da TV Gourmet me preocupei em mostrar a relação que existe entre a pessoa que cozinha e o ato de cozinhar. Por isso utilizei a leras “T” e “V” para representar uma pessoa cozinhando. Utilizei basicamente círculos e linhas na composição da imagem. Os círculos foram empregados para representar um prato ao fundo e as linhas foram colocadas de forma ondulada para dar uma idéia de leveza e liberdade, já que na culinária usa-se muito a imaginação e a liberdade de criação para dar origem a diversos pratos. Para a palavra Gourmet foi escolhida a fonte Mistal, apoiando também a idéia de liberdade.

Como o equilíbrio é a referencia visual mais forte e firme no homem, procurei enfatizar os elementos principais colocando-os no eixo sentido do maior círculo que se encontra na figura. Portanto “TV” está localizada no eixo vertical e “Gourmet” está no eixo horizontal. A cor escolhida para “TV” e “Gourmet” foi o laranja-avermelhado, por ser uma cor quente e viva dá maior destaque a esses elementos em relação aos círculos ao fundo, que possuem um laranja com um tom escuro (círculo grande) e um laranja menos saturado (círculo pequeno). Existe também um contraste entre o círculo menor e elemento que se encontra no seu cento, e entre a palavra “Gourmet” e a cor branca que está atrás.

Dêmora Bruna

Concluí o curso Técnico em Informática pelo IFCE Campus Maracanaú. Tenho conhecimento de orientação à objeto, banco de dados e algumas linguagens como Java, PHP e C.

Experiências

- Elaboração do site da área de Telemática do IFCE Campus Maracanaú. Trabalhando com JSP, PostgreSQL e JavaScript. No momento o site não on-line, pois ainda está sendo testado, mas em breve estará disponível na rede.

-Tutora do projeto TITA (Tutoria de Iniciação Tecnológica e Apoio a Incubadora em TI) pelo IFCE Campus Maracanaú, dando aulas de Joomla, PHP e Inkscape.



Abaixo encontra-se uma breve descrição de alguns trabalhos que fiz ao longo do curso. Clique no link abaixo da descrição para fazer o download do código fonte do respectivo trabalho.


Sistema Eleitoral:

Sistema de votação pela internet, feito em HTML e PHP. O sistema permite o cadastramento de eleitores, o cadastramento de candidatos para a eleição, votação e apuração de votos.

https://docs.google.com/leaf?id=0ByC9cg4ZHGZ5OWRjN2Y3MDYtMjNkYy00MTljLThhMjUtMGZiYWQ3NzVkY2Ri&sort=name&layout=list&num=50

Sistema Manter Usuário:

Sistema de cadastro de usuários, feito em Java e MySQL. O sistema cadastra usuários e grava em tabelas no banco de dados, permite a exclusão dos usuários e pesquisa rápida através do número de CPF.

https://docs.google.com/leaf?id=0ByC9cg4ZHGZ5NzUzZjE2YzQtMWY2Yi00YWE1LTk5Y2UtNDQ3MWE2MDYzNGI0&sort=name&layout=list&num=50

Cadastro de Alunos:

Sistema construído em linguagem C. Permite o cadastramento de alunos e suas respectivas notas utilizando manipulação de arquivos para garantir a persistência de dados. Também exibe média, mediana e moda das notas cadastradas.

https://docs.google.com/leaf?id=0ByC9cg4ZHGZ5MmM3NWZlZDYtNGY0MS00YjFmLTkzMjgtN2FkYWMwY2I4Y2Qx&sort=name&layout=list&num=50

Gestalt

O circulo é formado apenas por lisrtas escuras, curvas com espessuras diferentes. Mas nosso cérebro reconhece vários círculos com cada uma das partes das listras, e ao tentar juntá-los para interpretar a imagem, temos a sensação de relevo e movimento.



Podemos ter a sensação que os soldados são de tamanhos diferentes, mas são iguais. As linhas por trás e abaixo deles causa essa ilusão em relação ao tamanho.

Fotos Com a Cor Verde

Comentário - LEITURA DE IMAGENS, CULTURA VISUAL E PRÁTICA EDUCATIVA

Segundo o texto a imagem é composta por diversos códigos que precisam ser decifrados para entender a mensagem que ela passa. Diversas formas de leitura de imagens foram observadas partindo de diferentes pontos de vista, em que as experiências e a vida do observador são fundamentais para ler a imagem.

Alguns como Abigail Housen a creditam que habilidade de compreensão estética cresce ao longo de estágios: narrativo, construtivo, classificativo, interpretativo e recriativo. Já as abordagens influenciadas pela semiótica introduziram o conceito de denotação e conotação e enfatiza a leitura da imagem a partir dos seguintes códigos: gestual, espacial, lumínico, simbólico, gráfico e relacional. Outros, acreditam que uma nem ao menos possa ser lida.

Esse foi um trecho que me chamou bastante atenção:

“As imagens não cumprem apenas a função de informar ou ilustrar, mas também de educar e produzir conhecimento.”

Através de imagens diversas informações são percebidas e acrescentadas ao conhecimento que já possuímos como costumes e sentimentos, por isso a leitura de imagens é importante.

A cultura de imagens contém uma proposta mais ampla que a leitura de imagens, em que as imagens são utilizadas para compreender a vida moderna dando prioridade a vida cotidiana que é vista de diferentes formas dependo de quem a observa.

Imagem Significativa Para Mim

Esta imagem me chama atenção, pois o universo sempre me impressionou. Quando olho para fotos como essa, começo a refletir sobre a grandeza do universo e me questiono sobre o surgimento de tudo isso. É algo desconhecido e cheio de mistérios, pois não sabemos direito o que pode existir e nem o que pode acontecer ao longo de sua extensão. Também é uma obra de arte sem fim, cheia de formas diferentes e cores.

3D

Kyle Broflovski

Carro

Avião

Finalmente "O Porco"!

Aula de Contrastes!

Adorei a aula conjunta. Os assuntos abordados foram muito interessantes. Fiquei bastante impressionada ao ver aquele jogo que o Prof. Melo trouxe, nunca imaginei que existiria um jogo como aquele, que além de tudo serviu como forma de expressão para o criador, onde a estética e os efeitos não eram os mais importantes.

As estatísticas sobre os jogos e os consoles foram bem legais, como não tenho tanto conhecimento sobre os jogos adorei a oportunidade para me manter informada. Gostei muito também dos vídeos que foram passados, principalmente aquele que tinha o tigre, com aquelas várias técnicas empregadas o resultado ficou realmente impressionante. Os comentários feitos sobre inclusão digital também foram bem legais, ajudando a reforçar os conceitos sobre o assunto e a vê-lo sob outra perspectiva.

Não posso me esquecer de falar sobre a apresentação do Prof. Ismael sobre “O claro e o escuro”, os feitos de claro e escuro nas pinturas davam toques especiais que as caracterizavam de formas diferentes dependendo do período em que elas estavam inseridas.

Resumindo a primeira aula conjunta foi ótima!

My name!! - Aula 10

Meu desenho colorido - Aula 09

Retrauração, com cores - Continuação da Aula 06

Colorização - Aula 07

Restauração - Aula 06

Cidade - Aula 05

Relógio - Aula 03

Montagem - Aula 04

Montagem - Aula02