New Nerd Generation

Como Criar Desenhos Animados no Inkscape

2013-06-28T23:28:00.000+01:00

Desde muito pequeno, desenvolvi um grande fascínio pelos desenhos animados. As minhas primeiras animações surgiram em cantos de cadernos ou em pequenos blocos de notas, onde era necessário desfolhar rapidamente as páginas para visualizar o resultado final.
O Inkscape não é uma ferramenta de animação, mas pode ser usado para criar os vários frames desta de uma forma relativamente fácil, graças ao seu ambiente de "vectores".
Neste Tutorial explico apenas como se criam os frames da animação. Depois de produzirem as imagens, é necessário juntá-las com outro programa. Para isso pode usar-se o Movie Maker ou outro equivalente para criar um ficheiro de vídeo, ou um programa como o Gimp para gerar uma animação gif, tal como o exemplo deste artigo.

Como Criar Folhas Coloridas no Inkscape

2013-06-28T22:52:00.000+01:00

O Inkscape está equipado com algumas funções para gerar cores automaticamente. Este tipo de funções podem tornar-se bastante úteis quando queremos colorir muitos elementos de uma só vez, sem ter de colorir um a um.

Como Escrever Texto sobre Curvas

2013-06-28T18:32:00.002+01:00

Escrever texto sobre curvas pode-se tornar numa tarefa relativamente complicada, se não usarmos o software certo. Felizmente existe uma função no Inkscape para nos ajudar a criar textos curvados, exactamente como queremos. Mais info no vídeo do tutorial.

Como criar Reflexos com Perspectiva no Inkscape

2013-06-27T18:07:00.001+01:00

Neste tutorial explico como se criam reflexos e como podemos usar a ferramenta de perspectiva para dar alguma profundidade ao reflexo de um objecto. Ainda neste tutorial, aplico uma técnica para corrigir a sobreposição dos objectos com transparência.

Esta técnica também se pode aplicar para a criação de sombras, ou outras projecções.

Como Remover Fundo de Imagem no Inkscape

2013-06-27T13:21:00.000+01:00

Remover o fundo das imagens é uma tarefa com muita utilidade e bastante mais simples do que se possa pensar. Neste tutorial partilho dois métodos para atingir o mesmo resultado. No primeiro, aplico um corte na imagem com um <Clip>, e no segundo utilizo a ferramenta de <Trace bitmap>.

Como criar efeito de texto partido no Inkscape

2013-06-27T12:30:00.002+01:00

Neste tutorial ensino a criar um efeito de texto partido, enquanto dou algumas dicas para quem ainda não conhece alguns dos atalhos mais úteis do Inkscape. É importante ter em consideração que não se pode editar o tipo de letra do texto ou o conteúdo do texto depois de se transformar o objecto de texto em vector ou caminho (CTRL+SHIFT+C).

Tutoriais NNG (Programação, Design e Web)

2013-06-25T21:05:00.000+01:00

Estou neste exacto momento a preparar uma série de conteúdos e tutoriais que irei partilhar neste site.
Já a partir de amanhã vou iniciar a publicação de tutoriais de Programação, Web Design, Animação e Modelação 3D, e partilhar algumas Técnicas de Ilustração. Para um futuro próximo, dependendo da minha disponibilidade, espero iniciar tutoriais de produção e edição de áudio.
Os tutoriais serão realizados sobre software livre. A edição e compilação de código será repartida entre a misteriosa e medonha Linha de Comandos do Windows, a consola do Ubuntu, os respectivos IDE's de C e JAVA, (DevC++, Netbeans ...), ou o meu editor de texto preferido, o Notepad++(Windows), ou gEdit(Ubuntu). Este último poderá ser substituído por qualquer outro editor de texto da vossa preferência.

Para a criação e edição de imagem, vou ensinar a utilizar os programas Inkscape e Gimp. A modelação e animação 3D serão da inteira responsabilidade de outro software também open source, o Blender.
Em alguns tutoriais, poderá existir uma utilização combinada destes programas devido às especificidades de cada um para diferentes processos. Não é necessário reinventar a roda, nem ir a Roma pelo caminho mais longo quando podemos atalhar.

