Laboratório de Informática 1 e 2 (2009) » Sem categoria http://www.brunocampagnolo.com/2009li PUCPR > Bacharelado em Sistemas de Informação > 1o e 2o Períodos Fri, 18 Dec 2009 10:28:56 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Notas Finais!!! http://www.brunocampagnolo.com/2009li/2009/12/18/notas-finais/ http://www.brunocampagnolo.com/2009li/2009/12/18/notas-finais/#comments Fri, 18 Dec 2009 10:27:25 +0000 admin http://www.brunocampagnolo.com/2009li/?p=690 Pessoal,

Já finalizei todas as correções necessárias e suas notas já estão na planilha abaixo.
Esta planilha é o que vale.

http://spreadsheets.google.com/ccc?key=0AqQ2GvdPZmGjdHpidnBWUC1kd0VSUmJWaDFJUDMwbHc&hl=pt_BR

Observem  possiveis erros de lançamento no iger e entrem em contato se necessário.

Caso alguém queira conversar comigo e conferir sua prova final, amanhã (sábado) das 8:00h às 9:30h estarei no Lab 7 do CCET. Destaco que não irei na PUCPR na segunda-feira.

Desejo a todos, boas férias e um excelente ano novo!

]]> http://www.brunocampagnolo.com/2009li/2009/12/18/notas-finais/feed/ 0 Notas Finais – Turma U e V http://www.brunocampagnolo.com/2009li/2009/12/06/notas-finais-turma-u-e-v/ http://www.brunocampagnolo.com/2009li/2009/12/06/notas-finais-turma-u-e-v/#comments Sun, 06 Dec 2009 19:34:14 +0000 admin http://www.brunocampagnolo.com/2009li/?p=686 Pessoal,

Por favor, verifiquem suas notas finais:

http://spreadsheets.google.com/ccc?key=0AqQ2GvdPZmGjdHpidnBWUC1kd0VSUmJWaDFJUDMwbHc&hl=pt_BR

Confiram as notas acima! Qualquer problema, venha conversar comigo na terça ou quarta-feira.

IMPORTANTE: todos que estão em situação limítrofe (médias 68 a 69.9 e 38 a 39.9) devem comparecer na aula no dia da prova final.

Lembrem-se: a final é na terça (8/12) para a turma V e (9/12) para a turma U.

]]> http://www.brunocampagnolo.com/2009li/2009/12/06/notas-finais-turma-u-e-v/feed/ 0 Notas do 3o bimestre! http://www.brunocampagnolo.com/2009li/2009/11/24/notas-apenas-da-turma-v-amanha-turma-u/ http://www.brunocampagnolo.com/2009li/2009/11/24/notas-apenas-da-turma-v-amanha-turma-u/#comments Tue, 24 Nov 2009 21:06:03 +0000 admin http://www.brunocampagnolo.com/2009li/?p=676 Notas do 3o BIMESTRE, falta o 4o!

http://spreadsheets.google.com/ccc?key=0AqQ2GvdPZmGjdHpidnBWUC1kd0VSUmJWaDFJUDMwbHc&hl=pt_BR

POR FAVOR, CONFIRA SUAS NOTAS!!!!

]]> http://www.brunocampagnolo.com/2009li/2009/11/24/notas-apenas-da-turma-v-amanha-turma-u/feed/ 0 Datas e Notas! http://www.brunocampagnolo.com/2009li/2009/11/17/datas-e-notas/ http://www.brunocampagnolo.com/2009li/2009/11/17/datas-e-notas/#comments Tue, 17 Nov 2009 21:12:21 +0000 admin http://www.brunocampagnolo.com/2009li/?p=657 Pessoal,

As notas da 3a Parcial até segunda-feira!
Sobre a quarta-parcial, observem as datas:
* 17/11 – última aula expositiva: bibliotecas JavaScript;
* 24/11 – livre (trabalho F14);
* 30/11 – Entrega do trabalho F14;

*1/12 – PROVA DA TURMA V;
* 2/12 – PROVA DA TURMA U;

* 8/12 – Prova Final – Turma V.

