Tecnologia de Programação 1 e 2 (2009) » exercícioF03 http://www.brunocampagnolo.com/2009tp PUCPR > Bacharelado em Sistemas de Informação > 3o e 4o Períodos Fri, 18 Dec 2009 10:40:02 +0000 http://wordpress.org/?v=2.8.6 en hourly 1 Apresentação do trabalho no Sábado (25/4) http://www.brunocampagnolo.com/2009tp/2009/04/23/apresentacao-do-trabalho-no-sabado-254/ http://www.brunocampagnolo.com/2009tp/2009/04/23/apresentacao-do-trabalho-no-sabado-254/#comments Thu, 23 Apr 2009 17:05:37 +0000 admin http://www.brunocampagnolo.com/2009tp/?p=256 Observem que apenas os alunos que entregarem seu projeto até 15:00h de amanhã (24/4) poderão apresentar seu projeto.
Já criei uma pasta no Eureka dedicada a esta entrega.

Junto com seus arquivos não esqueça de entregar seu executável também. Importante: programas que não executam não serão corrigidos!

Segue, abaixo e no link o formato que sugiro para sua apresentação. Em, no máximo 4 minutos, as duplas deverão apresentar o funcionamento de seu programa.
Você deverá entregar sua apresentação no Eureka também.

Discover Simple, Private Sharing at Drop.io

]]> http://www.brunocampagnolo.com/2009tp/2009/04/23/apresentacao-do-trabalho-no-sabado-254/feed/ 0 Critérios de Correção – Exercício F03 http://www.brunocampagnolo.com/2009tp/2009/04/23/criterios-de-correcao-exercicio-f03/ http://www.brunocampagnolo.com/2009tp/2009/04/23/criterios-de-correcao-exercicio-f03/#comments Thu, 23 Apr 2009 16:53:04 +0000 admin http://www.brunocampagnolo.com/2009tp/?p=253 Turma,

Para deixar transparente a correção do exercício no Sábado gerei uma planilha com os critérios que serão aplicados.
Observe que tem maior peso os temas que mais trabalhamos ou que geraram mais dúvidas.

Para simular sua possível nota, faça o download da planilha que será utilizada para correção.

Abaixo, a planilha para visualização rápida.

]]> http://www.brunocampagnolo.com/2009tp/2009/04/23/criterios-de-correcao-exercicio-f03/feed/ 0 Dicas rápidas – ExF03 – Drag & Drop em jQuery http://www.brunocampagnolo.com/2009tp/2009/04/22/dicas-rapidas-exf03-drag-drop-em-jquery/ http://www.brunocampagnolo.com/2009tp/2009/04/22/dicas-rapidas-exf03-drag-drop-em-jquery/#comments Wed, 22 Apr 2009 15:57:42 +0000 admin http://www.brunocampagnolo.com/2009tp/?p=239 Na aula sobre drag e drop também apresentei exemplos de drag e drop em jQuery.

Veja o exemplo que coloquei na aula 13:
http://www.brunocampagnolo.com/2009tp/2009/04/02/aula-13-dicas-para-o-exercicio-f03-drag-drop/

Link direto para o exemplo:
http://www.brunocampagnolo.com/2009tp/wp-content/uploads/2009/04/exemplosdragedrop.zip

Observe que se for necessário clonar um objeto, será necessária a criação do draggable com esta opção:


$(".myDrag").draggable({helper: 'clone' });

A seguir, em anexo e no jsbin, 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
    <title></title>

    <style type="text/css">
        .myDrag
        {
           background: red;
           border: 2px black solid;
           width: 200px;
           font-size: xx-large;
        }
        .myDrop
        {

           background: green;
           border: 2px black solid;
           width: 400px;
           height: 100px;
           font-size: xx-large;

        }
        .jahArrastado {
           background: blue;
           border: 2px black solid;
           width: 200px;
           font-size: xx-large;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function() {
            // Transforma em um elemento arrastável
            $(".myDrag").draggable({helper: 'clone' });
            // Transforma em um elemento foco de drop
            $("#drop1").droppable({

                // Chama a função quando terminar o arrastar
                drop: function(event, ui) {

                    // Se já tiver sido arrastado anteriormente,
                    if(!$(ui.draggable).hasClass("jahArrastado"))
                    {
                      // Obtém a posição que o elemento foi arrastado
                      var x = ui.position.left;
                      var y = ui.position.top;
                      // Clona o elemento
                      var m = $(ui.draggable).clone();
                      m.css("position", "absolute");
                      m.css("left",x);
                      m.css("top",y);
                      m.attr("class", "jahArrastado");
                      m.html("Jah fui arrastado!");
                      // Altera o elemento arrastado para um elemento que não
                      // pode ser arrastado
                      m.draggable({helper: 'original'});
                      // Adiciona ao container
                      $(this).append(m);

                    }

                }
            });
            $("#lixeira").droppable({
              drop: function(event, ui) {
                // Só elementos arrastados podem ser removidos
                if($(ui.draggable).hasClass("jahArrastado"))
                {
                  $(ui.draggable).remove();
                }

              }
            });

        });
    </script>
