Acessando servidores FTP utilizando o FireFox
complemento, componente, firefox, ftp, upload
11 de setembro de 2009 09:03140 visitas
Conforme o artigo anterior - Acessando servidores FTP -, estou incrementando a forma de poder acessar o FTP de determinado servidor, atráves do FireFox.
Trata-se do uso de um componente (ou melhor, um complemento) chamado FireFTP. Este componente possui uma vantagem sobre o acesso padrão do Windows Explorer: é rápido, não trava o explorer.exe do computador e não corrompe as informações dos arquivos enviados.
1. Vá até o site https://addons.mozilla.org/pt-BR/firefox/search?q=fireftp e efetue o download da última versão do FireFTP; instale o complemento.
2. Abra o FireFox, abra o menu Ferramentas e clique em FireFTP.
Nesta janela, o FireFTP é apresentado. Do lado esquerdo, temos os arquivos salvos em seu computador; do lado direito, temos os arquivos salvos no servidor.
3. Clique no combo ao lado de Connect e escolha a opção Create an account...
4. Na janela que surge - Account Manager -, informe um alias em Account Name; no campo Host, informe o endereço FTP fornecido. Em ID, informe também o seu Login e Password para acesso; clique em OK.
Por segurança, não é necessário informar seu Password; caso isso ocorra, será necessário informar toda vez que você conectar ao servidor FTP, como na figura abaixo.
5. Volte para a tela principal, e clique em Connect.
Pronto! Você já está acessando o servidor FTP e poderá visualizar os arquivos do lado direito da janela.
Para enviar um arquivo ao servidor FTP, clique nos arquivos do lado esquerdo da tela, e clique na seta apontada p/ o lado direito; para trazer os arquivos do servidor FTP para seu computador, selecione os arquivos (ou pastas) do lado direito e clique na seta pontada p/ o lado esquerdo.
Acessando servidores FTP
explorer, ftp
14 de agosto de 2009 10:35140 visitas
Resolvi criar este artigo não para programadores Internet, e sim pra quem utiliza um servidor FTP na empresa e seus funcionários precisam acessá-lo remotamente, e não fazem idéia do que significa FTP. Afinal de contas, programador Internet que não sabe o que é FTP, eu não sei se ainda existem...
Vou ensinar 2 métodos, a forma certa e errada de acessar um FTP. Assim, identificamos a dificuldade de acesso.
1. Abra o Internet Explorer e digite o endereço FTP fornecido:
2. ao informar o endereço FTP, irá surgir uma tela para efetuar o seu login; insira o seu nome de usuário e senha e clique em fazer Logon.
3. Ao confirmar o seu login, o acesso FTP é liberado, podendo acessar pas pastas e arquivos.
4. Clique no arquivo que deseja abrir:
5. Pronto! Você já tem o acesso ao arquivo.
Este método eu posso considerar que é errado, pois não há como enviar o arquivo armazenado em seu computador, para o servidor FTP.
E agora?
Faremos assim:
1. Abra o Meu Computador.
2. Informe na barra de endereços, o enderço FTP e dê OK. Faça o seu login com nome de usuário, senha e clique em Logon.
3. Pronto! Seu acesso ao servidor FTP foi liberado e você já pode acessar os arquivos.
Dica: Evite abrir diretamente o arquivo do servidor FTP, podendo travar alguns aplicativos de seu computador; clique com o botão direito do mouse em cima do arquivo, e clique em Copiar.
Agora, vá até uma pasta na unidade de disco de seu computador, clique com o botão na área útil da pasta e clique em Colar.
Pronto! Seu arquivo foi copiado para seu computador e você poderá abrí-lo.
Para enviar o arquivo ao servidor, faça o processo inverso: copie o arquivo de seu computador, e cole em alguma pasta no servidor FTP.
UPDATE 11/09/2009
Há um outro método para acessar servidores FTP. Confira neste artigo: Acessando servidores FTP utilizando o FireFox
Trabalhando com gráficos Chart
api, chart, google, gráfico, relatório
13 de agosto de 2009 21:49323 visitas
O Google possui uma API para gerar gráficos de forma dinâmica. Para mais detalhes, a documentação da API está disponível no endereço http://chart.apis.google.com/
Neste artigo, estarei explicando de uma maneira básica o funcionamento de alguns gráficos, que particularmente estou utilizando bastante na criação de relatórios. Com o tempo, você irá acostumar com a codificação e ganhará tempo, bastando consultar diretamente tal documentação da API.
Gráficos do tipo pizza
Para criar o gráfico abaixo, abra a URL a seguir:
http://chart.apis.google.com/chart?cht=p3&chtt=Servidores&chd=t:25,40,20,15&chs=450x200&chl=ASP|PHP|.Net|JS
Onde:
cht=p3 tipo do gráfico (p: pizza normal - p3: pizza tridimensional)
chtt título do gráfico
chd=t: valores do gráfico, separados por "|"
chs tamanho do gráfico, no formato largura x altura
chl rótulos do gráfico, separados por "|"
Podemos complementar o gráfico adicionando mais parâmetros:
http://chart.apis.google.com/chart?cht=p3&chtt=Servidores&chd=t:25,40,20,15&chs=450x200&chl=ASP|PHP|.Net|JS&chco=ff0000,00ff00,0000ff,555555
Onde:
chco Cor de cada valor no gráfico, no formato hexadecimal (html), separados por ","
*Nota: Na ocasião de suprimir algum valor do parâmetro, os posteriores irão adotar uma cor do mesmo gradiente de cores.
Diagrama de Venn - tipo bolha
Este tipo de gráfico é utilizado para comparar a grandeza entre 3 valores. Ao tentar citar mais de 3 valores, o excedente será ignorado. Para visualizar o gráfico a seguir, abra a URL abaixo:
http://chart.apis.google.com/chart?cht=v&chd=t:70,50,30,5,10,5,0&chs=250x200&chco=ff0000,00ff00,0000ff
Onde:
cht=v tipo do gráfico (venn)
chd=t: [tamanho A],[tamanho B],[tamanho C],[aproximação A+B],[aproximação A+C],[aproximação B+C],[Centralização A+B+C]
chs tamanho do gráfico, no formato largura x altura
chco cor de cada valor no gráfico, no formato hexadecimal (html), separados por ","
Complementando o gráfico com legenda:
http://chart.apis.google.com/chart?cht=v&chd=t:70,50,30,5,10,5,0&chs=250x200&chco=ff0000,00ff00,0000ff&chdl=ASP|PHP|.Net
Onde:
chdl Legenda dos valores, separados por "|"
Gráficos de linha
Este tipo de gráfico é um dos mais utilizados para criação de relatório. Consiste em dois eixos, X e Y. Segue o exemplo a seguir:
http://chart.apis.google.com/chart?cht=lc&chs=200x125&chd=t:5,15,10,20,40
Onde:
cht=lc tipo do gráfico (linha)
chs tamanho do gráfico
chd=t: ponto de valores, separados por ","
Podemos complementar o gráfico da seguinte maneira: adicionando rótulos no eixo x e y.
http://chart.apis.google.com/chart?cht=lc&chs=200x125&chxt=x,y&chd=t:5,15,10,20,40&chxl=0:|0|1|2|3|4|6|7|8|
Onde:
chxt habilita os eixos X e Y
chxl=0: exibe a escala no eixo x
chxl...1: exibe a escala no eixo y
*Nota: o eixo Y irá sempre adotar 100 como valor máximo.
Adicionar linhas de grade
http://chart.apis.google.com/chart?cht=lc&chs=400x250&chxt=x,y&chd=t:5,15,10,20,40&chxl=0:|0|1|2|3|4|6|7|8|9|10|1:|0|25|50|75|100&chg=10,25,1,2
Onde:
chg [passo do eixo x],[passo do eixo y],[tamanho do tracejado],[intensidade. 0: linha sólida - 5: linha tracejada]
Dica: Para obter uma melhor orientação nas linhas de grade, procure adotar no passo do eixo x, um valor da seguinte maneira: (100/(quantidade de rótulos - eixo x))
Adicionando mais uma linha
http://chart.apis.google.com/chart?cht=lc&chs=400x250&chxt=x,y&chd=t:5,15,10,20,40|15,10,50,30,10&chxl=0:|0|1|2|3|4|6|7|8|9|10|1:|0|25|50|75|100&chg=10,25,1,2
Onde:
chd=t: ponto de valores, separados por "," e sucessivamente por "|", de forma a separar os valores de ambas as linhas
Alterando a cor das linhas:
http://chart.apis.google.com/chart?cht=lc&chs=400x250&chxt=x,y&chd=t:5,15,10,20,40|15,10,50,30,10&chxl=0:|0|1|2|3|4|6|7|8|9|10|1:|0|25|50|75|100&chg=10,25,1,2&chco=990000,000099
Onde:
chco Cor de cada valor no gráfico, no formato hexadecimal (html), separados por ","
Inserindo legenda:
http://chart.apis.google.com/chart?cht=lc&chs=400x250&chxt=x,y&chd=t:5,15,10,20,40|15,10,50,30,10&chxl=0:|0|1|2|3|4|6|7|8|9|10|1:|0|25|50|75|100&chg=10,25,1,2&chco=990000,000099&chdl=ASP|PHP
Onde:
chdl Legenda de cada linha, separados por "|"
Estes foram apenas alguns gráficos que costumo utilizar. Consulte a documentação para obter um melhor gama de opções e diversidade de gráficos.
Graças à esta API, resolvi abandonar meus próprios chart desenvolvidos em c#, pois consumia muito processamento e não tem tanta opção igual à estas aqui.
A seguir, alguns exemplos que eu ainda não utilizei, mas ajuda na hora de você apresentar um relatório na sua empresa :-)
http://chart.apis.google.com/chart?chs=225x125&cht=gom&chd=t:70&chl=Hello
http://chart.apis.google.com/chart?cht=lc&chs=200x125&chd=s:ATSTaVd21981uocA&chco=224499&chxt=x,y&chxl=0:|Sep|Oct|Nov|Dec|1:||50|100&chm=B,76A4FB,0,0,0
http://chart.apis.google.com/chart?cht=lc&chd=s:pqokeYONOMEBAKPOQVTXZdecaZcglprqxuux393ztpoonkeggjp&chco=FF0000&chls=4.0,3.0,0.0&chs=200x125&chxt=x,y&chxl=0:|Jun|July|Aug|1:||20|30|40|50&chf=bg,s,efefef
http://chart.apis.google.com/chart?cht=bvs&chd=s:YUVmw1&chco=0000FF&chs=180x150&chtt=Site+visitors&chts=0000FF,20&chbh=22,4
http://chart.apis.google.com/chart?cht=bhg&chs=200x125&chd=s:elg,ors&chbh=10,15&chco=cc0000,00aa00http://chart.apis.google.com/chart?cht=bhg&chs=200x125&chd=s:elg,ors&chbh=10,15&chco=cc0000,00aa00
http://chart.apis.google.com/chart?cht=bvg&chs=200x125&chco=cc0000,00aa00&chd=t:30,-60,50,120,80&chds=-80,140
http://chart.apis.google.com/chart?cht=bvg&chbh=5,2&chm=B,C6D9FD,0,0,0|D,4D89F9,0,0,5,1&chbh=20&chs=200x150&chd=s:1XQbnf4&chco=76A4FB
http://chart.apis.google.com/chart?cht=ls&chs=200x125&chd=s:foeZ9Gat,lkjtf3asv&chm=D,C6D9FD,1,0,8|D,4D89F9,0,0,4