* 9/12 – Prova Final – Turma U.

]]> http://www.brunocampagnolo.com/2009li/2009/11/17/datas-e-notas/feed/ 0 Exemplo com posicionamento (aula 28/10) http://www.brunocampagnolo.com/2009li/2009/10/28/exemplo-com-posicionamento-aula-2810/ http://www.brunocampagnolo.com/2009li/2009/10/28/exemplo-com-posicionamento-aula-2810/#comments Wed, 28 Oct 2009 23:54:19 +0000 admin http://www.brunocampagnolo.com/2009li/?p=605 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> <style type="text/css"> #im2 { position: relative; left: 300px; top: 30px; } #im3 { position: absolute; left: 0px; top: 0px; } #im4 { position: fixed; right: 100px; bottom: 10px; } </style> </head> <body> <h1>Posicionamento Estático</h1> <img id="im1" src="http://www.pucpr.br/gerenciador/imagens_noticias/6345_c.jpg"> <h1>Posicionamento Relativo</h1> <img id="im2" src="http://www.pucpr.br/gerenciador/imagens_noticias/6326_c.bmp"> <h1>Posicionamento Absoluto</h1> <img id="im3" src="http://www.pucpr.br/gerenciador/imagens_noticias/6310_c.jpg"> <h1>Posicionamento Fixo</h1> <img id="im4" src="http://www.pucpr.br/images/banner_intercambio0.jpg"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse semper odio in dui. Donec iaculis. Vestibulum justo. Donec accumsan, justo vel pharetra varius, libero mauris ultrices nisl, at pulvinar enim nulla vitae nunc. Duis imperdiet ultrices nisi. Sed blandit. Praesent sed mi non nulla pulvinar ultricies. Sed ultricies libero vitae nulla. Nunc suscipit nisi eget pede. Curabitur feugiat ipsum vel nibh. Pellentesque cursus lectus id quam. Cras nec tellus sit amet urna mollis ornare. Nulla facilisi. Aliquam erat volutpat. Suspendisse potenti. Nam porta quam. Morbi tincidunt blandit est.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse semper odio in dui. Donec iaculis. Vestibulum justo. Donec accumsan, justo vel pharetra varius, libero mauris ultrices nisl, at pulvinar enim nulla vitae nunc. Duis imperdiet ultrices nisi. Sed blandit. Praesent sed mi non nulla pulvinar ultricies. Sed ultricies libero vitae nulla. Nunc suscipit nisi eget pede. Curabitur feugiat ipsum vel nibh. Pellentesque cursus lectus id quam. Cras nec tellus sit amet urna mollis ornare. Nulla facilisi. Aliquam erat volutpat. Suspendisse potenti. Nam porta quam. Morbi tincidunt blandit est.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse semper odio in dui. Donec iaculis. Vestibulum justo. Donec accumsan, justo vel pharetra varius, libero mauris ultrices nisl, at pulvinar enim nulla vitae nunc. Duis imperdiet ultrices nisi. Sed blandit. Praesent sed mi non nulla pulvinar ultricies. Sed ultricies libero vitae nulla. Nunc suscipit nisi eget pede. Curabitur feugiat ipsum vel nibh. Pellentesque cursus lectus id quam. Cras nec tellus sit amet urna mollis ornare. Nulla facilisi. Aliquam erat volutpat. Suspendisse potenti. Nam porta quam. Morbi tincidunt blandit est.</p> </body> </html> ]]> http://www.brunocampagnolo.com/2009li/2009/10/28/exemplo-com-posicionamento-aula-2810/feed/ 0 Layout gerado na aula de 28/10 http://www.brunocampagnolo.com/2009li/2009/10/28/layout-gerado-na-aula-de-2810/ http://www.brunocampagnolo.com/2009li/2009/10/28/layout-gerado-na-aula-de-2810/#comments Wed, 28 Oct 2009 23:41:23 +0000 admin http://www.brunocampagnolo.com/2009li/?p=601 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> <style type="text/css"> #cabecalho { background-color: red; border: 1px solid black; } #lateral { background-color: blue; border: 1px solid black; float: left; width: 30%; min-height: 200px; } #conteudo { background-color: yellow; border: 1px solid black; float: right; width: 68%; min-height: 200px; } #rodape { background-color: green; border: 1px solid black; clear: both; } #container { width:  640px; margin: 0 auto; } </style> </head> <body> <div id="container"> <div id="cabecalho"> <h1>Site do Jamanta</h1> </div> <div id="lateral"> <ul> <li>Home</li> <li>...</li> </ul> </div> <div id="conteudo"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse semper odio in dui. Donec iaculis. Vestibulum justo. Donec accumsan, justo vel pharetra varius, libero mauris ultrices nisl, at pulvinar enim nulla vitae nunc. Duis imperdiet ultrices nisi. Sed blandit. Praesent sed mi non nulla pulvinar ultricies. Sed ultricies libero vitae nulla. Nunc suscipit nisi eget pede. Curabitur feugiat ipsum vel nibh. Pellentesque cursus lectus id quam. Cras nec tellus sit amet urna mollis ornare. Nulla facilisi. Aliquam erat volutpat. Suspendisse potenti. Nam porta quam. Morbi tincidunt blandit est.</p> </div> <div id="rodape"> <h6>Bruno - 2009</h6> </div> </div> </body> </html> ]]> http://www.brunocampagnolo.com/2009li/2009/10/28/layout-gerado-na-aula-de-2810/feed/ 0 Exemplos mostrados na aula de 27/10 http://www.brunocampagnolo.com/2009li/2009/10/27/exemplos-mostrados-na-aula-de-2710/ http://www.brunocampagnolo.com/2009li/2009/10/27/exemplos-mostrados-na-aula-de-2710/#comments Tue, 27 Oct 2009 22:20:22 +0000 admin http://www.brunocampagnolo.com/2009li/?p=595 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> <style type="text/css"> #container { background-color: #ccc; border: 1px solid black; margin: 10px; } .imgFloat { float: left; } .spacer { clear: left; } </style> </head> <body> <div id="container"> <h1>Eu</h1> <img src="eu.png"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p> <div></div> </div> </body> </html> 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#cabecalho {
background-color: red;
border: 1px solid black;
}
#lateral {
background-color: blue;
border: 1px solid black;
width: 39%;
float: left;
min-height: 400px;
}
#conteudo {
width: 60%;
background-color: green;
border: 1px dotted black;
float: right;
min-height: 400px;
}
#rodape {
background-color: yellow;
border: 1px dotted black;
clear: both;
}
#container {
width: 500px;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="container">
<div id="cabecalho">
<h1>Site do Jamanta</h1>
</div>
<div id="lateral">
<ul>
<li>Principal</li>
<li>Sobre</li>
<li>...</li>
</ul>
</div>
<div id="conteudo">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse semper odio in dui. Donec iaculis. Vestibulum justo. Donec accumsan, justo vel pharetra varius, libero mauris ultrices nisl, at pulvinar enim nulla vitae nunc. Duis imperdiet ultrices nisi. Sed blandit. Praesent sed mi non nulla pulvinar ultricies. Sed ultricies libero vitae nulla. Nunc suscipit nisi eget pede. Curabitur feugiat ipsum vel nibh. Pellentesque cursus lectus id quam. Cras nec tellus sit amet urna mollis ornare. Nulla facilisi. Aliquam erat volutpat. Suspendisse potenti. Nam porta quam. Morbi tincidunt blandit est.</p>        </div>
<div id="rodape">
<h6>Bruno C. de Paula</h6>
</div>
</div>