</head>
<body>
<div class="myDrag" id="drag1">Posso ser arrastado!</div>
<div class="myDrop" id="drop1">Arraste algo aqui!</div>
<div class="myDrop" id="lixeira">Lixeira</div>
</body>
</html>
]]> http://www.brunocampagnolo.com/2009tp/2009/04/22/dicas-rapidas-exf03-drag-drop-em-jquery/feed/ 0 Dicas rápidas – ExF03 – ListBox http://www.brunocampagnolo.com/2009tp/2009/04/20/dicas-rapidas-exf03-listbox/ http://www.brunocampagnolo.com/2009tp/2009/04/20/dicas-rapidas-exf03-listbox/#comments Mon, 20 Apr 2009 19:55:18 +0000 admin http://www.brunocampagnolo.com/2009tp/?p=236 Em seu exercício, você precisa gerenciar uma lista de convidados. Uma ideia simples é utilizar uma caixa de listagem (listbox) para exibir esta lista de convidados e permitir sua reordenação.
Dê uma olhada na documentação que relacionei à listbox e também nos exemplos de uso de cada componente.

Para facilitar, também coloquei um exemplo em anexo relacionado à reordenação dos itens da lista.

]]> http://www.brunocampagnolo.com/2009tp/2009/04/20/dicas-rapidas-exf03-listbox/feed/ 0 Dicas Rápidas – Exercício F03 – Class Library (2) http://www.brunocampagnolo.com/2009tp/2009/04/20/dicas-rapidas-exercicio-f03-class-library-2/ http://www.brunocampagnolo.com/2009tp/2009/04/20/dicas-rapidas-exercicio-f03-class-library-2/#comments Mon, 20 Apr 2009 16:38:02 +0000 admin http://www.brunocampagnolo.com/2009tp/?p=223 Class Library. 2) As classes que você deseja expor devem ser públicas. 3) O arquivo referente à class library está dentro da pasta Bin [...]]]> Anteriormente, já deixei claro que um dos requisitos do Exercício F03 é a organização do código em uma biblioteca de classes (Class Library).

1) A Class Library é criada via menu New Project > Class Library.
classlibrary

2) As classes que você deseja expor devem ser públicas.
classlibrary2

3) O arquivo referente à class library está dentro da pasta Bin do projeto.
classlibrary3

4) Para adicionar a referência dentro de seu projeto Windows Forms ou Web, use a opção Add Reference no menu Project.
classlibrary4

5) Se o seu projeto Windows Forms ou Web estiver dentro da mesma solução da Class Library, selecione a opção Projects.

classlibrary5

6) No caso de trabalhar com a Class Library independentemente ou se você tiver apenas a Dll referente à Class Library, encontre sua dll através da aba Browse.

classlibrary6

7) Ok! As classes que você expôs estão disponíveis para seu projeto.

classlibrary7

]]> http://www.brunocampagnolo.com/2009tp/2009/04/20/dicas-rapidas-exercicio-f03-class-library-2/feed/ 0 Dicas Rápidas – ExF03 – Selects com jQuery http://www.brunocampagnolo.com/2009tp/2009/04/20/dicas-rapidas-exf03-selects-com-jquery/ http://www.brunocampagnolo.com/2009tp/2009/04/20/dicas-rapidas-exf03-selects-com-jquery/#comments Mon, 20 Apr 2009 16:07:03 +0000 admin http://www.brunocampagnolo.com/2009tp/?p=217 Para obter o valor de um <select> através da biblioteca jQuery é necessário descobrir qual é a opção selecionada.

