Olá pessoal,

Postei as fotos com toda a cobertura fotográfica que fiz do FISL 9… vocês podem acessar em http://www.flickr.com/photos/themoises/

Ah, novidade ! Criei minha conta no Twitter, e de lá farei pequenas coberturas do meu dia a dia…
Tamém criei minha conta no facebook…

Hoje durante o segundo dia de FISL tive oportunidade de ver de perto 2 ícones do desenvolvimento web atual. Um deles é o Rasmus Lerd que criou o a linguagem de programaçao PHP.

E encontrei o diretor de engenharia da Mozilla, Chris Hoffman,pude tirar foto , ele é muito atencioso, conversamos um pouco, tentei falar o quanto a Mozilla foi importante para meu desenvolvimento profissional.

Em breve mais notícias.

Olá galera, chegamos em Porto Alegre agora a pouco, 23:25. Não tivemos atraso em nenhuma das conexões, saímos de natal às 15:10, de lá seguimos até o Rio de Janeiro onde chegamos às 18:50, aguardamos e aguardamos o tempo de conexão previsto, até embarcarmos por volta de 21:20… seguem fotos do nosso roteiro de viagem de hoje…

Eu e Maria Fernanda (Check-in em Natal)

Eu e Acácio pouco antes do embarque (Natal)

Sobre Natal

Viagem muito agradável, com vista espetacular do litoral

Chegada no Galeão no Rio.

As fotos de POA, só postarei hoje, ao final do primeiro dia de evento. Acompanhem tudo pelo blog.

Ae galera… muito tempo que não posto (engraçado, em todos os últimos posts eu tenho dito isso frequentemente, irônico, rs)… rs rs rs… sempre achei estranho rir com esses “rs”, mas o fiz de forma intencional, apesar de ser uma forma meio pífia de denotar, através de um sentido totalmente desconexo e não sei porque raios tive essa idéia, de associar as risadas (e quem sabe fazer uma piada engraçada onde pelo menos eu conseguisse achar, sei lá, mas isso eu não consegui) ao fato que irei pro Rio Grande do Sul !!!!..

Fisl é Forúm Internacional de Software Livre, e esta é a edição de número 9, realizada anualmente. A sede do evento é Porto Alegre, e o evento acontece nas dependências do centro de eventos da PUC-RS. Será nos dias 17,18 e 19 de abril. Evento que conta com os maiores nomes do Open Source mundial. Este é o maior e melhor forúm do gênero no país, e eu poderei participar, é mais um sonho virando realidade.
Viajo para Porto Alegre, hoje (16/04) às 15:20, faço conexão no Rio de Janeiro e lá vamos pra POA (Porto Alegre).

Tentarei fazer a minha cobertura do evento através deste blog, portanto fiquem atentos, logo mais teremos fotos e talvez vídeos.

Ano novo. Mudanças e tudo de novo que o novo sugere.
O ano começa em tom de saudosismo, e este é o intuito deste post, com a empresa que disponibilizará todas as informações do mundo on-line, homenageando a invenção que permitiu que o termo on-line tenha se popularizado tanto. O google em sua doodle de ano novo, que faz homenagem aos 25 anos da invenção do protocolo tcp/ip.

Quem fez a interessante descoberta da homenagem quase que subliminar do google foi Haochi do blog Googlified. Segundo Haochi, ao examinar o logo foi possível ler na parte inferior a seguinte mensagem: SYN SYN/ACK ACK que seria uma seqüencia de pacotes para estabelecer uma conexão, também conhecida como “Three-Way Handshake”.

Bom, estou devendo as pessoas que assistiram minha palestra no III EPSL os códigos que utilizei. Pessoa desculpas pela demora, é que as semanas que se seguiram após o EPSL foram de correria extrema.

Primeiro vamos as funções que utilizei para utilizar o ajax, aconselho que elas estejam em um arquivo separado e o incluam em suas páginas, estas são funções em JavaScript.