</body>
</html>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#img2 {
position: relative;
left: 100px;
top: 50px;
}
#container { background-color: #ccc;}
#img3 {
position: absolute;
left: 100px;
top: 100px;
}
#img4 {
position: fixed;
left: 0;
top: 0;
}
</style>
</head>
<body>
<div id="container">
<h1>Posicionamento Estatico</h1>
<img src="eu.png">
<h1>Posicionamento Relativo</h1>
<img id="img2" src="eu.png">
<h1>Posicionamento Absoluto</h1>
<img id="img3" src="eu.png">
<h1>Posicionamento Fixo</h1>
<img id="img4" src="eu.png">
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse semper odio in dui. Donec iaculis. Vestibulum justo. Donec accumsan, justo vel pharetra varius, libero mauris ultrices nisl, at pulvinar enim nulla vitae nunc. Duis imperdiet ultrices nisi. Sed blandit. Praesent sed mi non nulla pulvinar ultricies. Sed ultricies libero vitae nulla. Nunc suscipit nisi eget pede. Curabitur feugiat ipsum vel nibh. Pellentesque cursus lectus id quam. Cras nec tellus sit amet urna mollis ornare. Nulla facilisi. Aliquam erat volutpat. Suspendisse potenti. Nam porta quam. Morbi tincidunt blandit est.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse semper odio in dui. Donec iaculis. Vestibulum justo. Donec accumsan, justo vel pharetra varius, libero mauris ultrices nisl, at pulvinar enim nulla vitae nunc. Duis imperdiet ultrices nisi. Sed blandit. Praesent sed mi non nulla pulvinar ultricies. Sed ultricies libero vitae nulla. Nunc suscipit nisi eget pede. Curabitur feugiat ipsum vel nibh. Pellentesque cursus lectus id quam. Cras nec tellus sit amet urna mollis ornare. Nulla facilisi. Aliquam erat volutpat. Suspendisse potenti. Nam porta quam. Morbi tincidunt blandit est.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse semper odio in dui. Donec iaculis. Vestibulum justo. Donec accumsan, justo vel pharetra varius, libero mauris ultrices nisl, at pulvinar enim nulla vitae nunc. Duis imperdiet ultrices nisi. Sed blandit. Praesent sed mi non nulla pulvinar ultricies. Sed ultricies libero vitae nulla. Nunc suscipit nisi eget pede. Curabitur feugiat ipsum vel nibh. Pellentesque cursus lectus id quam. Cras nec tellus sit amet urna mollis ornare. Nulla facilisi. Aliquam erat volutpat. Suspendisse potenti. Nam porta quam. Morbi tincidunt blandit est.</p>
</body>
</html>
]]> http://www.brunocampagnolo.com/2009li/2009/10/27/exemplos-mostrados-na-aula-de-2710/feed/ 0 Código Jogo dos 15 – Gerado com a Turma U1 http://www.brunocampagnolo.com/2009li/2009/09/30/codigo-jogo-dos-15-gerado-com-a-turma-u1/ http://www.brunocampagnolo.com/2009li/2009/09/30/codigo-jogo-dos-15-gerado-com-a-turma-u1/#comments Thu, 01 Oct 2009 01:01:39 +0000 admin http://www.brunocampagnolo.com/2009li/?p=557 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> <style type="text/css"> input { width: 100px; } </style> </head> <body> <form id="meuForm" action=""> </form> <script type="text/javascript"> var criarBotoes = function () { var k = 1; // Criação das linhas for(i=0;i<4;i++) { // Criei um div na memória var meuDiv = document.createElement("div"); // Obtive o formulário chamado 'meuForm' var meuForm = document.getElementById("meuForm"); // Colocar o div dentro do form meuForm.appendChild(meuDiv); // Criação das colunas for(j=0;j<4;j++) { var meuBotao = document.createElement("input"); meuBotao.setAttribute("type", "button"); meuBotao.setAttribute("id", "bt"+k); meuBotao.setAttribute("value", k++); meuBotao.onclick = function () { alert("Fui clicado!"); alert(this.value); alert(this.id); } meuDiv.appendChild(meuBotao); } } } criarBotoes(); </script> </body> </html> ]]> http://www.brunocampagnolo.com/2009li/2009/09/30/codigo-jogo-dos-15-gerado-com-a-turma-u1/feed/ 0 Resultado do Exercicio O06 http://www.brunocampagnolo.com/2009li/2009/09/23/resultado-do-exercicio-f06/ http://www.brunocampagnolo.com/2009li/2009/09/23/resultado-do-exercicio-f06/#comments Wed, 23 Sep 2009 22:03:23 +0000 admin http://www.brunocampagnolo.com/2009li/?p=545 http://spreadsheets.google.com/ccc?key=0AqQ2GvdPZmGjdHBnWm5uc1RWNEdMaUpweVJDMUFvc1E&hl=pt_BR