Se já conheces alguns destes programas e tens dificuldades em atingir o resultado desejado, ou se simplesmente tens ideias para futuros tutorias, não hesites em colocar a tua sugestão.
Quem sabe se não será um bom desafio?
Entretanto se ainda não conheces as ferramentas anteriores, podes saber mais detalhes sobre estas neste artigo, e fazer o respectivo download.

O autor
André Canilho

Software Livre para uso Profíssional

2013-06-25T20:46:00.000+01:00

Inkscape

Neste programa é possível criar imagens vectorizadas SVG, (Scalable Vector Graphics), ou seja, imagens escaláveis para qualquer resolução sem perda de qualidade. O Inkscape oferece também funcionalidades avançadas para criação de documentos PDF, protótipos de páginas Web, edição de imagens, criação de máscaras e aplicação de efeitos visuais.

Download Inkscape

Gimp

É uma ferramenta dedicada à ilustração, mas ao contrário do Inkscape, este pode ser visto como um primo gratuito do Photoshop, devido ás suas inúmeras funcionalidades dedicadas à edição de imagens.

Download Gimp

Blender

O Blender é provavelmente a mais amada e ao mesmo tempo odiada ferramenta desta lista. A simples aparência deste editor 3D engana o comum utilizador e esconde milhares de funções de topo, inacessíveis ou simplesmente inutilizáveis pela maior parte dos modeladores amadores, por falta de conhecimento. Após o utilizador a trabalhar neste programa, será surpreendido pela imensidão do poder desta aplicação, usada por muitos profissionais que não estão dispostos a pagar fortunas, por outras ferramentas pagas, cheias de funções que nunca vão utilizar. O Blender inclui um excelente motor de física, suporte para animação, eventos temporizados, e até um motor de criação de jogos.

Download Blender

Linux MultiMedia Studio

O LMMS é uma ferramenta para criação de áudio, com qualidade de uma Workstation. O programa inclui suporte para teclado MIDI, oferece uma vasta gama de instrumentos, suporte para os mais típicos sistemas de áudio e uma longa lista de efeitos da qual destaco os nostálgicos sons produzidos pelos chips da famosa Commodore 64.

Donwload LMMS

Javascript: Chaves automáticas para Euromilhões

2013-03-24T00:55:00.003+00:00

Se tens mais de 18 anos e jogas esporadicamente no Euromilhões, já de certo reparaste nas imensas repetições de números das chaves automáticas nas máquinas oficiais. As repetições diminuem ligeiramente as hipóteses de acertar nos números premiados.

Por essa razão criei um código para gerar chaves verdadeiramente aleatórias. As chaves criadas pela minha página, não têm segredos nem prometem prémios a ninguém. São apenas uma alternativa saudável para aquelas pessoas que passam a vida à procura de novos métodos para descobrir chaves milionárias, mas acabam por cair no erro de usar o sistema oficial.

Para aceder à página cliquem na imagem ou na página seguinte:

Chaves Automáticas para Euromilhões

Relógio em HTML5 (Javascript, Canvas)

2013-03-23T12:00:00.001+00:00

HTML5 não é novidade nenhuma para mim, muito menos o JavaScript, a principal linguagem para adicionar novas funcionalidades às páginas Web. Se estão interessados em aprender Javascript, recomendo sites de auto aprendizagem como o CodeAcademy.
Recriei este relógio após descobrir um tutorial interessante, onde na altura me aprendi novos conceitos.
O relógio está disponível na página: HTML5 Canvas Clock by Canilho.

Publicar mensagem em branco no Facebook

2011-09-14T00:56:00.002+01:00

No Facebook, não podes simplesmente escrever uma mensagem com espaços, e publicar...
Mas se escreveres o código seguinte:
@[0:0: ]
... e de seguida publicares, vais ver que não surge nada na tua mensagem.
E para que é que isto serve?
- Nada... Mas é sempre bom aprender um truque novo.

O teu primeiro site

2011-09-12T16:22:00.022+01:00

