Balanço do primeiro período

Nós gostamos deste período pela diversidade de novos conceitos que aprendemos, que nos levou a aproximar mais do mundo virtual. Abordamos assuntos como Interatividade, Modelos de cor, Formatos de ficheiros de imagem,Tipos de produtos multimédia e Conversão de números binários para decimal e vice-versa, entre outros.

Desta forma, esperemos que apreciem o nosso blog.

preenchimento interativo

Preenchimento e Contorno

MOVIMENTO CÓDIGO PORTUGAL

O movimento código Portugal é uma campanha de mobilização nacional para a literacia digital e a computação.Este Movimento tem a parceria e colaboração de várias empresas como a Google, a Microsoft, a Cisco, a IBM, a Altran, a APDC, a Critical Software, a PNMF, a PT, o IST e a ANPRI.

Desta forma, gostamos da atividade pois permitiu-nos desenvolver intelectualmente no universo científico e tecnológico da informática, e ter contacto com a programação de computadores.

https://www.codemove.pt/

Formatos de ficheiros de imagem Bitmap e Vetorial

Formatos de ficheiros de imagem Bitmap:

BMP:

Arquivos BMP, pronunciado uma letra de cada vez " B-M-P " usam um formato bitmap do Windows. Estas imagens são armazenadas em um formato dispositivo-independente bitmap (DIB), que permite ao Windows exibir o bitmap em qualquer tipo de dispositivo de exibição. O formato BMP (ou Bitmap) é o precursor. Ele armazena fotos e gráficos em pequenos quadrados que chamamos de pixels. Quanto maior o número de pixels em uma só fotografia, maior a qualidade da imagem.

Note que a imagem em JPEG tem qualidade aceitável para uma simples observação, mas perceberá que a figura em PNG exibe detalhes com mais nitidez. Isso porque a primeira passou por um processo de compressão que reduziu bem o seu tamanho, mas comprometeu um pouco a sua qualidade. 

A segunda figura, em PNG, também passou por compressão, mas não perdeu qualidade.

Como a imagem original é rica em cores, perdeu bastante qualidade quando foi convertida para GIF, deixando claro que o formato não é adequado para fotos como essa.

Quando as três imagens são ampliadas, as diferenças ficam mais visíveis:

GIF:

Gera arquivos de tamanho reduzido, no entanto, seu uso não é muito comum em fotografias, já que é capaz de trabalhar com apenas 256 cores (8 bits). Por este motivo, sua utilização é muito frequente com ícones, ilustrações ou qualquer tipo de imagem que não necessite de muitas cores.

Formato TIFF:

O formato TIFF oferece grande quantidade de cores e excelente qualidade de imagem, o que aumenta consideravelmente o tamanho dos seus arquivos, embora seja possível amenizar este aspecto com compressão sem perda de informações. 

Um detalhe interessante é que o formato TIFF suporta o uso de camadas, isto é, pode-se utilizar versões diferenciadas da imagem a ser trabalhada em um único arquivo. 

.

Formatos de ficheiros de imagem Vetorial:

Os gráficos vetoriais não são construídos por pixels (embora sejam exibidos na tela do computador como pixels). Eles são, na verdade, formados através de expressões matemáticas e as instruções inseridas produzem linhas, curvas e formas preenchidas. Logotipos de empresas são, muitas vezes, gráficos vetoriais e normalmente trabalhados com quantidade de cores limitadas, embora possam apresentar gradientes e sombreamento para produzir os mais sofisticados elementos.

Os gráficos vetoriais são criados em aplicativos como o Adobe Illustrator ou Corel Draw.

Formatos de arquivos comuns para os gráficos vetoriais são EPS, CDR e AI.

http://www.infowester.com/imagens.php#gif

http://www2.ic.uff.br/~aconci/curso/formatos.htm

https://www.printi.com.br/blog/diferencas-entre-arquivos-bitmap-e-vetor