No exemplo abaixo (e no link), ao trocar o item selecionado em uma caixa de seleção, o valor selecionado e o texto referente ao valor são exibidos.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready( function () {
    // Evento onchange do select
    $("#slTipo").change( function() {
      // exibe o valor selecionado e o texto do valor selecionado
      $("#resultado").html("Item selecionado com o valor " + $(this).val() +
                           " e com o texto "+$("#slTipo :selected").text());

    });
  });
</script>
<title>Sandbox</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; }
</style>
</head>
<body>
  <form action="">
    <select id="slTipo">
      <option value="v1">Op1</option>
      <option value="v2">Op2</option>
      <option value="v3">Op3</option>
    </select>
  </form>
  <div id="resultado"></div>
</body>
</html>

No caso do envio da informação de um select para o servidor Web, pode-se utilizar a função de serialização para codificar o valor do select. Veja abaixo, e no link.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready( function () {
    // Evento onchange do select
    $("#btEnviar").click( function() {
      // Serializa os itens do formulário
      var s = $("#myForm").serialize();
      //
      $("#resultado").html(s);
      // Agora, você pode enviar via Ajax o valor dos itens de formulário...
    });
  });
</script>
<title>Sandbox</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; }
</style>
</head>
<body>
  <form action="" id="myForm">
    <input type="text" id="nome" name="nome">
    <select id="slTipo" name="slTipo">
      <option value="v1">Op1</option>
      <option value="v2">Op2</option>
      <option value="v3">Op3</option>
    </select>
    <input type="button" value="Enviar" id="btEnviar">
  </form>
  <div id="resultado"></div>
</body>
</html>

Para um exemplo completo de interação com o servidor, observe o exemplo em anexo.

]]> http://www.brunocampagnolo.com/2009tp/2009/04/20/dicas-rapidas-exf03-selects-com-jquery/feed/ 0 Dicas Rápidas – ExF03 – Detecção de Colisão http://www.brunocampagnolo.com/2009tp/2009/04/11/dicas-rapidas-exf03-deteccao-de-colisao/ http://www.brunocampagnolo.com/2009tp/2009/04/11/dicas-rapidas-exf03-deteccao-de-colisao/#comments Sat, 11 Apr 2009 16:25:01 +0000 admin http://www.brunocampagnolo.com/2009tp/?p=207 Um dos requisitos no exercício F03 é a não sobreposição dos controles.
Ou seja: um objeto não pode ocupar o lugar de outro ao mesmo tempo.

Uma maneira simples de detectar a colisão é através da propriedade Bounds de um controle.
Tal propriedade reflete o retângulo relacionado à área ocupada por um controle. O método IntersectsWith desta propriedade pode ser usado para verificar se um retângulo tem algum cruzamento com outro.

No exemplo abaixo, no caso de sobreposição, a posição original é retornada.
Ver em anexo o código funcionando.


// Obtém o elemento que está sendo arrastado
Button b = (Button) e.Data.GetData(typeof(Button));
// Armazena o ponto no qual o retângulo está
Point pOrigem = b.Location;
// Calcula o ponto que o elemento foi arrastado
Point p = new Point(e.X, e.Y);
// Coloca no ponto desejado
b.Location = this.PointToClient(p);
// Percorre todos os controles do form
foreach (Control c in this.Controls)
{
 // Há um cruzamento entre os dois controles
 // ou seja, um está sobre o outro
 // O controle não é ele mesmo (b!=c)
 if (b.Bounds.IntersectsWith(c.Bounds) && b!=c)
 {
    // Volta para a posição original
    b.Location = pOrigem;
    break;
 }
}
]]> http://www.brunocampagnolo.com/2009tp/2009/04/11/dicas-rapidas-exf03-deteccao-de-colisao/feed/ 0 Dicas rápidas – ExF03 – Drag & Drop de elemento criado dinamicamente http://www.brunocampagnolo.com/2009tp/2009/04/11/dicas-rapidas-exf03-drag-drop-de-elemento-criado-dinamicamente/ http://www.brunocampagnolo.com/2009tp/2009/04/11/dicas-rapidas-exf03-drag-drop-de-elemento-criado-dinamicamente/#comments Sat, 11 Apr 2009 15:46:47 +0000 admin http://www.brunocampagnolo.com/2009tp/?p=203 Em sua interface pode ser necessária a criação de elementos em tempo de execução.
Anteriormente, na Aula 11, percebemos que esta criação se dá através da instanciação do elemento que se deseja inserir na interface e de sua colocação no container desejado através do método Add da coleção Controls.