Hoje vais aprender a fazer um site em apenas alguns segundos, e a única coisa que precisas é o notepad do Windows, e um browser (IExplorer, Firefox, Opera, Chrome, etc...) . Para editar o código Html que faças o download do Notepad++, pois este editor reconhece a linguagem, e ajuda-te a ler o código.

Vamos passar à criação do teu primeiro site. Recomendo que cries uma pasta para o conteúdo do site. Se estás impaciente, vê e testa o exemplo simples no fim deste post.
Antes de mais vamos ver os elementos principais de qualquer site:

<Html>
<header>
<title>O meu primeiro site</title>
</header>
<body>
Em Construção
</body>
</html>

Guarda este código num ficheiro com o nome "site.html", e de seguida abre esse ficheiro num browser. (não precisas de fechar o editor de texto)

Está feito o teu primeiro site, apenas com um título e texto. Se reparares, apenas surge escrito o que escreveres na secção . É esta a parte principal do site, em que vamos trabalhar.

Mas um site deste género seria bastante enfadonho.
Vamos adicionar mais conteúdo. É a partir deste momento é que a construção do site começa a ficar interessante.

Guarda temporariamente o código, (Ctrl+ G, no bloco de notas do windows, ou Ctrl + S no Notepad++), sempre que fizeres alterações no código, podes ir browser refrescar a página (tecla F5) para veres as alterações.

Tabelas
As tabelas são um elemento bastante útil para organizar o teu site. Um formato muito popular é o seguinte:
Titulo do si

Cabeçalho do site
menu 1 menu 2 menu 3	Conteúdo do site
Rodapé com informação sobre o site

Para conseguires o aspecto anterior precisas de fazer o seguinte código:

<Html>
<header>
<title>O meu primeiro site</title>
</header>
<body>
<table align="center" border="1" width="80%" height=80%><tbody><tr><td colspan="2" height=100> O meu primeiro site</td></tr><tr><td width="15%">Home<br>
Item 1 <br>Item 2</td><td>Conteúdo do site
</td></tr><tr><td colspan="2" height=30 >Rodapé com informação sobre o site</td></tr></tbody></table>

</body>
</html>

Neste código existem vários conceitos que precisas de conhecer, para poderes alterar o código a teu gosto.

Width e Height correspondem a largura e largura. Ambos podem ser definidos por um valor fixo em pixeis, ou em percentagem, que se altera consoante o tamanho da janela.
Border define o tamanho da margem da tabela, neste caso foi de 1 pixel.
Align é o alinhamento do item. pode ser ajustado tanto a tabelas como texto, imagens, ou até vídeos. Center centra o item, left e right ajusta à esquerda e direita.

As tabelas são compostas por 3 elementos principais:
<table></table> define a tabela
<tr></tr> define as linhas
<td></td> define as colunas dentro das linhas

Se quisermos uma tabela com 3 linhas e 2 colunas o código é o seguinte:
<table border=1>
<tr><td>linha 1, coluna 1</td><td>linha 1, coluna 2</td></tr>
<tr><td>linha 2, coluna 1</td><td>linha 2, coluna 2</td></tr>
<tr><td>linha 3, coluna 1</td><td>linha 3, coluna 2</td></tr>
</table>

Mas comparando com o design anterior, repara que temos 3 linhas, mas apenas a linha central tem 2 colunas. Para ficar com o mesmo design, não basta eliminar a (linha 1, coluna 2), e (linha 3, coluna 2), temos de fundir as duas células de cada linha numa só.
Para isso dentro de <td> temos de definir a fusão, com o código colspan=2, que significa, união das duas celulas seguintes da mesma linha.

É possível fazer o mesmo nas colunas, mas em vez de colspan, usa-se o comando rowspan.

Exemplo

Código

linha 1, coluna 1	linha 1, coluna 2
	linha 2, coluna 2
	linha 3, coluna 2

<table border=1>
<tr><td rowspan=3>linha 1, coluna 1</td><td>linha 1, coluna 2</td></tr>
<tr><td>linha 2, coluna 2</td></tr>
<tr></td><td>linha 3, coluna 2</td></tr>
</table>