Por favor, reclame qualquer problema, abaixo:
http://spreadsheets.google.com/viewform?formkey=dEFzdWotQUNUNXJsaV8zTXcwdlNkZ2c6MA..

]]> http://www.brunocampagnolo.com/2009li/2009/09/23/resultado-do-exercicio-f06/feed/ 0 Exercício F10 – Arrays em JavaScript http://www.brunocampagnolo.com/2009li/2009/09/15/exercicio-f10-arrays-em-javascript/ http://www.brunocampagnolo.com/2009li/2009/09/15/exercicio-f10-arrays-em-javascript/#comments Tue, 15 Sep 2009 22:51:57 +0000 admin http://www.brunocampagnolo.com/2009li/?p=529 Exercícios sobre vetores em JavaScript.

Estes exercícios tem como objetivo além de trabalhar com a manipulação de vetores, começar o trabalho com manipulação do Documento HTML em JavaScript (DOM).

01) Desenvolva uma interface HTML com um botão (botão ‘Criar’).

Crie um programa em JavaScript que ao clicar em um botão crie uma nova caixa de texto ao lado do botão ‘Criar’.

Dica:

  • Como criar uma caixa de texto e inserir dentro de um outro elemento:
  • var myInput= document.createElement(“input”);
  • myInput.setAttribute(“type”,”text”);
  • myDiv= document.getElementById(“myDiv”);
  • myDiv.appendChild(myInput);

02) Desenvolva uma interface HTML com dois botões (botão ‘Criar’ e botão ‘Multiplicar’).

Crie um programa em JavaScript que ao clicar em um botão crie uma nova caixa de texto ao lado do botão ‘Criar’.

Ao clicar no botão ‘Multiplicar’, todos os valores contidos nas caixas de texto devem multiplicados e o resultado deve ser exibido.

Dicas:

  • Use a função document.getElementsByTagName para obter um vetor de elementos a partir da tag.
  • o atributo value de uma caixa de texto altera/recupera o que está escrito na caixa de texto;

03) Desenvolva uma interface HTML com uma caixa de texto e um botão.

Quando o usuário clicar no botão, devem ser criados X itens em uma lista abaixo do botão, sendo cada item um número inteiro aleatório diferente de 0 a 100.

Dicas:

  • para sortear um número aleatório use a função Math.random();
  • Para criar uma interface HTML você pode usar a propriedade .innerHTML de um <div>, ou usar a função document.createElement;

04) Desenvolva uma interface HTML com 6  caixas de texto e um botão.

Quando o usuário clicar no botão, os valores contidos dentro de cada uma das caixas de texto devem ser armazenados em um array, reordenados e devolvidos às caixas.

Dicas:

  • Para ordenar os valores de um array utilize o método sort.

05)  Dado o seguinte array, que representa um conjunto de operações, faça um programa que aplique cada operação sucessivemente em um conjunto de valores fornecidos pelo usuário.

Exiba os resultados dentro de uma tabela.

var operacoes = [function (a,b) { return (a+b);}, function (a,b) {return (a-b);}, function (a,b) {return (a*b);}, function (a,b) {return (a/b);];

Por exemplo, se for fornecido 3 e 2 a tabela construída deve ser:

3 + 2 5
3 - 2 1
3 * 2 6
3 / 2 1.5

06)

Uma empresa de energia representa um mapa das áreas com problema de iluminação através de uma matriz. Assim, cada local com problema é representado por um número, sendo este número o custo em reais para resolver o problema. Por exemplo, no mapa abaixo, o número de pontos com problema é 8 o custo total para resolver os problemas é 12 e a média de dinheiro gasto é R$ 1,50.

0 0 0 0 0 0 0 0 0 0
0 0 0 0 0 2 0 2 0 0
1 1 1 0 0 0 0 0 0 0
0 0 0 3 1 0 0 0 0 0
0 0 0 0 0 0 0 0 0 0
0 0 0 0 0 0 0 0 1 0

Desenvolva um algoritmo que leia uma matriz de tamanho 5X4 de defeitos a partir do usuário e responda: qual é o número de pontos com problema, qual vai ser o dinheiro gasto e qual é a média de dinheiro gasto para resolver os problemas.

7) Escolha um algoritmo que você já desenvolveu na disciplina de Programação que envolva vetores.
(Turma V: Preferencialmente das listas 10, 12 e 13.)
Reimplemente este algoritmo em JavaScript.
Não esqueça de colocar o enunciado de seu exercício em sua resposta.