Exemplo:


// Cria uma instância de botão
Button b = new Button();
// Determina o tamanho na tela
b.Size = new Size(30, 30);
// Coloca na posição 100, 100
b.Location = new Point(100, 100);
// Adiciona no formulário
this.Controls.Add(b);

Se for necessária a criação de um componente em tempo de execução e que possua funcionalidade de drag&drop o evento MouseDown também deve ser considerado.


// Cria uma instância de botão
Button b = new Button();
// Determina o tamanho na tela
b.Size = new Size(30, 30);
// Coloca na posição 100, 100
b.Location = new Point(100, 100);
// Determina o evento de mouse down para indicar
// o drag & drop
b.MouseDown += new MouseEventHandler(b_MouseDown);
// Adiciona no formulário
this.Controls.Add(b);
...
void b_MouseDown(object sender, MouseEventArgs e)
{
       this.DoDragDrop(sender, DragDropEffects.Move);
}

Em anexo, exemplo de aplicação desta ideia.

]]> http://www.brunocampagnolo.com/2009tp/2009/04/11/dicas-rapidas-exf03-drag-drop-de-elemento-criado-dinamicamente/feed/ 0 Dicas rápidas – Ex03 – Passando informações de um formulário a outro http://www.brunocampagnolo.com/2009tp/2009/04/06/dicas-rapidas-ex03-passando-informacoes-de-um-formulario-a-outro/ http://www.brunocampagnolo.com/2009tp/2009/04/06/dicas-rapidas-ex03-passando-informacoes-de-um-formulario-a-outro/#comments Mon, 06 Apr 2009 13:40:30 +0000 admin http://www.brunocampagnolo.com/2009tp/?p=200 Existem diversas abordagens possíveis para a passagem de informações de um formulário a outro.
Ver a discussão de algumas destas no artigo: http://www.codeproject.com/KB/cs/pass_data_between_forms.aspx

Em anexo, exemplo de duas destas abordagens. Na primeira, um controle de um form pode ser exposto para outro através da alteração da propriedade Modifiers.

No segundo exemplo, o construtor do form é alterado de maneira a receber o que se deseja compartilhar.

IMPORTANTE: Salienta-se que os exemplos são didáticos e servem apenas para demonstração da funcionalidade. Desta forma, não estão preocupados com a organização de seu código em um projeto maior, muito menos com a adequabilidade em relação à patterns de programação ou interface.

]]> http://www.brunocampagnolo.com/2009tp/2009/04/06/dicas-rapidas-ex03-passando-informacoes-de-um-formulario-a-outro/feed/ 0 Dicas rápidas – ExF03 – Alterando a imagem a partir de uma combo http://www.brunocampagnolo.com/2009tp/2009/04/06/dicas-rapidas-exf03-combo-picturebox/ http://www.brunocampagnolo.com/2009tp/2009/04/06/dicas-rapidas-exf03-combo-picturebox/#comments Mon, 06 Apr 2009 12:38:08 +0000 admin http://www.brunocampagnolo.com/2009tp/?p=193 Começando uma série de postagens baseadas nas principais dúvidas enviadas via Correio referentes aos exercício F03.

Segue em anexo, exemplo de alteração de uma imagem a partir de uma seleção de combobox. Abaixo, fragmento de código a ser inserido no evento SelectedIndexChanged da combo.


            switch (comboBox1.SelectedIndex)
            {
                case 0:
                    pictureBox1.Image = global::ExemploPictureBoxComboBox.Properties.Resources.tankbrigade;
                    break;
                case 1:
                    pictureBox1.Image = global::ExemploPictureBoxComboBox.Properties.Resources.arinoid_master;
                    break;
                case 2:
                    pictureBox1.Image = global::ExemploPictureBoxComboBox.Properties.Resources.vehicles;
                    break;
            }

Observe que as imagens devem ser importadas como recurso do projeto para que possam ser utilizadas. Para importar uma imagem crie um novo arquivo de recurso (resource file) ou insira novas imagens no gerenciador de recursos disponível na utilização da propriedade Image da PictureBox (imagem abaixo).
duvida_comboimage

]]> http://www.brunocampagnolo.com/2009tp/2009/04/06/dicas-rapidas-exf03-combo-picturebox/feed/ 0 Aula 13 – Dicas para o Exercício F03 – Drag & Drop http://www.brunocampagnolo.com/2009tp/2009/04/02/aula-13-dicas-para-o-exercicio-f03-drag-drop/ http://www.brunocampagnolo.com/2009tp/2009/04/02/aula-13-dicas-para-o-exercicio-f03-drag-drop/#comments Thu, 02 Apr 2009 22:13:11 +0000 admin http://www.brunocampagnolo.com/2009tp/?p=175 O exercício F03, parcial de nosso sistema de cemitério, tem uma interface bastante elaborada para simular um sistema de gerenciamento de velório.