Podem experimentar vários tipos de tabelas seguindo este esquema usando o colspan e o rowspan.
Também é possível colocar tabelas dentro de outras tabelas.

Hiperligações:

Um site sem ligações não se pode considerar um site.
Um link define-se do seguinte modo
<a href="http://enderço">Nome do Endereço</a>

Imagens:

Para publicares imagens precisas do seguinte código
<img src="imagem.jpg" />

"imagem.jpg" deve ser substituído pelo nome da tua imagem, e esta deve de estar na mesma directoria da página do site. Ou no caso de estar noutra localização, o endereço desta deve ser fixo (acessível independentemente da localização do site).

Vídeo:

O HTML5 suporta a tag <video>, e esta funciona do seguinte modo:
<video width="400" height="300" controls="controls">
<source src="video.mp4" type="video/mp4" />
<object data="video.mp4" width="400" height="300">
<embed src="video.swf" width="400" height="300" />
</object></video>

É possível reproduzir diversos tipos de vídeo: mp4, ogg, webm, swf, mas nem todos os browsers suportam todos estes formatos, e um video demasiado pesado, poderá levar muito tempo a carregar deste modo, portanto a solução mais segura será mesmo fazer upload dos teus vídeos para um site como o Youtube, e copiar o código disponibilizado pela plataforma para o teu site.

Audio:
Tal como o vídeo, também é possível colocar um leitor de audio embutido numa página html. Existem 3 formatos suportados, ogg, wav e MP3.

<audio controls="controls" height="50px" width="150px">
<source src="musica.mp3" type="audio/mpeg" />
<embed height="50px" width="150px" src="musica.mp3" />
</audio>

Texto e Formatação:
Existem diversos componentes que te ajudam a formatar o texto, um deles são as Headers desde <h1> a <h6>

<H2>Header 2</H2>

<H3>Header 3</H3>

<H4>Header 4</H4>

<H6>Header 6</H6>

Paragrafos <p>texto</p> podem ser usados para formatar o texto contido neles.
<br>define uma nova linha.

<b>texto negrito</b>

<i>texto em italico</i>

<pre>Texto predefinido</pre>

Cores e estilos

Podemos modificar cada segmento de texto apenas utilizando estilos. Existem formas simples de aplicar os mesmos estilos a todos os textos do mesmo tipo, mas por enquanto vamos começar com algo mais simples.

<p style="font-family:arial;color:blue;font-size:15px;background-color:gold;">Texto.</p>

Neste segmento de código, apliquei todos os estilos definidos nele próprio. Tipo de letra é Arial, cor azul, tamanho 15 pixeis, e fundo dourado. Quando se define um estilo para um tipo de texto, podem-se definir todas estas características que quiseres, desde que delimitadas com ; entre cada definição.

Mas para os componentes, como a secção <body>, <tables> ou <td> podemos usar o seguinte código para alterar o seu fundo:
<body bgcolor=black > ou <body bgcolor=#000000 >

Estes dois códigos, tornam o teu fundo preto. Podes alterar a cor do fundo dando o nome da cor em inglês, ou usando um código desde #000000 a #ffffff (números de 0 a 9 e letras de a-f)

Se em vez de uma cor, queres ter uma imagem de fundo, podes usar o código background="nome_da_imagem.jpg" dentro do componente para o qual queres esta imagem.

Favicon
Este elemento é o ícone que surge na barra de endereço dos browsers. Este elemento deve ser definido na Header da página html. Podes usar diversos tipos de imagens, desde estáticas a gifs animados, mas alguns formatos ainda não são suportados por alguns navegadores de internet.
<link rel="icon"
type="image/jpg"
href="imagem.jpg">

Exemplo Prático:

Cria uma nova directoria(pasta), e guarda as duas imagens seguintes nela (clica nas imagens para as aumentar).
A primeira com o nome "nng.jpg", e a segunda com o nome "cubos.jpg".
Copia para o notepad o código seguinte, e guarda com o nome indicado antes de cada segmento, e copia para dentro da mesma pasta onde estão as imagens.
Abre o ficheiro site.html e observa como funciona o código que fiz.
Não usei nada que não tenha falado neste post.