1. // —————————– FUNÇÕES DO AJAX ———————————–
2. //Fila de conexões
3. fila=[]
4. ifila=0
5. function ajaxPOSTRun(url,parameters){
7. xmlhttp.onreadystatechange = alertContents;
8. xmlhttp.open(’POST’, url, true);
9. xmlhttp.setRequestHeader(”Content-type”, “application/x-www-form-urlencoded”);
10. xmlhttp.setRequestHeader(”Content-length”, parameters.length);
11. xmlhttp.setRequestHeader(”Connection”, “close”);
12. xmlhttp.send(parameters);
14. }
15. function ajaxHTML(id,url,carr){
16. //Carregando…
17. if (typeof carr == “undefined”)
18. document.getElementById(id).innerHTML=”Carregando…”;
19. //Adiciona à fila
20. fila[fila.length]=[id,url]
21. //Se não há conexões pendentes, executa
22. if((ifila+1)==fila.length)ajaxRun()
23. }
26. //Executa a próxima conexão da fila
27. function ajaxRun(){
28. //Abre a conexão
29. xmlhttp.open(”GET”,fila[ifila][1],true);
30. //Função para tratamento do retorno
31. xmlhttp.onreadystatechange=function() {
32. if (xmlhttp.readyState==4){
33. //Mostra o HTML recebido
34. retorno=unescape(xmlhttp.responseText.replace(/\+/g,” “))
35. //retorno=xmlhttp.responseText
36. document.getElementById(fila[ifila][0]).innerHTML=retorno
37. //Roda o próximo
38. ifila++
39. if(ifila
40. if(document.getElementById(’calendario’)){
41. var myTips = new Tips($$(’#calendario .agenda_data_marcada’),{maxTitleChars:200,onShow:function(x){x.setOpacity(0.9)}});
42. $$(”.tool-tip”).each(function(x){
43. x.setStyle(”visibility”,”hidden”);
44. });
45. }
46. }
47. }
48. //Executa
49. xmlhttp.send(null)
50. }
52. //Tenta criar o objeto xmlHTTP
53. try{
54. xmlhttp = new XMLHttpRequest();
55. }catch(ee){
56. try{
57. xmlhttp = new ActiveXObject(”Msxml2.XMLHTTP”);
58. }catch(e){
59. try{
60. xmlhttp = new ActiveXObject(”Microsoft.XMLHTTP”);
61. }catch(E){
62. xmlhttp = false;
63. }
64. }
65. }

Pronto, estas são as funções genéricas para utilizar o ajax, e que abstraem o trabalho o tornando mais simples. Vamos agora criar a função javascript que vai chamar a função ajaxHTML dessas nossas funções. Utilizar essa abstração é muito simples como veremos.

Na página onde queremos que o evento aconteça colocaremos a seguinte função javascript, no exemplo que tratei na palestra é um sistema de acompanhamento de obras de uma construtora, o “ajax” serve para tornar a aplicação mais leve, rápida e interessante ao usuário. Temos uma obra e vinculada a esta temos etapas da construção, cada etapa pode conter diversos álbuns, como seriam muitas miniaturas, e conseqüentemente um temo de espera maior, resolvi implementar o ajax para maximizar a experiência do usuário, como disse anteriormente.

Temos 2 funções uma que chama o “ajax” para fazer a requisição das etapas da construção que temos cadastradas no banco para obra, cujo o id passei como parâmetro na função, chamei essa função de CarregarAlbuns(id_obra), onde passo o id da obra e o “ajax” chama a página de apoio que contém o select no banco para retornar os álbuns associados aquela obra. Segue a função:

1. function {
2. axHTML(”div_album”,’albuns.php?id_obra=’+id_obra);
3. };

Para chamar a função passamos 3 parâmetros necessários e 1 extra para chamar uma imagem enquanto o ajax carrega as informações. Primeiro parâmetro é a div onde desejamos que o ajax atue, em nosso exemplo utilizaremos a div_album, que deve estar no código porém vazia (o ajax a preencherá futuramente ). O segundo parâmetro é a pagina de apoio que terá a ação para preencher a div que setamos no primeiro parâmetro (no nosso caso a div_album), em nosso exemplo chamamos a página albuns.php?id_obra=”" que contém um select para achar os albuns associados a obra, cujo o id passamos por get para a págian albuns.php. O que for “ecoado” (usando a função echo do PHP) nessa página (albuns.php), será escrito dentro da div_album quando a função CarregarAlbuns(id_obra) for chamada, em nosso exemplo chamamos tal função utilizando o evento onclick no link Ver Fotos da obra. OBS: $_db é onde estão dados buscados no banco. As tags estão cortados para pode serem reproduzidas corretamente, lembrem de corrigir.

1. Ver fotos da obra…/a>/p>

Então a div será preenchida com conteúdo, movendo o conteúdo colocado depois do fim da div_album para baixo, o que dará a impressão de movimento.

Logo depois de termos carregado a listagem dos álbuns que temos, queremos agora listar as imagens que temos para aquele álbum, então devemos acrescentar uma função junto a função anterior (CarregarAlbuns(id_obra)) chamada CarregarFotos(id_album):

1. function CarregarFotos(id_album){
2. ajaxHTML(”div_fotos”,’fotos.php?id_album=’+id_album);
3. };

Ao carregarmos as etapas temos o link para cada álbum, que através do evento onclick chamamos a função que criamos, esse caso é similar a anterior, me refiro aos parâmetros da função o que muda é que a div_fotos que é onde escreveremos as fotos usando ajax (da mesma maneira como foi feito na função anterior), a div vazia deve estar contida dentro da página de apoio anterior, exatamente após o título da etapa de construção.

No final de tudo podemos incrementar a aplicação utilizando o Slimbox

Você pode encontrar os slides da palestra em PDF no link palestras no menu acima.

Olá todos…

Este post é apenas para informar que o blog mudou de RSS. Aos assinantes do Feed RSS, favor mudar para http://feeds.feedburner.com/msouto

Olá,

Está semana tivemos de fazer um trabalho para a disciplina de Inteligência Artificial, ministrada pelo professor Allan Martins, foram diversos assuntos que o professor distribuiu em grupos, o meuobjetivava predizer o consumo de energia elétrica em minha casa, eu daria o valor das 4 ultimas medições mensais e rede iria calcular a do mês seguinte.

Primeiramente, treino a rede atribuindo como entradas (Localização:matriz P) os valores de cada mês, cada entrada é composta de 4 valores de medições de meses anteriores, esta (cada entrada) aponta para um target(Localização:vetor T), que é um valor correto e conhecido do valor real do quinto mês (que tentarei predizer após este treinamento).

Após este treinamento posso modificar P (entradas) passando 4 valores de meses anteriores e a rede calcula o mês subsequente.
Utilizando o toolbox do Matlab (for linux) para redes neurais implementei da seguinte maneira:

=== SOURCE ===

%Definindo os targerts que servirão para o treinamento da rede
T = [262 250 287 242];
%As entradas que servirão pra o treinamento da rede
P = [250 287 242 244;
287 242 244 306;
242 244 306 295;
244 306 295 259];

%Instanciando a rede com 16 neurônios na camada oculta e 1 neurônio na camada de saída
net = newff(minmax(P),[16 1],{’tansig’ ‘purelin’});

%Treinando a rede
net = train(net,P,T);

%Definindo as entradas para a rede calcular a previsão de saída
% Exemplo:
P=[250;
287;
242;
244];

%Fazendo a rede calcular apartir das entradas dadas no passo anterior
Y = sim(net,P);

=== /SOURCE ===

O algoritmo de ‘Backpropagation’ utiliza o método do Gradiente Descendente para corrigir os valores sinápticos. Neste método, calculamos o gradiente da função objetivo (MSE) a se minimizar e atualizarmos o valor das sinapses somando-se a ele o valor do gradiente com o sinal invertido. O gradiente, neste caso, é a derivada parcial da função erro médio quadrático em relação à sinapse. Este processo faz com que o erro médio quadrático do problema “caminhe” sempre no sentido contrário de seu máximo crescimento. Resumindo, podemos dizer que a equação básica do Algoritmo de ‘Backpropagation’ é:

Wk+1 = Wk - ok Vk(Fo)

onde:

Wk+1 é o vetor de pesos sinápticos no instante k+1;

Wk é o vetor de pesos sinápticos no instante k;

ok é uma constante chamada Passo de treinamento;

Vk(Fo) é vetor gradiente da função objetivo.

O passo de treinamento é uma constante que controla a velocidade de convergência do algoritmo, ou seja, a rapidez com que os valores sinápticos levam o MSE para um mínimo local ou global na superfície de erro do problema. Para pequenos valores de o, a atualização das sinapses é mais lenta, fazendo com que se percorra com maior precisão a superfície de erro do problema. Para valores altos de o, apesar da convergência ocorrer de maneira mais rápida, pode acontecer oscilações no treinamento, podendo ás vezes até impossibilitar a convergência para um mínimo local ou global.