8 ) Escolha um algoritmo que você já desenvolveu na disciplina de Programação que envolva matrizes.
(Turma V: Preferencialmente das listas 10, 12 e 13.)
Reimplemente este algoritmo em JavaScript.
Não esqueça de colocar o enunciado de seu exercício em sua resposta.

]]> http://www.brunocampagnolo.com/2009li/2009/09/15/exercicio-f10-arrays-em-javascript/feed/ 0 Arrays em JavaScript http://www.brunocampagnolo.com/2009li/2009/09/15/arrays-em-javascript/ http://www.brunocampagnolo.com/2009li/2009/09/15/arrays-em-javascript/#comments Tue, 15 Sep 2009 22:05:06 +0000 admin http://www.brunocampagnolo.com/2009li/?p=530

]]> http://www.brunocampagnolo.com/2009li/2009/09/15/arrays-em-javascript/feed/ 0 Correção do O06 http://www.brunocampagnolo.com/2009li/2009/09/09/correcao-do-o06/ http://www.brunocampagnolo.com/2009li/2009/09/09/correcao-do-o06/#comments Thu, 10 Sep 2009 00:00:47 +0000 admin http://www.brunocampagnolo.com/2009li/?p=521

]]> http://www.brunocampagnolo.com/2009li/2009/09/09/correcao-do-o06/feed/ 0 Agenda com excluir http://www.brunocampagnolo.com/2009li/2009/09/01/agenda-com-excluir/ http://www.brunocampagnolo.com/2009li/2009/09/01/agenda-com-excluir/#comments Tue, 01 Sep 2009 23:25:36 +0000 admin http://www.brunocampagnolo.com/2009li/?p=510 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> </head> <body> <form action=""> <label for="nome">Nome:</label> <input type="text" id="nome" name="nome"><br> <label for="nascimento">Data nascimento:</label> <input type="text" id="nasc" name="nasc"><br> <input type="button" id="btConfirmar" value="Novo"> <div id="listaContatos"></div> </form> <script type="text/javascript"> var idContato = 1; var contatos = []; var criarContato = function(pnome, pnascimento) { var contato = { id: idContato++, nome: pnome, nascimento: pnascimento}; return contato; } var armazenarContato = function(contato,contatos) { contatos[contatos.length] = contato; } var pesquisarContatoPeloId = function(id, contatos) { // Percorrer todos os contatos for(var i=0;i<contatos.length;i++) { // Se for o contato esperado, retorne este contato! if(contatos[i].id===id) { return contatos[i]; } } } var excluirContatoPeloId = function(id, contatos) { // Percorrer todos os contatos for(var i=0;i<contatos.length;i++) { // Se for o contato esperado, elimine o contato! if(contatos[i].id===id) { contatos.splice(i,1); } } } var incluirNovoContato = function () { var nome = document.getElementById("nome").value; var nascimento = document.getElementById("nasc").value; var contato = criarContato(nome, nascimento); armazenarContato(contato, contatos); listarContatosHTML(); } document.getElementById("btConfirmar").onclick = incluirNovoContato; var listarContatosHTML = function(){ var txtTab = "<ul>"; for (var i = 0; i < contatos.length; i++) { s = contatos[i]; var botExclui = "<input type='button' onclick='excluir(" + s.id; botExclui = botExclui + ")' value='excluir'>"; txtTab = txtTab + "<li>" + botExclui + s.nome + "</li>"; } txtTab = txtTab + "</ul>"; document.getElementById("listaContatos").innerHTML = txtTab; } var excluir = function(id) { if(confirm("Voce tem certeza?")===true) { excluirContatoPeloId(id,contatos); } listarContatosHTML(); } listarContatosHTML(); // Código de Teste! /* arm = criarContato("Armando", "23/4"); jam = criarContato("Jamanta", "22/5"); cla = criarContato("Claudio", "23/6"); armazenarContato(arm, contatos); armazenarContato(jam, contatos); armazenarContato(cla, contatos); */ /* var txtTab = "<ul>"; for(var i=0;i<contatos.length;i++) { s = contatos[i]; txtTab = txtTab + s.nome; } txtTab = txtTab + "</ul>"; */ </script> </body> </html> ]]> http://www.brunocampagnolo.com/2009li/2009/09/01/agenda-com-excluir/feed/ 0 Divisão dos Temas (Apresentação F08) http://www.brunocampagnolo.com/2009li/2009/07/08/divisao-dos-temas-apresentacao-f08/ http://www.brunocampagnolo.com/2009li/2009/07/08/divisao-dos-temas-apresentacao-f08/#comments Wed, 08 Jul 2009 19:04:47 +0000 admin http://www.brunocampagnolo.com/2009li/?p=486 Olá, Pessoal,

Segue abaixo a divisão dos temas para o Trabalho F08 (Turma V, Turma U1 e Turma U2):

http://spreadsheets.google.com/ccc?key=tW2i7qmYx0-z1LLuZEshw6g

]]> http://www.brunocampagnolo.com/2009li/2009/07/08/divisao-dos-temas-apresentacao-f08/feed/ 0 Notas e Presenças http://www.brunocampagnolo.com/2009li/2009/07/07/notas-e-presencas/ http://www.brunocampagnolo.com/2009li/2009/07/07/notas-e-presencas/#comments Tue, 07 Jul 2009 18:41:50 +0000 admin http://www.brunocampagnolo.com/2009li/?p=483 Pessoal,

Disponíveis notas e presenças finais abaixo. Por favor, confiram problemas no lançamento. No retorno das férias corrijo qualquer problema encontrado.

Por favor, muitos ainda não escolheram os temas de sua preferência na apresentação, faça isso no máximo até hoje!

Amanhã pela manhã deixarei no site o temas de cada um.

PRESENÇAS:

http://spreadsheets.google.com/ccc?key=0AqQ2GvdPZmGjcEQ1eGlGS0U5b2ozempwVXk4azk0T3c&hl=pt_BR

NOTAS:

http://spreadsheets.google.com/ccc?key=0AqQ2GvdPZmGjcEQ1eGlGS0U5b2owdFhXSVhKeHR5Smc&hl=pt_BR

]]> http://www.brunocampagnolo.com/2009li/2009/07/07/notas-e-presencas/feed/ 0 Exercício F08 – Apresentação – Turma U2 – Para 27/julho! http://www.brunocampagnolo.com/2009li/2009/07/01/exercicio-f08-apresentacao-turma-u2-para-27julho/ http://www.brunocampagnolo.com/2009li/2009/07/01/exercicio-f08-apresentacao-turma-u2-para-27julho/#comments Wed, 01 Jul 2009 19:24:42 +0000 admin http://www.brunocampagnolo.com/2009li/?p=478 Neste exercício você deverá desenvolver seu primeiro Web Site para aplicar, na prática o que vimos até agora na disciplina. Este Web Site será no formato de apresentação, como se fosse um arquivo PowerPoint. Você deverá criar 5 páginas  para este web site.