site.html:


<Html>
<header>
<title>O meu primeiro site</title>
<link rel="icon"
     type="image/jpg"
     href="cubos.jpg">
</header>
<body bgcolor=black>
<table align="center" border="1" width="80%" height=80% bgcolor=#aaaaff ><tbody><tr><td colspan="2" height=100 background=nng.jpg> <h1 align="center" style="color:gold">O meu primeiro site</h1></td></tr><tr>
<td width="15%">
<h2 style="background-color:gold;color:black;"><a href="site.html"  >Home</a></h2><br>
<a href="about.html"><h2>About</h2></a></td>
<td align=center >
<img src="cubos.jpg" align=left /><h1 style="color:DarkBlue">HOME</h1>
Conteúdo do site
<br><br><br><br>

</td></tr><tr><td colspan="2" height=30 align=center ><a href="http:\\newnerdgeneration.blogspot.com" target="_blank">newnerdgeneration.blogspot.com </a>by A. Canilho</td></tr></tbody></table>
<p style="color:white" align=center>2011</p>
</body>
</html>

about.html:


<Html>
<header>
<title>O meu primeiro site</title>
<link rel="icon"
     type="image/jpg"
     href="cubos.jpg">
</header>
<body bgcolor=black>
<table align="center" border="1" width="80%" height=80% bgcolor=#aaaaff ><tbody><tr><td colspan="2" height=100 background=nng.jpg> <h1 align="center" style="color:gold">O meu primeiro site</h1></td></tr><tr>
<td width="15%">
<h2><a href="site.html">Home</a></h2><br>
<a href="about.html" bgcolor=white><h2 style="background-color:gold;color:black">About</h2></a></td>
<td align=center >
<h1 style="color:DarkBlue">ABOUT</h1>
Descrição do site<br>
<img src="cubos.jpg" align=center height=150 />
</td></tr><tr><td colspan="2" height=30 align=center > <a href="http:\\newnerdgeneration.blogspot.com" target="_blank">newnerdgeneration.blogspot.com </a>by A. Canilho</td></tr></tbody></table>
<p style="color:white" align=center>2011</p>
</body>
</html>

Picasa: Organiza Edita e Partilha as tuas fotos com quem quiseres

2011-09-12T15:28:00.006+01:00

O Picasa é um software gratuito da Google que te permite organizar todas as fotos que tens espalhadas pelo teu computador.

É possível registares o local onde tiraste as fotos, o potente software de identificação de faces, permite-te encontrar fotos de qualquer pessoa que conheces, e se quiseres partilhar com o mundo alguma foto em especial, é possível fazer upload directo para os teus álbuns online. Podes também fazer uma cópia de segurança das tuas fotos para a "nuvem" sempre mantendo a tua privacidade.

Para editar fotos, fazer colagens, não existe outro programa mais simples que este. Os vários efeitos pré-definidos, são capazes de tornar fotos amadoras, em trabalhos profissionais.
Além das fotos este software também reconhece vídeos, apesar de ser mais limitado neste aspeto.

Se queres um software profissional para organizar as tuas memórias digitais, esta é a minha sugestão.

Faz Download em Picasa.google.com

Como Criar Atalhos para Qualquer Coisa no Windows

2011-09-12T14:37:00.008+01:00

Os atalhos são bastante úteis, e ao mesmo tempo tão vulgares que a maior parte do tempo os vemos mais como lixo do que objectos de utilidade. Mas eu vou fazer-vos mudar de ideias.

Quantos de vocês não têm pelo menos um site que costumam visitar várias vezes ao dia?
Não é mais simples criar um atalho para este, que ter de abrir o Browser, escrever o endereço, etc?

Como criar um atalho para um site
Clica com o botão direito do rato no ambiente de trabalho, seleccionar Novo -> Atalho, e deverá surgir a seguinte janela (Windows 7).
Coloca o endereço do site para o qual pretendes um atalho. Neste caso é o NNG, mas podes fazer atalhos para o Facebook, sites de noticias, ou qualquer outro à tua escolha.