Uma das possíveis técnicas que podem ser aplicadas para a construção da interface de exercício é o padrão de interface drag e drop.

Nesta aula, ilustraremos um exemplo de utilização de drag e drop em uma interface desktop, construída através da biblioteca Windows Forms e outro exemplo usando a biblioteca jQuery Ui.

Os exemplos utilizados nesta aula são:

  • ExemploCriaçãoComponentes: exemplo em C#/Windows Forms demonstrando a manipulação em tempo de execução dos componentes. Este exemplo será útil para o entendimento de como pode ser a criação dinâmica de uma interface.
  • ExemploDragEDrop: exemplo em C#/Windows Forms demonstrando funcionalidade básica de drag e drop.
  • ExemploDragEDrop: exemplo em JavaScript/jQuery demonstrando funcionalidade básica de drag e drop utilizando os componentes de interação draggable e droppable.

Importante, o framework jQuery Ui é bastante rico em controles. Veja outros exemplos!

A apresentação associada a aula vai em anexo (mirror).

Discover Simple, Private Sharing at Drop.io

]]> http://www.brunocampagnolo.com/2009tp/2009/04/02/aula-13-dicas-para-o-exercicio-f03-drag-drop/feed/ 2 Exercício F03 – Planejador de Velório http://www.brunocampagnolo.com/2009tp/2009/03/28/exercicio-f03-planejador-de-velorio/ http://www.brunocampagnolo.com/2009tp/2009/03/28/exercicio-f03-planejador-de-velorio/#comments Sat, 28 Mar 2009 13:17:20 +0000 admin http://www.brunocampagnolo.com/2009tp/?p=143 O exercício proposto agora continuará o trabalho com a biblioteca de componentes gráficos Windows Forms. Seu objetivo será criar uma interface que permita o planejamento de um evento de velório.

A mesma interface também deverá ser criada na versão Web de maneira simplificada.

Objetivos

  • Conhecer os componentes da biblioteca Windows Forms e entender sua aplicação em uma situação real;
  • Aplicar os conceitos de lógica de programação na geração de um frontend gráfico;
  • Discutir possibilidades de interação alternativas ao tradicional utilizando, de maneira criativa, os componentes da biblioteca;
  • Começar a organizar o código de maneira que fique fácil a interação de uma interface cliente com um servidor.

Referências

Procedimento

Você criará uma interface que permita o planejamento de um evento de velório em seu projeto de cemitério. Nesta interface, o “futuro cliente” do velório deverá planejar o evento como um todo: localização de seu velório, tempo total, decoração e posicionamento dos convidados mais importantes. Outra opção será o planejamento do velório de um parente recém-falecido.

Assim, duas interfaces deverão ser geradas: a primeira, construída para Desktop deve ter uma responsividade rápida e ser focada, necessariamente à interação em totens e planejamento de um evento imediato de um parente. A segunda, voltada para Web, deve ser rápida e simples de usar, sendo mais aplicável a um planejamento individual a longo prazo.

O algoritmo de cálculo de preço deverá ser criado em uma biblioteca de classes (class library) que será compartilhada pelas duas interfaces.

Importante: não será necessário e nem desejável a persistência de qualquer dado ou configuração de seu sistema, ou seja, quando o programa for fechado toda a simulação é perdida!

Sugere-se fortemente o uso da biblioteca jQuery para criação da versão Web de seu sistema. Outra sugestão: se desejar uma interface um pouco mais rica e alguns controles prontos associados ao jQuery, use também o seu complemento jQuery UI. Em anexo, apresentação referente ao jQuery UI. Você tem a liberdade, porém, de usar qualquer outro framework para sua interface Web ou mesmo usar “JavaScript puro”.