O Tema

O tema será escolhido dentre as opções listadas na planilha a seguir.

Corra! Quem escolher primeiro seu tema terá prioridade! Até o dia 4/7 enviarei o tema de cada um conforme a sua escolha preferencial.

Escolha seu tema no link abaixo:

http://spreadsheets.google.com/viewform?formkey=clhabmY4UXFVNWdwYTAzZ3hTWUZrbWc6MA..

Formato da Apresentação

Cada página será exibida por 30 segundos. Automaticamente, após a passagem de 30 segundos, a próxima página será exibida. Ao fim de sua apresentação, imediatamente começa a apresentação de seu colega.

Cada página de sua apresentação deverá ter, necessariamente, os nomes:

  • pagina1.html
  • pagina2.html
  • pagina3.html
  • pagina4.html
  • pagina5.html

Dicas para a apresentação

  • Pouco texto em cada página;
  • Textos grandes, para a projeção em sala;
  • Use e abuse de imagens para ilustrar os conceitos;
  • Explique com suas palavras, não leia as páginas;
  • Não é necessária a criação de links entre as páginas, a navegação será automática;

Conteúdo

O objetivo da apresentação será que vocês conheçam mais algumas tags do HTML e compartilhem este conhecimento com seus colegas. Usem sua criatividade na apresentação, mas, pelo menos, gostaria que tivesse o seguinte conteúdo:

  • Seu nome e o tema;
  • O que é a tag e qual é seu objetivo, para que serve;
  • Qual é a versão do HTML (4 ou 5);
  • Browsers que suportam a tag;
  • Um ou mais exemplos de código, preferencialmente situações reais e com CSS;
  • Exemplos de sites que utilizam (imagem e link);
  • Indicar se a tag deve ou não ser usada;
  • Atributos da tag.

Critérios de correção

  • Qualidade da apresentação;
  • Uso correto das tags;
  • CSS organizado em um arquivo separado e compartilhado entre as páginas;
  • Uso correto das tags;
  • Ausência de código CSS intrusivo (atributo style).

Data da entrega

27/07/2009

Data da apresentação

29/07/2009

]]> http://www.brunocampagnolo.com/2009li/2009/07/01/exercicio-f08-apresentacao-turma-u2-para-27julho/feed/ 0 Exercício F08 – Apresentação – Turma U1 – Para 27/julho! http://www.brunocampagnolo.com/2009li/2009/07/01/exercicio-f08-apresentacao-turma-u1-para-27julho/ http://www.brunocampagnolo.com/2009li/2009/07/01/exercicio-f08-apresentacao-turma-u1-para-27julho/#comments Wed, 01 Jul 2009 19:15:51 +0000 admin http://www.brunocampagnolo.com/2009li/?p=475 Neste exercício você deverá desenvolver seu primeiro Web Site para aplicar, na prática o que vimos até agora na disciplina. Este Web Site será no formato de apresentação, como se fosse um arquivo PowerPoint. Você deverá criar 5 páginas  para este web site.

O Tema

O tema será escolhido dentre as opções listadas na planilha a seguir.

Corra! Quem escolher primeiro seu tema terá prioridade! Até o dia 4/7 enviarei o tema de cada um conforme a sua escolha preferencial.

Escolha seu tema no link abaixo:

http://spreadsheets.google.com/viewform?formkey=clV1M1NGSFdZbF9UdzhKWU94RkM3bEE6MA..

Formato da Apresentação

Cada página será exibida por 30 segundos. Automaticamente, após a passagem de 30 segundos, a próxima página será exibida. Ao fim de sua apresentação, imediatamente começa a apresentação de seu colega.

Cada página de sua apresentação deverá ter, necessariamente, os nomes:

  • pagina1.html
  • pagina2.html
  • pagina3.html
  • pagina4.html
  • pagina5.html

Dicas para a apresentação

  • Pouco texto em cada página;
  • Textos grandes, para a projeção em sala;
  • Use e abuse de imagens para ilustrar os conceitos;
  • Explique com suas palavras, não leia as páginas;
  • Não é necessária a criação de links entre as páginas, a navegação será automática;

Conteúdo

O objetivo da apresentação será que vocês conheçam mais algumas tags do HTML e compartilhem este conhecimento com seus colegas. Usem sua criatividade na apresentação, mas, pelo menos, gostaria que tivesse o seguinte conteúdo:

  • Seu nome e o tema;
  • O que é a tag e qual é seu objetivo, para que serve;
  • Qual é a versão do HTML (4 ou 5);
  • Browsers que suportam a tag;
  • Um ou mais exemplos de código, preferencialmente situações reais e com CSS;
  • Exemplos de sites que utilizam (imagem e link);
  • Indicar se a tag deve ou não ser usada;
  • Atributos da tag.

Critérios de correção

  • Qualidade da apresentação;
  • Uso correto das tags;
  • CSS organizado em um arquivo separado e compartilhado entre as páginas;
  • Uso correto das tags;
  • Ausência de código CSS intrusivo (atributo style).

Data da entrega

27/07/2009

Data da apresentação

