Apresentação CSS

 

Apresentação Sobre CSS

Publico aqui uma apresentação PowerPoint no âmbito da disciplina Aplicações Informáticas B, da escola Superior José Gomes Ferreira, para todos os interessados e buscadores de conhecimento e razões para entrar no mundo da linguagem humano-máquina! :)

                     

-GV

PT 07 - Experiência Incrível

Passo 1
Neste passo pretendemos aprender a estrutura básica de um ficheiro html.
Como apoio usamos o link do professor.

Passo 2
Prosseguimos a instalação de um editor, neste caso escolhi o notepad ++ a partir deste link.
Ainda temos disponível a opção de instalar plugins, mas visto que era a primeira vez a utilizar esta aplicação, decidi usá-la mesmo sem nenhum tipo de plugin.

Passo 3
Nesta parte iremos aprender as boas práticas de programação sobretudo no momento de indentar e comentar.
Seguimos outra vez um link do professor.

Passo 4
Neste passo aprendemos, com a ajuda do w3schools as primeiras indicações do HTML.

Passo 5
Sem dúvida que este passo da construção da tabela em HTML foi muito complicado no princípio, uma vez que o conhecimento que tinha é relativamente pouco e tive de fazer vasta pesquisa até encontrar aquilo que precisava para a construção da tabela.
Consultei inúmeras vezes o site w3schools, para entender como funcionava uma tabela e como poderia construir a base desta tabela.
Usei o w3schools tanto para estudar o código html como para o código css.
Comecei por usar este link https://www.w3schools.com/html/html_tables.asp  para conhecer quais as tags de html que me eram mais importantes para a tabela. Foi aqui que aprendi as 3 tags mais importantes de uma tabela em html <tr> que representa as table rows, as tags <th> que representam o header da tabela e as tags <td> que representam a table data ou table cell. A seguir podemos ver um código exemplo fornecido pelo w3schools onde podemos ver as diferentes tags de tabela referidas em ação.  Na tabela final optei por não usar a tag <th> porque não faria muito sentido uma vez que é a tabela da planta de sala de aula e não faria muito sentido ter header a não ser que fosse para coordenadas ou assim. Agora que já conhecia o código de html avancei para a construção da tabela propriamente dita, esta foi construída com bastante código, tanto em css como em html.

Passo 5

Aqui criamos o site do GitHub e basicamente criamos 2 repositórios, para o passo 4 e para o passo 5 que geram 5 links para o passo 4 e 1 para o passo 5. Seguindo outra vez as indicações do profesor.

Primeiro link HTML document:

-link GitHub pages: https://12667-gv.github.io/htmldocument/
-link repositório: https://github.com/12667-GV/htmldocument

Segundo link HTML headings: 

