Arquivo mensal de July, 2006



Sistema simples de autenticação de usuários usando sessões

Fala galera!

Essa semana montei um pequeno passo a passo para a criação de um simples sistema de autenticação de usuários usando sessões. Se você deseja criar em seu site alguma área para acesso restrito de usuários, esse artigo pode ser muito útil. Espero que com isso eu possa sanar as várias dúvidas que recebo semanalmente sobre esse assunto.

O nosso sistema fará a autenticação de um usuário pré-definido em nossa base de dados MySQL.

Criando as tabelas no MySQL

Criaremos as tabelas tb_usuarios e tb_produtos.

tb_usuarios: Contém os dados do usuário cadastrado no sistema.



Efeitos de luz

Introdução

Olá comunidade MXStudio! Vou ensinar para vocês como colocar efeitos de luzes, para dar um aspecto mais legal.

Pré-requisitos

O tutorial foi desenvolvido no Macromedia Fireworks 8, mas é compatível com qualquer versão do software Macromedia Fireworks.

Objetivos

Ensinar para vocês como fazer efeitos usando luzes.

Efeitos de luz

Efeito de luz em texto

1) Abra uma assinatura que você fez, ou alguma imagem, eu vou abrir essa:


12.gif

2) Escrevi Juninho, com a cor branca, eu escrevi com a fonte Alien League:

21.gif

3 ) Escrevi Pernambucano, em baixo do Juninho:



Exibir saudação, data e hora

Segue aqui um simples tutorial para criação, em Flash, utilizando Action Script, de um exibidor de Saudação, data e hora, como no exemplo ano final dos códigos. Vamos a execusão:

Na primeira camada, crie um campo de texto dinâmico e denomine a variável como mostrahoras. Faça mais um quadro chave nessa mesma camada.
Crie mais uma camada e em seu primeiro quadro coloque a seguinte codificação:


relogio = new Date();

horas = relogio.getHours();
//Pega as horas

minutos = relogio.getMinutes();
//Pega os minutos

segundos = relogio.getSeconds();
//Pega os segundos


if(horas<10) {

//se as horas forem menor que 10



Shrek

Esse primeiro artigo será dividido em três etapas: Linhas, preenchimentos e efeitos. Quem já leu meus outros artigos, vai perceber que os textos são um apanhado das partes mais importantes dos artigos anteriores.

shrek.gif

Qual tipo de desenho é possível fazer? Tudo é possível nas 2 dimensões, se você dominar luz, sombra, equilíbrio, perspectiva, simetria, proporção..é..isso leva um bom tempo! Mas não desanime.

Quando passar um tempo de treinamento e olhar seus primeiros desenhos, podem ter certeza que eles não vão ser motivo de vergonha, sim de orgulho! Ninguém pula nenhuma etapa de um longo caminho!



Formas “FLAT” para Web

Titulo: Formas “FLAT” para web
Dificuldade: Fácil
Versão: Photoshop 7 em português (obs: se você possui o inglês, não se preocupe, funciona do mesmo jeito) Primeiro abra o photoshop e crie uma imagem 200×200 (pixel) e com background transparente.

Em seguida, clique na ferramenta “Ferramenta Forma Personalizada” / “Custom Shape Tool” ou pelo atalho (Tecle: U)

1.gif

Repare que surgiu um ícone na barra de ferramentas do topo, observe a imagem abaixo:

img1_2.gif

Ao clicar na seta para baixo, aparecerá um menu com as formas disponíveis. Agora vou mostrar como fazer para carregar todas as formas disponíveis no Photoshop:



Para descontrair no Flash

Aparentemente é uma coisa bem simples, mas acreditem, dá para fazer muitos sistemas interessantes com que vamos estudar hoje.Ele não tem arquivos fonte! É só dar um CTRL+C > CTRL+V em um quadro e pronto. O lance estará funcionando.

Trata-se de um sistema de redimensionamento dos objetos no palco, onde o usuário irá poder aumentar ou diminuir o tamanho dos objetos, bem como mudar suas posições. Não implementei o lance de poder enviar para frente e para trás, mas como dica, estude as funções MovieClip.getDepth e MovieClip.swapDepths.

Todos os objetos no palco devem ter o seu ponto de registro 0, 0 e devem ser do tipo MovieClip.



Desenhando dinamicamente

Bom, hoje iremos aprender como desenhar dinamicamente no Flash.

Mãos à obra?

Para começar, crie dois botões.

A um atribua o nome de instância como: “desenhar_btn” e a outro “apagar_btn” – ambos sem aspas.

Agora selecione o primeiro frame do nosso filme e pressione “F9” para abrirmos a paleta “Actions”.

Cole o código abaixo (está tudo explicado nos comentários):

  1. /* criando o movieclip que desenhará */
  2. _root.createEmptyMovieClip(“linha_mc”, 1);
  3. /* atribuindo o valor “false” para a variável “livre” */
  4. desenhar = false;


Desenhando personagens

Com essa coluna tenho a intenção de ajudar todos vocês a criarem ilustrações para seus sites, apresentações, etc. Essas ilustrações costumam deixar as coisas mais interessantes, além de desenvolver a criatividade de vocês, exercitando-a com esse tipo de criação, afinal, através dessa personagem, abre-se um leque de milhões de possibilidades de criação.

Vamos a criação!

1) Desenhe no palco uma elipse semelhante a da figura abaixo. Eu preenchi a elipse com a cor #99CC00. Como eu sempre digo, não siga a risca o tutorial, use sua criatividade e utilize outras cores. Depois vá ao painel Layers e renomeie-a para “Rosto“. Vamos renomeando as layers para facilitar nosso trabalho mais a frente.