Tecnologia de Programação 1 e 2 (2009) » dúvida

Dúvida Exercício F06 – Retornando vetores a partir do web service

admin — Tue, 04 Aug 2009 18:27:07 +0000

Você pode retornar do servidor web ao cliente web qualquer tipo de objeto.
No exemplo a seguir, um vetor de objetos do tipo Pessoa é retornado e exibido no cliente.
RetornandoMaisDeUmValor

Observe que os serviços, em ASP.NET, por padrão retornam em JSON um objeto encapsulado em uma propriedade chamada “d”.

Exemplo de Chamada a serviço REST/JSON

admin — Sat, 27 Jun 2009 13:20:06 +0000

O exemplo abaixo é em JavaScript puro.
Dica: para chamar o serviço usando o jQuery, você pode usar as funções:
getJSON ou getScript.






    Untitled Page

Exemplo de chamada a serviço REST (XML)

admin — Thu, 25 Jun 2009 19:48:23 +0000

Segue, em anexo, para ajudar na resolução do Exercício O07!
exemplochamadaservicorest


// Cria o objeto de WebProxy, passando como parâmetro o endereço do proxy e a porta
            System.Net.WebProxy proxyObject = new System.Net.WebProxy(TextBoxProxy.Text, Convert.ToInt32(TextBoxPorta.Text));
            // Passa o login, a senha e o domínio do WebProxy
            proxyObject.Credentials = new System.Net.NetworkCredential(TextBoxLogin.Text, TextBoxSenha.Text, TextBoxDominio.Text);
            // Configurar o proxy para a requisição web
            WebRequest.DefaultWebProxy = proxyObject;

            // Configura o proxy
            XmlReader reader = XmlReader.Create("http://news.google.com/news?ned=pt-PT_pt&q="+textBoxConsulta.Text+"&output=rss");

            /* Exemplo de RSS:
             * - 
                    Unesco distingue Lula da Silva por contributo para a paz - Diário Digital
                    http://news.google.com/news/url?fd=R&id_news=395758&sa=T&url=http://diariodigital.sapo.pt/news.asp?section_id=10&usg=AFQjCNHKNP4y_yH2ocPSlclqAkMeHGozlA
                    tag:news.google.com,2005:cluster=http://diariodigital.sapo.pt/news.asp?section_id=10&id_news=395758
                    Thu, 25 Jun 2009 14:35:33 GMT
                    
AFP 
Unesco distingue Lula da Silva por contributo para a paz
Diário Digital
O presidente brasileiro, Luiz Inácio Lula da Silva, vai receber a 7 de Julho, na sede da Unesco, em Paris, o Prémio Incentivo da Paz, Félix Houphouët-Boigny ...
Lula receberá prêmio da Unesco por sua contribuição para a pazAFP

todos os 15 artigos de notícias »
                 */

            // Percorra cada nó de um arquivo XML
            while (reader.Read())
            {
                // Se encontrar o nó do tipo item
                if((reader.Name=="item") && (reader.NodeType== XmlNodeType.Element))
                {
                    // Encontra o title
                    reader.ReadToDescendant("title");
                    // Lê o conteúdo do title
                    reader.Read();
                    // Exibe o valor do title
                    TextBoxResultado.Text +=  "* " + reader.Value + "\r\n";
                    // Encontra o link
                    reader.ReadToFollowing("link");
                    // Lê o conteúdo do link
                    reader.Read();
                    // Exibe o valor do link
                    TextBoxResultado.Text += reader.Value + "\r\n\r\n";
                }
            }

Dicas para o Exercício F05 – Preenchendo campos

admin — Mon, 25 May 2009 17:41:36 +0000

Pessoal,

Vai a seguir um exemplo sobre como você pode RECUPERAR os campos que preencheu anteriormente.

Esta dica será útil no momento que o usuário desejar modificar a sua proposta de velório.

Exemplo de projeto web

Dicas rápidas – ExF03 – Drag & Drop de imagem em Windows Forms

admin — Wed, 22 Apr 2009 17:43:12 +0000

Pode ser interessante exibir uma imagem ao invés do cursor padrão do mouse.
Para isso, é necessário trocar o cursor através da propriedade Cursor.Current e, no evento GiveFeedback do drop target impedir a exibição dos cursores padrão ( e.UseDefaultCursors = false).
Dê uma olhada no exemplo em anexo.

Dicas rápidas – ExF03 – Drag & Drop em jQuery

admin — Wed, 22 Apr 2009 15:57:42 +0000

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,









    

    
    


Posso ser arrastado!
Arraste algo aqui!
Lixeira

Dicas rápidas – ExF03 – ListBox

admin — Mon, 20 Apr 2009 19:55:18 +0000

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.

Dicas Rápidas – Exercício F03 – Class Library (2)

admin — Mon, 20 Apr 2009 16:38:02 +0000

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.

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

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

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

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

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.

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

Dicas Rápidas – ExF03 – Selects com jQuery

admin — Mon, 20 Apr 2009 16:07:03 +0000

Para obter o valor de um

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.







Sandbox

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

Dicas Rápidas – ExF03 – Detecção de Colisão

admin — Sat, 11 Apr 2009 16:25:01 +0000

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;
 }
}

Dicas rápidas – ExF03 – Drag & Drop de elemento criado dinamicamente

admin — Sat, 11 Apr 2009 15:46:47 +0000

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.

Dicas rápidas – Ex03 – Passando informações de um formulário a outro

admin — Mon, 06 Apr 2009 13:40:30 +0000

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.

Dicas rápidas – ExF03 – Alterando a imagem a partir de uma combo

admin — Mon, 06 Apr 2009 12:38:08 +0000

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).

Dúvidas sobre evento onchange (resolução do Exercício R01)

admin — Wed, 18 Feb 2009 17:49:35 +0000

Pessoal,

Observem dica para o uso do evento onchange em JavaScript.

calculadora.html





Untitled Page

calculadora.js


function somar()
{
  // val1 reflete o objeto caixa de texto txtVal1
  var val1 = document.getElementById("txtVal1");
  // val1 reflete o objeto caixa de texto txtVal2
  var val2 = document.getElementById("txtVal2"); 

  // Realiza a operação.
  var resultado = parseInt(val1.value) +
                  parseInt(val2.value);
  //alert(resultado);
  // res reflete a div cujo id é resultado
  var res = document.getElementById("resultado");
  // escreve o resultado na div
  res.innerHTML = resultado;
}
function diminuir()
{
//... Complete com o seu código
}
function operar()
{
  // this é a caixa de seleção associada ao evento
  switch (this.selectedIndex)
  {
    case 1:
      somar();
    break;
    case 2:
      diminuir();
    break;
    //...
  } 

}
function configurar()
{
  // Configura o botão, associando a função somar ao clique do botão
  var btMais =
      document.getElementById("btMais");
  btMais.onclick = somar;
  // Associa a função operar ao evento onchange do slOperacoes.
  // Assim, quando o valor
  var slOperacoes =
      document.getElementById("slOperacoes");
  slOperacoes.onchange = operar;
}