terça-feira, 31 de janeiro de 2012

Como criar "cabo crossover" e "cabo direto"

Introdução
Se você tem dois ou três computadores em casa ou em seu escritório, certamente tem interesse em conectá-los em rede para compartilhar impressoras, arquivos e a conexão à internet. Para isso, a ação mais comum é a criação de um cabo crossover ou de um cabo direto. Este tutorial ensinará como criá-los.

Itens necessários
Neste tutorial, o InfoWester fará uso dos seguintes itens para a montagem (ou crimpagem) de cabos crossover e direto:

- Alicate de crimpagem;
- Conectores RJ-45;
- Cabo UTP padrão CAT 5 (tamanho variável de acordo com a necessidade).
O alicate de crimpagem é usado para prender as pontas do cabo UTP aos conectores RJ-45. Estes, por sua vez, são conectados à placa de rede do computador ou ao hub/switch.

Quando queremos montar um cabo para interligar dois computadores, não precisamos utilizar dispositivos como hubs, já que pode-se ligar uma máquina à outra diretamente. Neste caso, o cabo do tipo "crossover" (cruzado ou invertido) deve ser utilizado.

Por outro lado, quando três ou mais computadores devem ser interligados, um equipamento como o hub se mostra ideal. Neste caso, é necessário criar um cabo para cada computador e conectá-los ao hub. No entanto, o cabo tipo crossover não serve a esse propósito, devendo ser utilizado o cabo do tipo "direto", também conhecido como "patch cable".

Em resumo, para ligar computador a computador, usa-se cabo crossover. Para ligar computador a hub, usa-se cabo direto. A diferença entre eles é que o cabo crossover tem a disposição de seus fios de maneira diferente em uma ponta em relação à outra, enquanto que o cabo direto tem a disposição dos fios iguais em cada extremidade.

OBS.: o cabo crossover também deve ser usado quando é necessário conectar um hub a outro.

Um pouco mais sobre o cabo

O cabo UTP é um dos mais usados para a criação de redes de computadores baseadas em fios. Seu desenvolvimento foi fruto dos trabalhos da Electrical Industrial American (EIA) e da Telecomunications Industrial American (TIA), que pesquisaram o desenvolvimento de um meio de comunicação eficiente para redes. Após essa definição, a Bell Laboratories trabalhou no desenvolvimento do cabo UTP (Unshilded Twisted Par).

Nas redes padrão Ethernet praticamente são só usados cabos UTP CAT 5. Isso quer dizer que esse tipo de cabo é composto por quatro pares de fios e opera à freqüência de 100 MHz.

A foto abaixo mostra os pares de fio. Repare que eles são combinações das cores laranja, azul, verde e marrom com correspondentes na cor branca. Assim, um fio na cor azul tem como par um fio nas cores azul e branco. Um fio na cor verde tem como par um fio nas cores verde e branco, e assim por diante:
É mais comum encontrar cabos UTP com revestimento na cor azul, no entanto, não é difícil encontrar cabos em outras cores.

Montando o cabo direto

O primeiro passo para montar o cabo consiste em tirar parte do revestimento (em cerca de 1 cm) das extremidades do cabo, deixando expostos os fios. Para isso, deve-se usar um alicate de corte (alguns alicates de crimpagem contam com esse recurso, como o modelo usado neste tutorial), mas tome cuidado para não cortar os fios. Em seguida, deve-se colocá-los na seguinte ordem:
Essa seqüência é conhecida como norma EIA/TIA 568A.


Após a realização desse passo, é necessário encaixar o conector RJ-45, tomando-se o cuidado de fazer com que cada fio entre no orifício correspondente. Para isso, segure o conector firmemente em uma mão e a ponta do cabo na outra. Insira os fios vagarosamente, certificando-se de que nenhum ficou pelo caminho. Se ao atingir o final do conector você notar que algum fio tem alguma diferença de tamanho ou está mais atrás em relação aos outros, refaça o procedimento. Os fios devem ter o mesmo tamanho e todos devem chegar ao final dos orifícios do conector.

