0

Controle de Versão com GIT – Parte 01 – Apresentação

1200px-Git-logo.svg

Esta séries de Tutoriais exemplificam o uso da Ferramenta de Controle de Versão GIT, realizaremos a configuração, manutenção e controle dessa poderosa ferramenta de controle de alterações em códigos fontes.

Um pouco da história do GIT

O GIT é um sistema de controle de versão distribuído e um sistema de gerenciamento de código fonte, com ênfase em velocidade, essa ferramenta foi inicialmente projetada e desenvolvida por nada mais nada mesnos que Linus Torvalds para o desenvolvimento do kernel Linux, mas foi adotado por muitos outros projetos. Cada diretório de trabalho do Git é um repositório com um histórico completo e habilidade total de acompanhamento das revisões, não dependente de acesso a uma rede ou a um servidor central.

O Git é um software livre, distribuído sob os termos da versão 2 da GNU General Public License.

Para iniciarmos os nossos testes da ferramenta GIT iremos ao site Oficial do distribuidor realizar o Download do GIT.

Link Download: https://git-scm.com/downloads

Na Próxima Postagem Veremos a Instalação e Configurações Iniciais dessa Ferramenta.

0

Gerando Web Services PHP com NuSoap

php_mini_logoGerando Web Services PHP com NuSoap

Este artigo aborda a geração de Web Services em PHP utilizado a biblioteca NuSoap. Esta biblioteca é uma alternativa ao módulo SOAP Extension, nativo do PHP e oferecer suporte à criação automática do WSDL.

Framework NuSoap disponível em: http://sourceforge.net/projects/nusoap/

Segue um exemplo de utilização do Framework.

Lado Servidor da Aplicação

  • Na linha 2 realizamos a importação da biblioteca do NuSoap;
  • Na linha 4 instanciamos uma objeto do tipo soap_server;
  • Na linha 6 configuramos a instância do documento WSDL de nossa aplicação servidora;
  • Na linha 8 definimos o Schema do documento WSDL;
  • Entre as linhas 10 a 36 registramos os métodos de nosso web service;
  • Na linha 38 definimo o uso do request para invocar o serviço;
  • Entre as linhas 40 a 54 implementamos os métodos de nosso web service.

Após a criação do objeto soap_server, geração do wsdl e registro e implementação dos métodos conseguimos gerar  web service.

serviço wsdl

Lado Cliente da Aplicação

  • Na linha 2 realizamos a importação da biblioteca do NuSoap;
  • Na linha 4 criamos um objeto Soap Client baseado no wsdl do Servidor;
  • Por fim realizamos a chamadas aos métodos e exibimos o possíveis resultados.

E com isso realizamos a publicação e consumo de um web service em PHP baseado na biblioteda NuSoap.

0

Modificadores de Acesso

Java (2)Modificadores de Acesso

Os modificadores de acesso, tem como função controlar a visibilidade de classes, atributos e métodos em relação a outras classes e pacotes. Em Java temos alguns tipos de modificadores de acessos que serão exemplificados abaixo:

Modificador public

O modificador public pode ser usado na criação de uma classe, de um atributo e de um método, e possui diferentes comportamentos quando antecede alguns deles.

      • Em uma classe, significa dizer que ela poderá ser acessada e herdada por todas as outras classes dentro de uma aplicação.
      • Em um método, significa dizer que ele poderá ser acessado, reescrito e herdado por qualquer classe.
      • Em um atributo, significa dizer que poderá ser referenciado por qualquer outra classe.

Modificador private

O modificador private pode ser usado na criação de um atributo e de um método, e possui diferentes comportamentos quando antecede alguns deles.

      • Não pode ser aplicado como modificador de acesso de uma classe.
      • Em um método, significa dizer que ele poderá ser acessado pelos métodos da classe que o definiu.
      • Em um atributo, significa dizer que poderá ser referenciado somente pela classe que o definiu.

Modificador protected