1) O primeiro passo é a escolha do local do evento. O cliente deverá selecionar dentre um conjunto de opções possíveis qual é o auditório / espaço que gostaria que a cerimônia fosse realizada. Cada local possui restrições diferentes quanto ao formato do local,  lotação máxima e flexibilidade da disposição dos objetos. Por exemplo, podem existir locais com formato retangular como uma sala, outros com formato arredondado como um teatro, etc. A lotação máxima pode variar também dependendo do ambiente. Alguns locais podem ter objetos fixos como poltronas fixas. Outros podem ter objetos que podem ser movidos como cadeiras.

O usuário deve ter a opção de escolher um local dentre 5 opções diferentes. Cada opção tem um preço diferente.

2) Em alguns tipos de ambiente podem ser apresentados objetos móveis como: púlpitos, cadeiras, mesas, elementos de decoração (flores, tapetes, velas), Outros elementos são fixos e não podem ser movidos. Os objetos móveis podem ter sua posição planejada. Há porém, algumas restrições:

  • um objeto não pode ocupar o lugar de outro;
  • dependendo do objeto, deve-se manter uma distância mínima do falecido, que também, dependendo do ambiente, deve ser possível de movimentação;
  • alguns objetos são incompatíveis em um mesmo ambiente. Por exemplo, flores de cores diferentes, tapetes de cores diferentes, etc;
  • há um limite na quantidade de alguns objetos;

A quantidade de objetos disponíveis também é determinante do preço final. Há também alguns objetos opcionais.

Devem existir pelo menos 7 tipos diferentes de objetos.

3) Por fim, o usuário deverá listar os principais convidados e parentes do evento. Esta lista deve ser usada para:

  • Definir o assento (cadeira, poltrona, etc) de alguns convidados mais importantes;
  • Indicar a ordem e horário de discursos.

4) Exceto no caso da lista de convidados, qualquer modificação provoca uma alteração no preço. Esta alteração deve sempre estar visível na interface e atualizada automaticamente a partir de qualquer mudança.

Critérios de Correção

O  seu programa, nesta fase, estará sendo avaliado em relação aos seguintes critérios:

  • Atendimento aos requisitos acima;
  • Uso dos componentes padrão disponíveis no Visual Studio / jQuery que encaixem melhor em cada situação;
  • Semelhança da interface na versão Web e na versão Desktop;
  • Originalidade na criação da interface;
  • Criatividade nas possibilidades de interação;
  • Facilidade de uso;
  • Validações de dados simples;
  • Centralização do algoritmo de cálculo do custo em uma class library;
  • Código-fonte sem cópias de colegas ou de códigos da Internet/livros sem uma citação clara.

Os seguintes critérios não terão importância nesta avaliação, porém serão discutidos nas avaliações posteriores:

  • Organização do código usando as patterns mais adequadas para cada situação;
  • Rigidez na criação das classes e otimização de código;
  • Criação de novos componentes;
  • Aderência das regras de negócio em relação a situações reais;
  • Validações de dados complexas.

Defesa e Entrega

Este projeto deverá será entregue até o dia 24/04/2009 - 14:00h. Trabalhos entregues em atraso serão desconsiderados.

No dia 25/04/2009, cada dupla terá três minutos para apresentar e defender o seu trabalho. A ordem de apresentação será fornecida no dia anterior até as 17:00h.

Ponto extra: todos os alunos que entregarem o que já fizeram até o dia 15/04/2009 receberão 0,5 pontos extras na nota final. Nesta entrega, seu projeto pode estar incompleto e com falhas, mas deve transmitir a segurança que você vai conseguir terminá-lo.

]]> http://www.brunocampagnolo.com/2009tp/2009/03/28/exercicio-f03-planejador-de-velorio/feed/ 2 Exercício de Fixação F03 – Calculadora em C# http://www.brunocampagnolo.com/2009tp/2009/03/19/exercicio-de-fixacao-f03-calculadora-em-c/ http://www.brunocampagnolo.com/2009tp/2009/03/19/exercicio-de-fixacao-f03-calculadora-em-c/#comments Fri, 20 Mar 2009 01:05:16 +0000 admin http://www.brunocampagnolo.com/2009tp/?p=108 Exercício de Fixação 03 – Calculadora em C#


Neste exercício você vai criar uma calculadora simples em C#. Essa calculadora vai realizar as quatro operações matemáticas quando você clica em quatro botões diferentes e, alternativamente, vai permitir a execução da operação indicada em uma ComboBox (também chamada de DropDownList, caixa de combinação, caixa de seleção única, etc).