Compressão/técnicas de compressão

A compressão de dados é o ato de reduzir o espaço ocupado por dados num determinado dispositivo. Essa operação é realizada através de diversos algoritmos de compressão, reduzindo a quantidade de Bytes para representar um dado, sendo esse dado uma imagem, um texto, ou um arquivo (ficheiro) qualquer.

Existem 2 métodos de compressão de dados que são:

• Compressão com perdas:

Definido como operação que admite alguma perda de qualidade dos dados.

A informação é comprimida por algum algoritmo e, ao descomprimir, a informação é diferente da original, mas suficientemente parecida para que seja útil.

Perdem-se dados sucessivamente, à medida em que se aplica o algoritmo várias vezes, ao comprimir e descomprimir. Isso resulta numa maior perda de dados do que a aplicação do algoritmo de uma só vez

Por exemplo:

.Áudio;

.Video;

.Imagens (Exemplo típico: a maioria das imagens .jpg na internet em que se percebe uma diminuição da qualidade próximo às bordas ou trocas de cor na imagem)

• Compressão sem perdas:

Definido como uma operação sem perdas de nenhum dado.

A informação é comprimida por algum algoritmo e, ao descomprimir, todas as informações são recuperadas

Existem 2 formatos que são, na actualidade, os mais utilizados durante o mundo inteiro que são os formatos ZIP e RAR. O mais utilizado é o RAR.

Exemplo típico: ficheiros bzip, gzip, .gz

http://redes-108005.webnode.pt/modulo-1/tecnica-de-compress%C3%A3o-de-dados/

http://ruiguedes-gpsi11.blogspot.pt/2011/11/aula-28112011-tecnicas-de-compressao-de.html

Modelo de cor

Pixel:

O pixel é a menor unidade de uma imagem digital. Aliás, o termo vem da contração da expressão picture element (“elemento da imagem”, em inglês). 

A cor de cada pixel é fruto da combinação de três cores básicas: vermelha, verde e azul. Cada uma dessas três cores possui 256 tonalidades, da mais clara à mais escura, que, combinadas, geram mais de 16 milhões de possibilidades de cores.

Resolução:

A resolução de imagem descreve o nível de detalhe que uma imagem comporta. O termo aplica-se igualmente a imagens digitais, imagens em filme e outros tipos de imagem. Quanto mais alta a resolução da imagem, maior é o detalhe da mesma.

As unidades de resolução podem ligadas a tamanhos físicos (por exemplo, linhas por milímetro, linhas por polegada etc.) ou ao tamanho total de uma figura (linhas por altura da imagem, também conhecidas simplesmente por linhas ou linhas de televisão). 

Abaixo cito algumas das principais variações e suas resoluções:
SD
640 x 480 pixels
HD
1280 x 720 pixels
FullHD
1920 x 1080 pixels
Ultra HD
4K
3840 x 2160 pixels
8K
7680 x 4320 pixels

Profundidade de cor:

Profundidade de cor é um termo da computação gráfica que descreve a quantidade de bits usados para representar a cor de um único pixel numa imagem bitmap. Este conceito é conhecido também como bits por pixel (bpp), particularmente quando especificado junto com o número de bits usados. Quanto maior a quantidade da profundidade da cor presente na imagem, maior é a escala de cores disponível.

Tamanho do ficheiro:

O tamanho de arquivo de uma imagem corresponde ao tamanho digital do arquivo de imagem, medido em kilobytes (K), megabytes (MB) ou gigabytes (GB). O tamanho do arquivo é proporcional às dimensões em pixels da imagem. Imagens com um número maior de pixels podem reproduzir mais detalhes em um determinado tamanho impresso, mas exigem mais espaço em disco para armazenamento e podem ser mais lentas na edição e impressão. Consequentemente, a resolução da imagem torna-se um ajuste entre a qualidade da imagem (capturando todos os dados necessários) e o tamanho do arquivo.