-link GitHub pages: https://12667-gv.github.io/htmlheadings/
-link repositório(https://github.com/12667-GV/htmlheadings)

Terceiro link HTML paragraphs:

-link GitHub pages: https://12667-gv.github.io/htmlparagraphs/
-link repositório: https://github.com/12667-GV/htmlparagraphs

Quarto link HTML links:

-link GitHub pages: https://12667-gv.github.io/htmllinks/
-link repositório: https://github.com/12667-GV/htmllinks

Quinto link HTML images: 

-link GitHub pages: https://12667-gv.github.io/htmlimages/ 

 -link repositório: https://github.com/12667-GV/htmlimages

Links tabela

-link  da tabela feita no passo 5 GitHub: https://12667-gv.github.io/tabelaturma-passo5/
-link repositório: https://github.com/12667-GV/tabelaturma-passo5

Passo 7
Aqui seria criado um domínio de segundo nível, mas aparentemente existiam problemas com a plataforma e por isso não foi possível realizar esta tarefa. Se quiserem consultar o FreeNom o link está aqui https://www.freenom.com/pt/index.html

Passo 8
Neste passo o professor recolheu os links do GitHub que estão disponíveis aqui no passo 6, se quiserem consultar mais informação da tabela realizada no passo 5, está aí disponível, apenas seguir os endereços de GitHub

Passo 9
Aqui realizamos o curso SoloLearn de HTML, o SoloLearn é uma aplicação que ajuda pessoas que procuram introduzir-se a programação. Eu apenas realizei o curso de HTML e um pouco de CSS, mas as possibilidades são imensas.

Passo 10
Este passo é basicamente a razão de existência de este blogue, basicamente é realizar uma memória descritiva sobre o projeto todo, desde o início até ao fim.

Conclusão
Agradeço terem-me acompanhado até aqui para todos os leitores. Este trabalho foi realmente um prazer de se realizar, claro que com a sua dificuldade uma vez que nunca tinha programado em HTML, e honestamente reforço que toda a gente que queira aprender e não saiba como começar comece, vale a pena e irá sentir-se orgulhoso do resultado final.
-GV

O que é a inteligência artificial

A inteligência artificial é a capacidade de um mecanismo ou software de avaliar o ambiente à sua volta e agir de modo a ter uma maior chance de sucesso em qualquer acção.
O principal objetivo dos sistemas de IA, é executar funções que, no caso de ser humano a executar, seriam consideradas inteligentes.
A IA, nas mais diversas áreas, realiza apenas tarefas específicas ao contexto em que é aplicada. Cada sistema criado é limitado a um conjunto de atividades de cada finalidade: um bot. (diminutivo de robot) de atendimento vai trabalhar com ofertas de produtos, responder a dúvidas, negociar dívidas mas esse mesmo bot. não vai conseguir jogar xadrez ou guiar um veículo autonomamente, por exemplo, já que não consegue elaborar estratégias funcionais e sim apenas executar comandos com base em alguma análise de dados relativa à sua função. 

PT07 Climate Change

Nesta proposta de trabalho utilizamos o software de edição Adobe Premiere Pro, para editar-mos clipes por nos gravados, devido a algumas grandes dificuldades no processo tive de mudar de tema do projeto e decidi deixar convosco um assunto bastante importante,
Saibam mais no video abaixo:

https://www.youtube.com/watch?v=YCcmZ3TA86A

PT07 - Entrevista a um jogador profissional de CSGO

PT07

Foi-nos pedido, no âmbito da disciplina de Aplicações Informáticas B, um vídeo de tema livre, mas com aprovação do Prof. Neste trabalho foram utilizados, um telemóvel para gravar, um tripé e cenários criados por mim. Aqui segue o link para o produto final do meu projeto:

https://youtu.be/G7nVLaok4Cg

Chroma key

  Chroma key é uma técnica de efeito visual que consiste em inserir uma imagem sobre outra através do anulamento de uma cor padrão, como por exemplo o verde ou o azul. É uma técnica de processamento de imagens cujo objetivo é eliminar o fundo de uma imagem para isolar pessoas ou objetos de interesse que depois são combinados com outras imagens de fundo.  

  Por exemplo nos telejornais, para apresentar a meteorologia, é usado o efeito chroma key.

  Por exemplo nos filmes de ação também é usada esta técnica de um modo muito avançado. 

  No entanto, ao ser usado nos filmes, tem de ser usado de forma profissional, pois esta técnica ainda é muito instável devido a mudanças de luminosidade através de sombras e reflexos.

Um dos melhores programadores do mundo

Como sabemos existem vários programadores que desenvolvem softwares brilhantes todos os dias, um exemplo de um grande programador é Anders Hejlsberg.

Anders Hejlsberg nasceu na Dinamarca, mais precisamente em Copenhaga em dezembro de 1960. Estudou engenharia elétrica e começou a programar para a empresa Nascom Microcomputer, onde acabou por desenvolver um software em Pascal chamado Blue Label Sofware Pascal. Mais tarde veio a desenvolver outros sistemas tais como o Turbo Pascal e Delphi para a empresa Bordland. Em 1996 juntou-se à famosa empresa Microsoft e uma das suas primeiras conquistas foi a tão famosa linguagem de programação J++. Tornou-se um engenheiro destacado da Microsoft e desde o ano 2000 que é o líder da equipa que está a desenvolver a linguagem C#.

PT04 - Iniciação à programação

Memória Descritiva

1. Achei que ficaria com melhor apresentação da maneira que criei, mas no fim vejo que poderia ter havido maneiras mais fáceis e rápidas para a resolução desta PT.

2. Começámos por utilizar o Notepad++, ou em alternativa o Atom para programar e o Irfanview para redimensionar as fotografias utilizadas para aplicar na pauta dos respectivos alunos.

3. -O que achei mais interessante foi a colocação de imagens na pauta.
    -O que achei mais difícil foi o recorte das fotografias, pois não tinha a mínima ideia do funcionamento do programa.
    -O que deu mais trabalho foi criar os elementos da tabela para todos os alunos de AIB (<td></td>,<tr></tr>).
    -Tive de pedir ajuda no recorte das fotografias.

4. Recorri apenas aos meus colegas para tirar dúvidas.

5. Primeiro comecei por fazer uma planta da turma (não cheguei a concluir) e, quando o enunciado foi alterado (em vez de uma planta fazer uma pauta) comecei a fazer uma pauta.

6. O que mais gostei de elaborar (talvez pelo aspeto que dá ao ficheiro) foi a tabela em si.

 
    -Poderia ter feito apenas uma tabela com título, fotos e nomes e em vez disso segui a primeira ideia que tive.
    -Não sabia nada de programação de qualquer tipo (HTML, CSS e Javascript) e nesta PT aprendi o básico do HTML.

URL do site para a pauta

goncalocardoso27.ga

Certificado do curso HTML

PT04- Pauta Fotográfica

O dominio que redireciona para a Pauta Fotografica é: http://pedrosoares.ml

1.  Processo Criativo 

• Comecei por perceber as bases do HTLM, para depois começar a fazer uma planta fotográfica da turma.

2.  Preparação do trabalho 

• Descarreguei o NotePad++, o editor de programação usado para esta proposta de trabalho
• Acabei o trabalho em cerca de 4 horas, usando um computador portátil, tanto em casa como na escola  
• O material utilizado foi apenas o teclado e o rato.

3. A execução do trabalho:

• O passos mais interessante foi a criação da tabela e do seu estilo.
•    O parte mais complicada da proposta de trabalho foi o inicio, perceber como a linguagem de HTML funcionava.
•    O passo que deu mais trabalho foi escrever a hiperligação para as fotos num novo separador

4. Resolução de problemas e dificuldades encontradas ao longo do trabalho:

•  A resolução dos problemas encontrados foram resolvidos com ajuda de alguns colegas e alguns sites sobre programação de HTML.

5. As decisões tomadas ao longo do trabalho:

• Este trabalho e uma planta fotográfica da turma, após o código e a estrutura estarem feitas apercebi-me que era só uma pauta, nao uma planta 

6.Conclusão final

•  A parte que mais gostei de fazer foi a aprendizagem de HTML.
• Com mais alguns conhecimentos na área da programação talvez pudesse ter corrigido alguns erros ou ter deixado tudo perfeito. 
• Aprendi os básicos do HTML. 

O certificado do curso "HTML Fundamentals Course" da Solo Learn

Carrizo é o novo processador super económico da AMD

O foco das empresas na actualidade deixou de ser o poder de processamento, isso está provado que é crescente e que, ano após ano, as marcas conseguem incrementos enormes na capacidade dos seus chips, o problema da actualidade, face à crescente necessidade de mobilidade, é a autonomia, derivada do consumo energético por parte dos dispositivos.

A AMD, atenta às necessidades do consumo actual, lançou um processador que consome menos 40% dos recursos energéticos, o Carrizo!

Este lançamento poderá não resolver definitivamente o problema do consumo, contudo, a AMD está empenhada em transformar o Carrizo num novo caminho no que toca ao consumo energético por nos portáteis.

O Carrizo foi desenvolvido com o intuito de prolongar a bateria dos computadores portáteis com elevado desempenho. Com esta nova arquitectura, a AMD apenas aumentou o desempenho em 5% face ao seu antecessor, contudo, este processador consome menos 40% de energia, o que é óptimo para quem necessita de um computador portátil para trabalhar no seu dia-a-dia e sempre em alto desempenho.

Mas esta não é a única novidade. O Carrizo tem também um descodificador H.265 integrado, o que será importante para a transmissão de vídeos 4K e, mais importante, este processador é o primeiro a utilizar a arquitectura Heterogeneous System Architecture, que permite que o CPU e o processador gráfico partilhem memória e tarefas, fazendo com que as mesmas sejam concluídas mais rapidamente do que actualmente.

Este chip parece à primeira vista muito promissor e deverá chegar ao mercado já no segundo trimestre deste ano. Quanto a valores, a AMD ainda não avançou qualquer informação sobre preço deste chip mas, com certeza que será um chip que vai abanar este sector.

Fonte: notícia retirada de http://pplware.sapo.pt/gadgets/hardware/carrizo-e-o-novo-processador-super-economico-da-amd/ em 26/02/2015