Agora que o atalho foi criado, precisamos de um ícone decente para o atalho.
Abre as propriedades do atalho, e altera o ícone.
Carrega em Procurar e escolhe o ficheiro Windows\system32\SHELL32.dll, onde existem dezenas de ícones.

Depois de escolheres o ícone, pressiona OK, e Aplicar.
Se também quiseres um atalho por teclado, clica com o rato em Shortcut key e faz uma combinação do género Ctrl + Alt + N, ou Ctrl + Shift + N, onde N deve ser uma letra identificativa do nome do site.
Assim que esteja tudo conforme o desejado, faz OK, e tens um novo atalho para o teu site preferido.

Agora que sabes criar um atalho, porque não criar atalhos para suspender o computador, ou programar um determinado período de tempo para que este se desligue?
Para isto basta que no endereço do atalho escrevas os seguintes códigos, consoante a função que desejas.

Desligar depois de X segundos:
Shutdown.exe -s -t 00
(substitui 00 por qualquer valor em segundos) 60 = 1 minuto

Reiniciar após X segundos
Shutdown.exe -r -t 00

Hibernar
rundll32.exe PowrProf.dll,SetSuspendState

Suspender
rundll32.exe PowrProf.dll,SetSuspendState 0,1,0

Bloquear
Rundll32.exe User32.dll,LockWorkStation

Começar a programar em C com Dev-C++

2011-09-12T13:57:00.006+01:00

Antes de mais, deves de instalar o Dev-C++ no teu computador.
Para isso podes procurar no Google pelo nome do programa, ou ir diretamente a este site, faz o download, e instala no teu computador.

Abre o programa, cria um novo arquivo fonte(atalho:Ctrl+N), e copia o código em baixo para o programa.

#include <stdio.h>
#include <stdlib.h>
main(){
printf("Hello World\n");
system("pause");
}

Agora tens de compilar este código, para poderes ver qual o seu resultado. Vais ao menu Executar, e pressiona onde diz Compilar e Executar, ou então basta pressionar a tecla F9.

Se tudo correu bem, vai te aparecer uma janela da linha de comandos,com o seguinte texto:

Hello World
prima qualquer tecla para continuar...

Se foi isto que te apareceu, estás pronto(a) a começar a programar em C no Dev-C++.
Se seguires os tutoriais deste blogue, adiciona sempre o #include <stdlib.h> no inicio do teu programa, e o system("Pause"); antes da chaveta do main. Este comando permite que a janela da linha de comandos não termine, enquanto não pressionares uma tecla. Caso contrário, assim que o programa termina, a janela fecha-se automaticamente.

Se quiseres usar a linha de comandos, depois de instalares o Dev-Cpp ficas automaticamente com o computador configurado para que este reconheça comandos do compilador de C. Nesta situação, remove o system("Pause") do programa.

Para compilar um arquivo C na linha de comandos usa:
gcc -o nome_do_executavel nome_do_programa.c

Se o teu programa se chama hello.c, compilas e executas do seguinte modo:
gcc -o hello hello.c
hello

Após estes dois comandos, deve-te aparecer o output do teu programa.
Se és iniciante em C, começa por este artigo -> Introdução à programação em C

Introdução á programação em C

2011-09-12T10:48:00.016+01:00

Este é o primeiro artigo sobre programação em C. Neste apenas vou deixar alguns conceitos básicos sobre programação nesta linguagem, que não devem de ser esquecidos
Começamos portanto com o "hello world", ou "Olá mundo", um programa que apenas escreve estas duas palavras.

Ex1. Hello_World.c

#include <stdio.h>
main(){
printf("Hello World\n");
}

Neste momento não é necessário que entendam para que servem todos os elementos presentes no código. Apenas tenham noção de que o "include <stdio.h>" é um comando que chama uma biblioteca com funções pré-definidas, o main() é a função principal do nosso programa, o printf("Hello World\n"); escreve no ecrã as palavras "Hello World", e o \n coloca o cursor de texto na linha seguinte.
Dentro de um printf, podes escrever praticamente tudo o que quiseres, desde que não utilizes caracteres especiais.
Por exemplo, printf("Não se pode fazer "isto" \n"); porque as aspas são caracteres com significado no código de programação, mas printf("podes fazer \"isto\" \n"); ,uma vez que o carácter \ anula o efeito das aspas.