Modelos de cor:

Modelo RGB:

O modelo RGB é um modelo aditivo que permite exibir imagens de cor em monitores. Descrevem as cores como uma combinação de três cores primárias, que não resultam da mistura de nenhuma outra cor: vermelho, verde e azul.

Uma cor no modelo de cores RGB pode ser descrita pela indicação da quantidade de vermelho, verde e azul que contém, representando-se por um conjunto de valores numéricos que pode variar entre o mínimo (completamento escuro ou preto) e o máximo (branco). 

Modelo CMYK:

O modelo CMYK é um modelo constituído a partir do modelo CMY em que foi acrescentada a cor preta (black). O modelo CMY é um modelo subtrativo, descrevendo as cores como uma combinação das três cores primárias de impressão ciano (Cyan), magenta (Magenta) e amarelo (Yellow). A cor preta foi adicionada ao modelo por ser mais fácil a sua obtenção quando impressa em papel do que recorrendo à mistura de cores, e esta resulta da sobreposição das cores primárias (ciano, magenta e amarelo).

Modelo HSV:

O modelo HSV é definido pelas grandezas tonalidade de (Hue), saturação (Saturation) e valor (Value), onde este último representa a luminosidade ou o brilho de uma cor.

O modelo HSV baseia-se na percepção humana da cor do ponto de vista dos artistas plásticos. Isto é, os artistas plásticos para obterem as várias cores das suas pinturas combinam a tonalidade com elementos de brilho e saturação. Desta forma, o modelo HSV é mais intuitivo de utilizar do que o modelo RGB. 

http://mundoestranho.abril.com.br/tecnologia/o-que-e-um-pixel/

http://www.rgbcomunicacao.com.br/blog/qual-a-diferenca-entre-definicao-resolucao-dimensao-e-densidade-de-imagem.html

http://felisberto-bianca.blogspot.pt/2014/11/pixel-resolucao-profundidade-de-cor-e.html

http://esagapib12ano.blogspot.pt/2010/03/o-modelo-hsv.html

Imagem e Cor

Imagem:

Imagem é um termo que provem do latim imāgo e que se refere à figura, representação, semelhança ou aparência de algo. Ficamos por tanto com a ideia de representação, não um original, senão uma cópia de um referente que não gera uma nova realidade.

Uma imagem  é a representação visual de um objecto através de técnicas da fotografia, da pintura, do desenho, do vídeo ou de outras disciplinas.

Uma imagem digital é uma representação discreta de informação gerada e processada por um computador, ou adquirida através de um dispositivo de captura e processada posteriormente através de um computador.

“Uma imagem vale mais do que 1000 palavras”

Uma palavra não significa nada se não tiver uma mente para entender o que ela significa e, basicamente, o que essa mente faz é imaginar. Um conjunto de palavras não faz sentido por si só, é preciso que alguém leia a frase para entender o seu significado. Desta o conceito de uma imagem é bem mais limitado.

Cor:

Cor é a impressão que a luz refletida ou absorvida pelos corpos produz nos olhos. A cor branca representa as sete cores do espectro: vermelho, laranja, amarelo, verde, azul, anil e violeta. A cor preta é a inexistência de cor ou ausência de luz. A visão é o dom precioso que faz a ligação entre o mundo interior do homem e o mundo exterior que o rodeia, graças à luz, que traz para ele as cores do universo.

Cores são percepções visuais através das células cones, que transmitem ao nervo ótico as impressões que vão direto ao sistema nervoso.

A cor tem a ver com os olhos, com a retina e com a informação presente no cérebro. É a impressão produzida na retina do olho pela luz depois de esta ser emitida, difundida ou refletida pelos objetos.

O ser humano tem dois tipos de visão, escotópica e a fotópica. 

A visão escotópica capta baixos níveis de luminosidade e não detecta as cores. Este tipo de visão é utilizado durante a noite, ou estando em ambientes escuros depois de certo tempo, onde o olho passa a ser mais sensível às ''luzes azuis''.