29/07/2009

]]> http://www.brunocampagnolo.com/2009li/2009/07/01/exercicio-f08-apresentacao-turma-u1-para-27julho/feed/ 0 Exercício F08 – Apresentação – Turma V – Para 27/julho! http://www.brunocampagnolo.com/2009li/2009/06/23/exercicio-f08-apresentacao-turma-v/ http://www.brunocampagnolo.com/2009li/2009/06/23/exercicio-f08-apresentacao-turma-v/#comments Tue, 23 Jun 2009 23:27:50 +0000 admin http://www.brunocampagnolo.com/2009li/?p=469 Neste exercício você deverá desenvolver seu primeiro Web Site para aplicar, na prática o que vimos até agora na disciplina. Este Web Site será no formato de apresentação, como se fosse um arquivo PowerPoint. Você deverá criar 5 páginas  para este web site.

O Tema

O tema será escolhido dentre as opções listadas na planilha a seguir.

Corra! Quem escolher primeiro seu tema terá prioridade! Até o dia 30/6 enviarei o tema de cada um conforme a sua escolha preferencial.

Escolha seu tema no link abaixo:

http://spreadsheets.google.com/viewform?formkey=cnhUQVBMUXIzR3VKLTF1TmF1WDhVbGc6MA..

Formato da Apresentação

Cada página será exibida por 30 segundos. Automaticamente, após a passagem de 30 segundos, a próxima página será exibida. Ao fim de sua apresentação, imediatamente começa a apresentação de seu colega.

Cada página de sua apresentação deverá ter, necessariamente, os nomes:

  • pagina1.html
  • pagina2.html
  • pagina3.html
  • pagina4.html
  • pagina5.html

Dicas para a apresentação

  • Pouco texto em cada página;
  • Textos grandes, para a projeção em sala;
  • Use e abuse de imagens para ilustrar os conceitos;
  • Explique com suas palavras, não leia as páginas;
  • Não é necessária a criação de links entre as páginas, a navegação será automática;

Conteúdo

O objetivo da apresentação será que vocês conheçam mais algumas tags do HTML e compartilhem este conhecimento com seus colegas. Usem sua criatividade na apresentação, mas, pelo menos, gostaria que tivesse o seguinte conteúdo:

  • Seu nome e o tema;
  • O que é a tag e qual é seu objetivo, para que serve;
  • Qual é a versão do HTML (4 ou 5);
  • Browsers que suportam a tag;
  • Um ou mais exemplos de código, preferencialmente situações reais e com CSS;
  • Exemplos de sites que utilizam (imagem e link);
  • Indicar se a tag deve ou não ser usada;
  • Atributos da tag.

Critérios de correção

  • Qualidade da apresentação;
  • Uso correto das tags;
  • CSS organizado em um arquivo separado e compartilhado entre as páginas;
  • Uso correto das tags;
  • Ausência de código CSS intrusivo (atributo style).

Data da entrega

27/07/2009

Data da apresentação

28/07/2009

]]> http://www.brunocampagnolo.com/2009li/2009/06/23/exercicio-f08-apresentacao-turma-v/feed/ 1 Exercício F06 – Cores, Fontes, Textos e Fundos http://www.brunocampagnolo.com/2009li/2009/06/09/exercicio-f06-cores-fontes-textos-e-fundos/ http://www.brunocampagnolo.com/2009li/2009/06/09/exercicio-f06-cores-fontes-textos-e-fundos/#comments Tue, 09 Jun 2009 22:40:21 +0000 admin http://www.brunocampagnolo.com/2009li/?p=425 Arquivos para o Exercício!

Enunciado do exercício
http://docs.google.com/View?id=ajggmrkzh2pb_1051hrhcnqfg

Entrega em: http://spreadsheets.google.com/viewform?formkey=cmFlYmhkeHgybTdpd1BwNG04N2oydnc6MA..

Entrega até: 16/jun às 18:00h

]]> http://www.brunocampagnolo.com/2009li/2009/06/09/exercicio-f06-cores-fontes-textos-e-fundos/feed/ 0 Aula 11 – Cores em CSS http://www.brunocampagnolo.com/2009li/2009/06/09/aula-11-cores-em-css/ http://www.brunocampagnolo.com/2009li/2009/06/09/aula-11-cores-em-css/#comments Tue, 09 Jun 2009 19:32:39 +0000 admin http://www.brunocampagnolo.com/2009li/?p=412 Existem diversas maneiras de representar cores em CSS.

Esta aula é para conhecermos estas abordagens.

Apresentação referente à aula