código	significado
\n	nova linha
\t	tabulação horizontal
\v	tabulação vertical
\?	imprime carácter ? (outros ex:\\, \',\")
%%	imprime carácter %

Variáveis

ex 2. Var.c

#include <stdio.h>
main(){
int x=3;
int y=4;
printf("%d+%d=%d \n",x,y,x+y);
}

Neste segundo exemplo usamos duas variáveis (x e y), onde guardamos os valores inteiros 3 e 4. No printf escrevemos %d no local onde queremos que o valor das variáveis apareça. No lugar do primeiro %d é escrito o valor de x, no segundo o valor de y, e no terceiro o valor de x+y. Repara na ordem pela qual os valores aparecem dentro do printf.

ex 2.1: scanf.c

#include <stdio.h>
main(){
int x=3;
int y=4;
printf("Introduz dois valores\n");
scanf("%d%d",&x,&y);
printf("%d+%d=%d \n",x,y,x+y);
}

Neste exemplo o programa vai te pedir que introduzas dois valores inteiros, (separados por um espaço, ou pela tecla "enter"), e devolve a soma entre eles. A função que lê esses valores é o scanf. Se reparares, a sintaxe é semelhante ao printf, do lado esquerdo indicas o que queres ler, e do lado direito, as variáveis onde o valor é guardado, precedidas pelo símbolo adicional & que representa o endereço de memória da variável.

ex2.2: float.c

#include <stdio.h>
main(){
float x=123.456;
printf("Parte inteira = %d \n",(int) x);
printf("Parte real = %f \n",x - ((int) x));
}

O float é outro tipo de dados da linguagem C. Este representa os números reais(ex:123,456), ou seja, os números com parte inteira e parte decimal. Com a função (int) x, obtemos a parte inteira deste valor, e se subtrairmos a parte inteira ao número real original,(ex:123.456-123=0.456), obtemos a parte decimal. Simples não é?
Nota que para mostrar um float no printf, é usado um %f, em vez do %d usado para os inteiros.

Tipos de dados:

código	significado	ler/escrever
int	número inteiro	%d
float	número real (4bytes)	%f
double	número real (8bytes)	%e
char	carácter	%c

Operações aritméticas:

Símbolo	Operação
+	Soma
-	Subtracção
*	Multiplicação
/	Divisão
%	Resto da divisão entre inteiros

Deve-se ter em conta que para fazer uma operação entre dois valores, devem ambos ser do mesmo tipo de dados, quero com isto dizer, que não se deve simplesmente somar um número inteiro a um número real, embora se possa fazer isto mesmo, caso sejam feitas as operações necessárias para não existirem erros na contagem.

Programming software you'll need

2011-09-11T22:49:00.008+01:00

There are a lot of tools to make your own programs.
First of all, choose your programming language, and then search for the best software for your needs.
My favorite is without any doubt the Netbeans IDE (for Java, PHP, C/C++ and more). The huge range of operating systems supported, and the good amount of plugins that you can install on it, make it one of the best. Some features of this software, make you program more code, in less time.
For Java and C, Eclipse is another good choice. This IDE is lighter than Netbeans, but good enough for most programming needs.
Another IDE a little old but still good for C/C++ language, is DevC++.

Microsoft also has a lot of tools for programmers. Visual Studio is a full box of content for Microsoft oriented programmers. Some students, can get this software and more for free in Dreamspark, if their school is certified by MS.

Notepad++ is a free code source editor, (not a compiler), that supports a huge amount of languages (almost all). If you know more than one programming language, you have to install this.

2011-09-11T20:30:00.000+01:00

The NEW NERD GENERATION is a info blog about things you didn't know how it was possible to do with your computer.
This is not my first blog. I already have some experience about what most people like to read on the Internet. (Yes, is true. People do like to read).
As any work in progress, it may take a while to write valuable content, until then, just be patient.
Your host:
André Canilho