A visão fotópica é a que possibilita ver cores, que é utilizado durante o dia ou em níveis normais de luminosidade. A luz que é projectada na retina e é processada pelos cones (em cada olho existem cerca de 6,400,000 deles).

http://conceito.de/imagem

http://www.arte-coa.pt/index.php?Language=pt&Page=Saberes&SubPage=ComunicacaoELinguagemImagem&Menu2=ImagemVirtual&Filtro=31&Slide=31

https://www.significados.com.br/cor/

http://teoriadacorpedrocorreia.blogspot.pt/2011/12/visao-escotopica-e-visao-fotopica.html

Tipo de Média Texto

As Fontes Tipográficas, ou simplesmente fontes,  são classificadas segundo suas principais características, as Serifas. Na tipografia, as Serifas são os pequenos traços e prolongamentos que ocorrem no fim das hastes das letras. Temos como exemplo mais comuns a fonte Times New Roman.

Fontes Serifadas:

Fontes não Serifadas (Sans-Serif ou Sem Serifa):

Porém, ainda temos outros 5 tipos de fontes, umas derivam das serifadas, outras não se encaixam nas características e são: Moderna, Script, Display, Black Letter e Não Latinas. 

Fontes bitmapped e escaladas:

As fontes bitmapped são guardadas como uma matriz de pixeís e, por conseguinte, ao serem ampliadas, perdem a qualidade. São concebidas com uma resolução e um tamanho específicos para uma impressora especifica, não podendo ser escaladas. As cinco fontes bitmapped são: courier, MS Sans Serif, MS Serif, Small e Symbol. 

As fontes escaladas, ao contrário das fontes bitmapped, são definidas matematicamente e podem ser interpretadas para qualquer tamanho que forem requisitadas. Estas fontes contêm informação para construir os seus contornos através de linhas e curvas que são preenchidas para apresentarem um aspecto de formas contínuas, tais como as fontes TYPE1, TRUE TYPE e OPEN TYPE.

Mensagem com letra Symbol:

O nosso blogue é o melhor.

Mensagem com letra Type 1:

 Nuvem de palavras:

https://tagul.com/create

http://ai-b.blogs.sapo.pt/4330.html

http://www.chrdesigner.com/classificacao-das-fontes-tipograficas/

Padrões de Codificação de caracteres

Uma codificação de caracteres é um padrão de relacionamento entre um conjunto de caracteres com um conjunto de outra coisa, como por exemplo números ou pulsos elétricos. Tem o objetivo de facilitar o armazenamento de texto em computadores e a sua transmissão através de redes de telecomunicação.

As codificações de caracteres ASCII e Unicode permitem que os computadores armazenem e troquem dados com outros computadores e programas. 

O ASCII é um código numérico que representa os caracteres, usando uma escala decimal de 0 a 127. Esses números decimais são então convertidos pelo computador para binários e ele processa o comando. Sendo assim, cada uma das letras que você digitar vai corresponder a um desses.

O Unicode faz parte de um novo padrão chamado ISO 10646. O Unicode foi projetado com base no código ASCII, sem contudo, ficar limitado ao alfabeto latino: O Unicode é capaz de codificar todos os caracteres presentes em qualquer uma das linguagens escritas existentes no mundo atualmente.

https://support.office.com/pt-br/article/Inserir-s%C3%ADmbolos-e-caracteres-ASCII-ou-Unicode-latinos-d13f58d3-7bcb-44a7-a4d5-972ee12e50e0


http://dfmesteves.blogspot.pt/2012/10/padroes-de-codificacao-de-caracteres.html

ASCII Generator e ASCII Art

ASCII Generator

Font: acrobatic 

Font: 5lineoblique 

Font:graffiti   







http://www.glassgiant.com/ascii/

ASCII Art

http://www.glassgiant.com/ascii/