Este exercício deve ser desenvolvido em classe e servirá, principalmente, para você conhecer o Visual Studio 2008.
O resultado esperado como resposta para o exercício está em anexo.

Objetivos

  • Conhecer as nossas principais ferramentas de trabalho neste semestre:
    • C#;
    • Visual Studio 2008.
  • Conhecer o Visual Studio 2008 e a Plataforma .Net através de um exemplo simples, reconhecendo alguns dos principais paradigmas do desenvolvimento RAD;
  • Iniciar a compreender as diferenças entre o C# e o Java enquanto linguagens;
  • Reconhecer que no C# todos os controles são objetos e conseguir diferenciar claramente qual é a classe de cada objeto;
  • Entender a criação automática de eventos através da interface gráfica do Visual Studio 2008;
  • Familiarizar-se com a sintaxe do C# e com a facilidade de acesso ao help online;
  • Aplicar as funções de conversão de dados através da classe Convert, etc.
  • Conhecer os controles TextBox e ComboBox;
  • Entender o significado do método ToString.


Referências

Preparação e Dicas

  • Criar no Visual Studio 2008 um novo Projeto, através do menu File > New Project.
  • Cuidado: selecionar a linguagem Visual C# e a opção Windows Forms ao criar o Projeto!
  • Acessar a ajuda das funções citadas na referência. Clique F1 na palavra que deseja acessar para acessar o Help Online / Offline.
  • Lembre-se de salvar seu projeto na pasta C:\Temp, caso você esteja trabalhando na PUCPR.
  • O operador de concatenação de texto no C# é o “+”;
  • Se você decidir usar a estrutura switch em algum momento, observe que o switch do C# aceita Strings em seus case;
  • As principais propriedades de um controle são acessíveis via Smart Tag e seus principais eventos clicando duas vezes sobre o controle.

Procedimento

  1. O resultado esperado do procedimento abaixo está anexo.
  2. Criar uma interface com: duas caixas de texto chamadas Valor1 e Valor2, um botão com o texto Somar ou “+”, um botão com o texto Subtrair ou “-”, um botão com o texto Multiplicar ou “*” e um botão com o texto Dividir ou “/”. Criar também uma ComboBox com quatro elementos representando cada uma das funções. A resposta ficará acumulada em uma caixa de texto de mais de uma linha;
  3. Associar ao evento de clique (Click) de cada um dos botões à respectiva função;
  4. Exibir o resultado da operação em uma caixa de texto de mais de uma linha;
  5. Associar ao evento de mudança do valor da ComboBox (SelectedIndexChange) a execução imediata da operação matemática sem necessitar da chamada ao botão;


Questões

Responder às questões abaixo no link (http://spreadsheets.google.com/viewform?formkey=cEQ1eGlGS0U5b2oxQThyZEk1UlRJY2c6MA..) ou abaixo e manter uma cópia das respostas com você.

  1. Cole o código responsável por implementar as operações que você implementou. Seu código está dentro do arquivo com extensão .cs.
  2. Qual é a extensão do arquivo criado após a compilação?
  3. É um projeto do tipo Windows Forms ou Web Forms?
  4. Qual é a plataforma que precisa estar instalada na máquina que vai executar o programa?
  5. O que é o CLR?
  6. O programa em C# é convertido para qual representação intermediária antes de ser executado pelo CLR?
  7. Localize em sua aplicação todo o código em C# gerado para criação, posicionamento e formatação de uma caixa de texto. Cole esse código abaixo. Este código está dentro da função InitializeComponent.
  8. Os comandos obtidos na questão anterior são de uma linguagem declarativa ou em uma linguagem imperativa?
  9. Escolha 2 propriedades quaisquer da caixa de texto diferentes das que você trabalhou e, através da documentação, cite qual é a sua utilidade. Coloque o link para a página que você conseguiu essa documentação.
  10. EXTRA! Refaça o mesmo exercício em WPF e perceba a diferença entre as abordagens.
  11. EXTRA! Refaça o mesmo exercício em HTML/jQuery e perceba a diferença entre as abordagens.

Relatório

Responder às questões acima no link (http://spreadsheets.google.com/viewform?formkey=cEQ1eGlGS0U5b2oxQThyZEk1UlRJY2c6MA..) ou abaixo.

Também não esqueça de manter uma cópia destas respostas com você.



]]> http://www.brunocampagnolo.com/2009tp/2009/03/19/exercicio-de-fixacao-f03-calculadora-em-c/feed/ 0