O modificador protected pode ser usado na criação de um atributo e de um método, e possui diferentes comportamentos quando antecede alguns deles.

      • Não pode ser aplicado como modificador de acesso de uma classe.
      • Em um método, significa dizer que ele poderá ser acessado somente pelas classes que fazem parte do mesmo pacote.
      • Em um atributo, significa dizer que poderá ser referenciado somente pelas classes que fazem parte do mesmo pacote.

Modificador default

O modificado default define o acesso padrão que será aplicado quando não houver definição de modificador de acesso, ou seja quando esquecemos de definir o modificador de acesso a classe.

Modificador static

O modificador static pode ser usado na criação de um atributo e na definição de um método, e possui diferentes comportamentos quando antecede alguns deles. Definir um atributo ou métodos como static significa dizer que os mesmo pertencem a classe em que foram definidos. Membros estáticos podem ser acessados através de instância da classe.

Modificador final

O modificador final pode ser usado na criação de uma classe, de um atributo e de um método, e possui diferentes comportamentos quando antecede alguns deles.

      • Em uma classe, significa dizer que a classe não poderá ser estendida.
      • Em um método, significa dizer que o método não poderá ser reescrito.
      • Em um atributo, significa dizer que seu valor não poderá ser modificado.
0

Code Club Brasil

imgres

O Code Club (em português: Clube do Código ou Clube de Programação) é uma rede mundial de atividades extra-curriculares gratuitas, completamente gerenciada por voluntários, com o objetivo de ensinar programação de computadores às crianças.

2Criamos projetos para que os nossos voluntários possam ensinar programação como atividade extra-curricular em escolas, ou outros locais, como por exemplo uma biblioteca. Nossos projetos ensinam as crianças a programar através de jogos, animações e páginas internet. Os voluntários atuam em locais próximos de suas casa, uma hora por semana.

Estaremos constantemente criando novas aulas. Em cada série os alunos aprendem usando imaginação e criatividade através da realização de projetos. Os cursos 1 e 2 utilizam a ferramenta Scratch para ensinar as bases de programação de computadores. O curso 3 introduz o desenvolvimento web usando HTML e CSS. No curso 4 nós ensinaremos Python e assim por diante.

1O Code Club foi criado por Clare Sutcliffe eLinda Sandvik em Abril de 2012. Em 2013, teve-se a ideia de trazer o Code Club para o Brasil.

Nosso sonho é que cada escola do Brasil tenha um clube de programação onde as crianças possam aprender informática. Temos quase 200 mil escolas no Brasil, temos muito trabalho pela frente, mas acreditamos que isso seja possível!

Fonte: http://codeclubbrasil.org/

Visite a página Oficial.

images2

0

Menu de Navegação Redes Sociais com CSS

cssMenu de Navegação Redes Sociais com CSS

Nesta postagem segue um exemplo uma caixa de navegação de redes sociais usando CSS para adicionar as imagens das redes sociais aos links de cada rede social. O primeiro passo é a criação do bloco de navegação.

Criamos uma lista de redes sociais somente com os links. Isso ajuda pessoas com deficiência visual que fazem uso de plugin de leitura de páginas já que os mesmos não fazem a leitura da imagem. A inclusão das imagens deixamos a cargo do CSS.

Ai lá vai o estilo da navegação de redes sociais.

As estilização realizada pelo css é a seguinte: posicionamos o elemento com a classe .icones-sociais na parte inferior da página ao lado esquerdo, aos elementos “li” que estejam dentro dessa classe removemos o marcador de lista e colocamos todos em uma única linha, aos links removemos o seu texto usando o text-indent: -99999 que faz com que o mesmo não seja mostrado no DOM além de setamos a proporção da imagem e por fim adicionamos a respectivas imagens a cada classe. Ao fim teremos uma barra de navegação semelhante a barra apresentada abaixo.

social-icons

Créditos de Imagens: http://iconfinder.com

0

Elementos Flutuantes

cssElementos Flutuantes

A propriedade float é aplicada a tag <img> do HTML. Dois valores podem ser aplicados: Left e Right. Ela é usada por causa de sua característica singular de poder colocar o conteúdo ao seu redor,sendo possível adicionar margin e padding.