É muito importante que o revestimento do cabo também entre no conector. Do contrário, será mais fácil ocorrer o rompimento dos fios. A figura ao aldo mostra essa situação.

Se você notar algum problema após crimpar o cabo, não será possível tirar o conector. A saída é cortar o cabo nesse ponto e repetir todos os passos.

O cabo direto tem as duas pontas iguais, logo basta repetir os procedimentos acima para a outra ponta. Se tudo se sair bem seu cabo direto está pronto para ser usado!

Montando o cabo crossover

O cabo crossover deve ter uma ponta no padrão EIA/TIA 568A. Logo, faça os procedimentos do tópico anterior em um dos lados do cabo.

Feito isso, na outra extremidade, é necessário que os fios sejam posicionados no conector RJ-45 na seguinte ordem:


Essa seqüência é conhecida como norma EIA/TIA 568B.

Concluídos esses passos, o cabo crossover estará pronto para o uso.

Finalizando Nas primeiras vezes que você crimpar um cabo, certamente sentirá alguma dificuldade. É possível que você tenha até que refazer alguns passos. Se isso ocorrer, não se preocupe, é normal. Com a prática, você dominará o assunto rapidamente.

Por fim, segue uma dica: se você passar a fazer crimpagem de cabos com freqüência, é bastante recomendável usar um aparelho conhecido como testador de cabo. Nele, você conecta as extremidades dos cabos e o aparelho indicará se o cabo está perfeito ou se apresenta alguma falha. Existem vários modelos desses dispositivos, por isso, procure uma loja especializada para escolher um que lhe atenda. Bom trabalho!

domingo, 29 de janeiro de 2012

Como Exibir Codigos HTML/JS em Posts

Para postar códigos html/javascript no post sem que ele seja 'interpretado' pelo navegador, ou seja, postar o código puro, basta substituir todos os símbolos < e > por < e >

Exemplo: Para conseguir postar o código de imagem aqui, sem que a imagem apareça, coloco:

<img src="endereço da imagem">

Sem isso, apareceria a imagem (havendo um endereço real) ou absolutamente nada, já que no exemplo não existe um endereço de imagem real.

Quando publicado o post, aparecerá o código html puro, assim:

Inserindo Animação Flash no Blogger

