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://backend.userland.com/rss092 en 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 ... http://www.brunocampagnolo.com/2009li/2009/12/18/notas-finais/ 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 ... http://www.brunocampagnolo.com/2009li/2009/12/06/notas-finais-turma-u-e-v/ 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/ 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 - ... http://www.brunocampagnolo.com/2009li/2009/11/17/datas-e-notas/ Neste exercício, você vai desenvolver, de maneira colaborativa, exemplos e documentação referente às bibliotecas JavaScript. 1) Escolha duas dentre bibliotecas listadas no resumo a seguir ou procure por alguma biblioteca na Internet: http://www.brunocampagnolo.com/2009_2/js/libs Antes de escolher sua biblioteca verifique se alguém já não a escolheu no link abaixo: http://spreadsheets.google.com/ccc?key=0AqQ2GvdPZmGjdFNrRk5VclFZUnBiMlFUVmRhT1VKTHc&hl=pt_BR É essencial que cada aluno use ... http://www.brunocampagnolo.com/2009li/2009/11/17/exercicio-f14-bibliotecas-javascript/ Pessoal, Chegamos a nosso último tópico! Segue, abaixo e no link. http://www.brunocampagnolo.com/2009li/2009/11/17/bibliotecas-javascript/ (entrega máxima até 16/11) Este exercício está baseado na aula sobre layout CSS e nos exemplos fornecidos na aula referente a este assunto. 1) Faça o download do arquivo a seguir: Exemplos de layout 2) Este arquivo contém um conjunto de pastas. Em cada pasta há uma imagem que representa um layout a partir ... http://www.brunocampagnolo.com/2009li/2009/11/03/exercicio-f13-layout-css/ A aula de hoje é uma continuação da aula anterior. Na aula anterior trabalhamos com o embasamento necessário para construir layouts em CSS: as propriedades float, clear, position e width. O objetivo agora é realizar alguns estudos de caso relacionados a tipos de layout que podem ser implementados através destas ... http://www.brunocampagnolo.com/2009li/2009/11/03/layout-de-elementos-em-css/ [sourcecode lang="html"] Untitled Document #im2 { position: relative; left: 300px; top: 30px; } #im3 { position: absolute; left: 0px; top: 0px; } #im4 { position: fixed; right: 100px; bottom: 10px; } Posicionamento Estático Posicionamento Relativo Posicionamento Absoluto Posicionamento Fixo 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 ... http://www.brunocampagnolo.com/2009li/2009/10/28/exemplo-com-posicionamento-aula-2810/ [sourcecode lang="html"] Untitled Document #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; } Site do Jamanta Home ... Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse semper odio in dui. Donec iaculis. ... http://www.brunocampagnolo.com/2009li/2009/10/28/layout-gerado-na-aula-de-2810/ [sourcecode lang="html"] Untitled Document #container { background-color: #ccc; border: 1px solid black; margin: 10px; } .imgFloat { float: left; } .spacer { clear: left; } Eu Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/sourcecode] [sourcecode lang="html"] Untitled Document #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 ... http://www.brunocampagnolo.com/2009li/2009/10/27/exemplos-mostrados-na-aula-de-2710/ Este é um exercício que aumentará nas próximas semanas. Segue sua especificação inicial no formato do item O07. Selecione um site de notícias qualquer / blog ou similar. Recrie a página inicial deste site apenas usando o que aprendeu na aula sobre posicionamento CSS e seus conhecimentos anteriores. Em sua interface você deve ... http://www.brunocampagnolo.com/2009li/2009/10/27/exercicio-o07-posicionamento-css/ Nas próximas 3 semanas, descansamos um pouco de nosso trabalho com a linguagem JavaScript. Voltamos hoje a nosso último tópico referente a CSS: como posicionar nossos layouts. Apresentação referente à aula Trabalharemos na aula de hoje com as propriedades: float: determina o posicionamento de um elemento em relação ao fluxo; clear: controla o comportamento de ... http://www.brunocampagnolo.com/2009li/2009/10/27/posicionamento-de-elementos-em-css/ Pessoal, Os exercícios não precisam ser entregues. Serão cobrados APENAS no dia da defesa: 20 e 21/10/2009. Não há entrega posterior do exercício! Lembre-se: no máximo duplas. http://www.brunocampagnolo.com/2009li/2009/10/06/defesa-dos-trabalhos-f11-e-f12/ [sourcecode language="html"] Untitled Document input { width: 100px; } var criarBotoes = function () { var k = 1; // Criação das linhas for(i=0;i http://www.brunocampagnolo.com/2009li/2009/09/30/codigo-jogo-dos-15-gerado-com-a-turma-u1/ Seu objetivo é criar uma interface que permita a interação com o Jogo dos 15. Este jogo, criado por Sam Loyd em 1872 tem como objetivo a reordenação de um quadrado numérico. Em sua versão em JavaScript / HTML / CSS pedem-se algumas implementações extra: * conte o número de movimentos até chegar ... http://www.brunocampagnolo.com/2009li/2009/09/30/exercicio-f12-jogo-dos-15-ex-3o-bimestre-prof-henri/ Controle do Moedeiro de uma Máquina de Venda de Refrigerantes Objetivo – Controlar o moedeiro (caixa) de uma máquina de venda de refrigerantes. O programa, escrito em JavaScript, deve permitir o pagamento de uma bebida, aceitando moedas (0.1, 0.25, 0.5 e 1.0 real) e cédulas (2.0 reais). O programa deve fornecer (informar) ... http://www.brunocampagnolo.com/2009li/2009/09/29/exercicio-f11-moedeiro-ex-1o-bimestre-prof-emerson/ 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/ 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 ... http://www.brunocampagnolo.com/2009li/2009/09/15/exercicio-f10-arrays-em-javascript/ http://www.brunocampagnolo.com/2009li/2009/09/15/arrays-em-javascript/ Carregando... http://www.brunocampagnolo.com/2009li/2009/09/09/correcao-do-o06/ Na última aula, trabalhamos com a linguagem JavaScript. No começo de nossa disciplina, lá na Aula 03, ou seja, antes mesmo de você ter o primeiro contato com qualquer linguagem de programação fizemos o exercício O03, o qual já lidava com alguns conceitos de JavaScript. Sua tarefa hoje será REFAZER o exercício ... http://www.brunocampagnolo.com/2009li/2009/09/09/exercicio-o06-apenas-turma-u-competicao-javascript/ Apresentação referente à aula http://www.brunocampagnolo.com/2009li/2009/09/08/aula-v01-apenas-turma-de-terca-vocabulario-web-parte-01/ [sourcecode lang="html"] Untitled Document Nome: Data nascimento: 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 ... http://www.brunocampagnolo.com/2009li/2009/09/01/agenda-com-excluir/ Carregando... http://www.brunocampagnolo.com/2009li/2009/08/25/exercicio-f09-agenda-em-javascript/ Na aula passada, nós tivemos nosso primeiro contato com a linguagem JavaScript. Hoje, desenvolveremos um exemplo prático de um aplicativo nesta linguagem. Faremos o protótipo de uma agenda de contatos. A implementação desta agenda será útil para ilustrar como é a prática de trabalho com JavaScript, como depuramos nosso código e, principalmente, ... http://www.brunocampagnolo.com/2009li/2009/08/25/aula-14-javascript-na-pratica-cadastro-de-contatos-em-javascript/ [sourcecode language="html"] Untitled Document #resultado { font-size: xx-large; color: red;} Nome: Peso: Altura: var calcularIMC = function () { var nome, peso, altura, imc; nome = document.getElementById("nome").value; peso = document.getElementById("peso").value; altura = document.getElementById("altura").value; imc = peso / (altura * altura); //alert(nome + " seu imc eh:" + imc); document.getElementById("resultado").innerHTML = nome + " seu imc eh:" + imc; }; document.getElementById("btIMC").onclick = calcularIMC; [/sourcecode] http://www.brunocampagnolo.com/2009li/2009/08/18/codigo-da-aula-de-18082009/ Resumo referente à aula: http://www.brunocampagnolo.com/2009_2/js/intro/ http://www.brunocampagnolo.com/2009li/2009/08/18/aula-13-introducao-ao-javascript/ Pasta de entrega do trabalho F08 foi criada no Eureka, módulo Plano de Trabalho. http://www.brunocampagnolo.com/2009li/2009/07/23/criada-pasta-de-entrega-para-o-trabalho-f08/ 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/