Exemplo:

img04

  • CSS

  • HTML

Mas a propriedade float não se limita às imagens, podendo ser aplicada a qualquer elemento. Como em uma <div>, por exemplo:

img05

  • CSS

  •  HTML

Tome cuidado quanto ao tamanho do objeto que você vai usar o float, pois se ele for maior do que a área do conteúdo os elementos irão para baixo uns dos outros e não para o lado como no exemplo anterior.

img06

Exemplificação de Float com imagens maiores do que o campo visual

A Propriedade clear

A propriedade clear é usada para controlar o comportamento dos elementos que se seguem aos elementos floats no documento. Por padrão, o elemento subseqüente a um float, ocupa o espaço livre ao lado do elemento flutuado. A propriedade clear pode assumir os valores left, right, both ou none. A regra geral é: se por exemplo clear for definido both para um box, a margem superior deste box será posicionada sempre abaixo da margem inferior dos boxes flutuados que estejam antes dele no código.

Para evitar que o texto se posicione no espaço livre deixado pela imagem faremos da seguinte forma:

img07

  • CSS

  •  HTML

Z-index

O z-index é simplesmente a ordem em que os elementos podem ser apresentados no documento.

img08

  • CSS

 

0

Posicionamento de Elementos

cssPosicionando Elementos

O posicionamento de elementos tem como função dar o controle sobre o resultado visual de uma página.O CSS utiliza quatro tipos de posicionamento, os quais são:

  • Absolute
  • Relative
  • Static
  • Fixed

Todos os exemplos mostrados a seguir serão modelados utilizando a tag <div>.

Fluxo Normal

O termo fluxo normal refere-se ao comportamento padrão do navegador. Como você certamente percebeu, todo posicionamento “defaults” geralmente esta à esquerda do navegador, salvo aqueles modificados pela HTML ou CSS.
Os elementos “in-line” seguem com o fluxo. Se você redimensionar o navegador ou a resolução do monitor eles simplesmente irão se realocar, mas permanecerão no mesmo fluxo sem quebrar a linha, no caso, o parágrafo.

Posicionamento Absoluto

Todo elemento posicionado de forma absoluta não ocupará um espaço no documento.

Exemplo:

img01

 <div> com posição absoluta de 25px ao topo e a esquerda

Posição Relativa

O posicionamento relativo é muitas vezes confuso, primeiramente porque levanta a questão: relativo a quê? As maiorias das pessoas acham que a posição seria algo relativo a outro elemento.
Posicionamentos relativos em caixas são utilizados para o fluxo normal. Isto significa que elas não são removidas do fluxo normal de maneira absoluta na caixa onde está posicionado.
No exemplo abaixo será removida todas as margens usando o seletor universal (*). Isto foi feito para livrar-nos de todos os padrões em branco para que você possa ver exatamente como a posicionamento relativo está sendo usado.

Exemplo:

Portanto, a <div> está afastada 10 pixels a partir do elemento anterior, e 45 pixels à esquerda do fluxo exato do mesmo local onde o texto começa, pois é também no fluxo normal. Você vê que é o fluxo contínuo pelo posicionamento; daí o conteúdo flui como deveria, tanto antes como depois da caixa relativamente posicionada.

img02

O posicionamento relativo é utilizado quando o fluxo normal não deve ser quebrado. O posicionamento absoluto é mais bem usado para itens que devem ser posicionados muito especificamente.

Posição Fixa

A posição fixa é uma peça brilhante no CSS. Mas infelizmente não é suportada pelo internet explorer, podendo ser usada somente com Mozilla, Konqueror, Opera, Safari e outro que por ventura venha a oferecer esse suporte.

O posicionamento Fixo permite a você colocar uma caixa em qualquer lugar na página, atuando quase como que uma janela flutuante. Diferente do posicionamento absoluto em que elementos fixos são posicionados em relação a sua área de visão.

Exemplo:

img03