Na época em que estava procurando por algum tutorial que ensinasse como colocar uma animação flash no Blogger, o que encontrei foram códigos que não funcionavam e pessoas cobrando uma grana por tal informação.Já adianto que é bem simples colocar uma animação flash no Blogger, mas antes de começar a explicação gostaria de esclarecer alguns pontos.

  • Se você não tem nenhuma experiência com flash, cuidado! Você corre o perigo de criar uma animação pesada, o que irá deixar o carregamento da página muito lento (lembre-se que muitas pessoas ainda possuem conexão discada).
  • Este post irá ensinar somente como inserir o código no template, a criação da animação em flash será por sua conta.
  • Opiniões e sugestões para o melhoramento desse procedimento serão muito bem-vindas.

  • O código que irei passar foi gerado no Dreamweaver. Você poderá colocar diretamente no código HTML (o que a princípio seria melhor, pois Widgets em Flash normalmente são lentos) ou criar um elemento de página HTML/Javascript onde você irá simplesmente colar o código na janela que irá se abrir.

    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="Largura do objeto" height="Altura do objeto" >
    <param name="movie" value="URL da Animação" />
    <param name="quality" value="high" />
    <embed src=" URL da Animação " quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width=" Largura do objeto " height=" Altura do objeto ">
    </embed>
    </object>

    * Na largura e altura basta colocar o valor sem a necessidade de declarar pixels.Ex.: width=”775” height=”215”
    * Em URL da animação coloque o link do local onde você hospedou sua animação em flash.

    Para quem fez um banner para o topo (header) do blog, deixo aqui um exemplo do que deve ser feito.Encontre essa parte do seu código: (não é preciso Expandir modelos de widgets)

    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Template (Cabeçalho)' type='Header'/>
    </b:section> </div>
    E então modifique deixando dessa maneira:

    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
    </b:section>
    [Cole o código para o flash com as devidas alterações aqui]
    </div>

    Como configurar um domínio que possui ou não CNAME no blogger (Guia Definitivo)

    Usar um domínio próprio para construir um blog é o mínimo para quem leva a coisa a sério pois possui muitas e muitas vantagens, as mais importantes delas é relacionado ao pagerank e também a má impressão causada pelos subdomínios no “blogspot” ,”wordpress” “kitnet” etc…
    dominios

    Não pense duas vezes amigo, por pior que seu blog seja é impossível que você não recupere os R$30,00(caso registre um domínio no Brasil) que você pagou em um prazo curto com algum tipo de propaganda.
    Bom ,caso você registre seu domínio em um lugar que ofereça “CNAME” como na e-dominios ou no Godaddy é fácil, basta selecionar a opção CNAME e colocar no primeiro campo “ghs1.google.com” e no segundo “ghs2.google.com”.
    Agora se onde você comprou seu domínio não oferecer “CNAME” ,então você precisará de um servidor DNS como o gratuito Everydns.
    Clique aqui e crie uma conta no formulário que você se deparou.
    everydns

    Criada a conta o login é automático, adicione então seu domínio clicando em “Add new domain” (basic) e clique em “Basic”:
    configurar um domínio
    Note que seu domínio irá aparecer no topo esquerdo da página logo abaixo de “Primary Domains:” clique sobre ele e então irá abrir uma página para edição.
    Em “Fully Qualified Domain” coloque”www” em “Record type” coloque “CNAME” em “Record Value” coloque “ghs.google.com” e logo em seguida clique no botão “Add Record”.
    Configue o domíno onde você o comprou:

    Se você comprou um domínio do tipo .com.br quase que obrigatoriamente você terá que registra-lo na Registro.Br ,entre no sistema e clique em “Pessoa Física” que é a maioria dos casos.
    Em “Delegações DNS”, preenchemos os campos com os DNSs da EveryDNS.net:
    ns1.everydns.net

    ns2.everydns.net

    ns3.everydns.net

    ns4.everydns.net

    Clique em “Entrar” e cruze os dedos para que dê certo. Caso ocorra algum erro, espe um pouco e tente novamente após algum tempo.
    Configue o blogger para receber o domínio:

    Agora entre no Blogger e clique em “Configurações” ,depois em “Publicação” e depois em “Domínio personalizado” –> “Ir para configurações avançadas” e preencha o campo com o seu domínio.
    Clique em “Salvar Alterações” e pronto!
    Ah, acho que todos sabem que o DNS pode demorar alguma horas para propagar né?

    sábado, 28 de janeiro de 2012

    Dreamweaver - Sistema de Login e Senha com Banco de Dados



    A linguagem surgiu por volta de 1994, como um pacote de programas CGI criados por Rasmus Lerdorf, com o nome Personal Home Page Tools, para substituir um conjunto de scripts Perl que ele usava no desenvolvimento de sua página pessoal. Em 1997 foi lançado o novo pacote da linguagem com o nome de PHP/FI, trazendo a ferramenta Forms Interpreter, um interpretador de comandos SQL. Mais tarde, Zeev Suraski desenvolveu o analisador do PHP 3 que contava com o primeiro recurso de orientação a objetos, que dava poder de alcançar alguns pacotes, tinha herança e dava aos desenvolvedores somente a possibilidade de implementar propriedades e métodos.[2][3] Pouco depois, Zeev e Andi Gutmans, escreveram o PHP 4, abandonando por completo o PHP 3, dando mais poder à máquina da linguagem e maior número de recursos de orientação a objetos. O problema sério que apresentou o PHP 4 foi a criação de cópias de objetos, pois a linguagem ainda não trabalhava com apontadores ou handlers, como são as linguagens Java, Ruby e outras. O problema fora resolvido na versão atual do PHP, a versão 5, que já trabalha com handlers. Caso se copie um objeto, na verdade copiaremos um apontador, pois, caso haja alguma mudança na versão original do objeto, todas as outras também sofrem a alteração, o que não acontecia na PHP 4.[4]

    Dreamweaver - Sistema de login e senha com banco de dados por mxmasters no Videolog.tv.