Discover Simple, Private Sharing at Drop.io

]]> http://www.brunocampagnolo.com/2009li/2009/06/09/aula-11-cores-em-css/feed/ 0 Exercício O05 – Turma V e U1 http://www.brunocampagnolo.com/2009li/2009/05/19/exercicio-o05-turma-v/ http://www.brunocampagnolo.com/2009li/2009/05/19/exercicio-o05-turma-v/#comments Tue, 19 May 2009 23:23:58 +0000 admin http://www.brunocampagnolo.com/2009li/?p=333

]]> http://www.brunocampagnolo.com/2009li/2009/05/19/exercicio-o05-turma-v/feed/ 0 Exemplo da aula – 5/5 http://www.brunocampagnolo.com/2009li/2009/05/05/exemplo-da-aula-55/ http://www.brunocampagnolo.com/2009li/2009/05/05/exemplo-da-aula-55/#comments Tue, 05 May 2009 23:00:41 +0000 admin http://www.brunocampagnolo.com/2009li/?p=230 <form method="post" action="http://www.brunocampagnolo.com/2009li/tools/forms/testform.php"> <fieldset> <legend>Obrigatorio</legend> <label for="nome">Nome:</label> <input type="text" id="nome" name="nome" accesskey="N"> </fieldset> <fieldset> <legend>Opcional</legend> </fieldset> <input type="submit" name="enviar" value="Ok!"> </form> ]]> http://www.brunocampagnolo.com/2009li/2009/05/05/exemplo-da-aula-55/feed/ 0 Notas (Turma V!) http://www.brunocampagnolo.com/2009li/2009/04/28/notas-turma-v/ http://www.brunocampagnolo.com/2009li/2009/04/28/notas-turma-v/#comments Tue, 28 Apr 2009 22:26:23 +0000 admin http://www.brunocampagnolo.com/2009li/?p=204 http://spreadsheets.google.com/ccc?key=pD5xiFKE9oj0tXWIXJxtyJg

]]> http://www.brunocampagnolo.com/2009li/2009/04/28/notas-turma-v/feed/ 0 Divulgação: Arena Info de Software (inscrições até 20 de maio) http://www.brunocampagnolo.com/2009li/2009/04/17/divulgacao-arena-info-de-software-inscricoes-ate-20-de-maio/ http://www.brunocampagnolo.com/2009li/2009/04/17/divulgacao-arena-info-de-software-inscricoes-ate-20-de-maio/#comments Fri, 17 Apr 2009 16:05:42 +0000 admin http://www.brunocampagnolo.com/2009li/?p=202 Pessoal,

Considero uma oportunidade bastante interessante o concurso de desenvolvimento a seguir.

Pensem com carinho na possibilidade de participação e de criação de uma equipe na turma ou, até mesmo, com alunos de outros cursos. Observem que a linguagem é livre e os temas são genéricos, podendo, portanto, encaixar qualquer projeto de vocês nos temas: iPhone, Android, Game, Inteligência Artificial, Widget e Aplicativo Online.

Retirado de: http://info.abril.com.br/blog/arena/20090219_listar.shtml

Mais informações em: http://info.abril.com.br/blog/arena/

Se você é fera em programação é hora de mostrar seu talento e ganhar uma viagem a Nova York

Esta é a oportunidade de você colocar em prática suas melhores idéias em desenvolvimento de software. Junte os amigos e prepare seu projeto para a Arena INFO de Software. A competição vai colocá-lo no mapa dos melhores programadores do país e a equipe campeã ainda vai ganhar uma viagem de uma semana para Nova York.

A Arena INFO de Software terá seis categorias: iPhone, Android, Game, Inteligência Artificial, Widget e Aplicativo Online. Para entrar na competição, forme um grupo com até cinco estudantes de graduação ou pós. Quanto mais original, bem elaborado e útil for seu programa, melhor. As inscrições vão de 1º de março a 20 de maio.

arenainfo

]]> http://www.brunocampagnolo.com/2009li/2009/04/17/divulgacao-arena-info-de-software-inscricoes-ate-20-de-maio/feed/ 0 Exercício F03 – Tabelas http://www.brunocampagnolo.com/2009li/2009/03/31/exercicio-f03-tabelas/ http://www.brunocampagnolo.com/2009li/2009/03/31/exercicio-f03-tabelas/#comments Tue, 31 Mar 2009 23:02:46 +0000 admin http://www.brunocampagnolo.com/2009li/?p=181 Na resolução destes exercícios procure usar os atributos aprendidos em relação a tabelas como scope, rowspan e colspan.
Além disso, saiba usar corretamente as tags tr, th, td, etc.
Formate também sua tabela via CSS.

a) Crie uma página que exiba informações sobre um país cuja letra inicial seja a mesma letra de seu nome.
As informações devem ser exibidas em formato de tabela, sendo cada linha destinada a, pelo menos, uma das informações:

  • Localização (continente)
  • Capital
  • Extensão
  • Bandeira (imagem da bandeira)
  • Outras informações à sua escolha

b) Repita o exercício anterior, criando uma página que exiba informações sobre dois países em formato tabelado, sendo cada coluna destinada a uma das informações.
Desta vez a letra inicial do nome de cada país deve ser originada das duas primeiras letras de seu último sobrenome.

Entregue o exercício (apenas o HTML) no link.
Entregue também via Correio do Eureka.

]]> http://www.brunocampagnolo.com/2009li/2009/03/31/exercicio-f03-tabelas/feed/ 0 Exercício F01 – Imagens http://www.brunocampagnolo.com/2009li/2009/03/18/exercicio-f01-imagens/ http://www.brunocampagnolo.com/2009li/2009/03/18/exercicio-f01-imagens/#comments Wed, 18 Mar 2009 22:34:50 +0000 admin http://www.brunocampagnolo.com/2009li/?p=116 1) Qual é a diferença entre os arquivos PNG, GIF e JPG?

2) Baixe o Arquivo Alfabeto.zip.
Crie uma hierarquia de pastas no qual cada uma das letras de seu nome fica em uma pasta diferente.
Usando os caracteres .. e / faça uma página qualquer que escreva seu nome usando as imagens.

3) – Para casa: Escolha uma família qualquer: imaginária ou real. A imagem de cada componente da família deve estar em uma pasta diferente, seguindo o modelo. Crie uma página que exiba toda a família.


Entrega do exercício – enviar apenas o código HTML!

]]> http://www.brunocampagnolo.com/2009li/2009/03/18/exercicio-f01-imagens/feed/ 0