Histórico para o ‘Unip’ Categoria

Você é bom mesmo em HTML?

Tuesday, July 31st, 2007

Um site resolveu testar se você é bom e rápido no HTML.

Como funciona:

Você digita todos os elementos HTML (tags) que você lembra em uma caixa de texto, não é necessário pressionar ENTER. Se a mesma estiver correta, ela é exibida abaixo. e acima mostra quantos elementos faltam. Quando terminar, exibe quais elementos você não acertou.

Números

São 91 elementos no total para você acertar, eu percebi que algumas tags eles não colocaram e com isso não siginifica que você digitou errado.

São apenas 5 minutos para fazer o Quiz. Detalhe que faltando 1 minuto começa um desespero e as vezes um sentimento de “burrice”.

Minha pontuação

No primeiro teste fiz muito pouco, 39 pontos. No segundo fui para 59 pontos, ainda achei pouco.

Mingle2 - Free Online Dating59

Aos espertinhos

Não adianta ser o espertinho e fazer o teste usando uma “cola”, não engane você mesmo, afinal, não está valendo nenhum prêmio.

Acesse o Quiz

Créditos

Meu ex-aluno Michel e Pedro

Composição de Páginas Web | Aula 6

Sunday, July 22nd, 2007

Conteúdo

  • Taxonomia
  • Folksonomia

Aula 6 - download

Composição de Páginas Web | Aula 5

Saturday, July 21st, 2007

Conteúdo

  • Padrões de Interface
  • Recomendações de Tipologia
  • Testes de Usabilidade

Aula 5 - download

Composição de Páginas Web | Aula 4

Friday, July 20th, 2007

Conteúdo

  • Padrões de Interface
  • Case: TecBan

Aula 4 - download

Composição de Páginas Web | Aula 3

Thursday, July 19th, 2007

Conteúdo

  • Pesquisa EyeTrack

Aula 3 - download

Composição de Páginas Web | Aula 2

Saturday, June 30th, 2007

Conteúdo

  • Entendendo seu produto e público-alvo
  • Tipos de dados
  • Principais Informações
  • Diagrama BCG
  • Case UOL

Aula 2 - download

Créditos

Felipe Memória

Composição de Páginas Web | Aula 1

Saturday, June 23rd, 2007

Conteúdo

  • Metodologia de projeto centrada no usuário
  • Processo genérico de desenvolvimento de web sites
  • A importância da experiência do usuário
  • Case BBC

Aula 1 - download

Créditos

Felipe Memória

Projeto - PIM

Tuesday, June 5th, 2007

PIM

Baixe esse arquivo para saber toda a programação do PIM.

Programação do PIM

Estrutura de Condição

Sunday, June 3rd, 2007

IF é uma estrutura de controle utilizada para tomar decisões. É uma condicional que realiza umas ou outras operações em função de uma expressão. Funciona da seguinte maneira, primeiro se avalia uma expressão se o resultado dá positivo realizam-se as ações relacionadas com o caso positivo.

A sintaxe da estrutura IF é a seguinte:

if (expressão) {

   ações a realizar em caso positivo

   …

}

Opcionalmente se podem indicar ações a realizar no caso de que a avaliação da sentença dê resultados negativos.

if (expressão) {

   ações a realizar em caso positivo

   …

} else {

   ações a realizar em caso negativo

   …

}

Observemos várias coisas: Para começar vemos como com umas chaves englobam as ações que queremos realizar no caso de que se cumpram ou não as expressões. Estas chaves devem ser colocadas sempre, exceto no caso de que somente haja uma instrução como ações a realizar, que são opcionais.

Outro detalhe que está descarado é a margem que colocamos em cada um dos blocos de instruções para executar nos casos positivos e negativos. Esta margem é totalmente opcional, somente fizemos assim para que a estrutura IF se compreenda de uma maneira mais visual. As quebras de linhas também não são necessárias e foram assim colocadas para que se veja melhor a estrutura. Poderíamos perfeitamente colocar toda a instrução IF na mesma linha de código, mas isso não ajudará que as coisas estejam claras. Nós, e qualquer programador, aconselhamos que utilizem as margens e as quebras de linhas necessárias para que as instruções possam ser entendidas melhor, hoje e dentro de um mês, quando já não será tão fácil lembrar o que foi feitos em seus scripts.

Vejamos um exemplo de condicionais IF.


if (dia == “Segunda-feira”)

   window.alert (”Que tenha um ótimo começo de semana”)

Se for segunda-feira nos desejará uma ótima semana. Não fará nada em caso contrário. Como neste exemplo somente indicamos uma instrução para o caso positivo, não será preciso utilizar as chaves. Observe também no operador condicional que consta de dois signos “igual”.

Vamos ver agora outro exemplo, um pouco mais comprido.


if (credito >= preço) {

   window.alert(”comprou o artigo ” + novoArtigo) //mostro compra

   carrinho += novoArtigo //coloco o artigo no carrinho da compra

   credito -= preço //diminuo o crédito conforme o preço do artigo

} else {

   window.alert(”acabou o seu crédito”) //informo que lhe falta dinhero

   window.location = “carrinhodacompra.html” //vou à página do carrinho

}

Este exemplo é um pouco mais complexo, e também um pouco fictício. O que faço é comprovar se tenho crédito para realizar uma suposta compra. Para isso, vejo se o crédito é maior ou igual que o preço do artigo, se é assim, informa da compra, coloco o artigo no carrinho e subtraio o preço ao crédito acumulado. Se o preço do artigo é superior ao dinheiro disponível, informo a situação e mando ao navegador à página onde se mostra seu carrinho da compra.

Expressões condicionais

A expressão a avaliar se coloca sempre entre parêntesis e está composta por variáveis que se combinam entre si mediante operadores condicionais. Lembramos que os operadores condicionais relacionavam duas variáveis e devolviam sempre um resultado boleano. Por exemplo, um operador condicional é o operador “é igual” (==), que devolve true no caso de que os operandos sejam iguais ou false no caso de que sejam distintos.

if (idade > 18)

   window.alert(”pode ver esta página para adultos”)

Neste exemplo, utilizamos em operador condicional “é maior” (>). Neste caso, devolve true se a variável idade é maior que 18, com o que se executaria a linha seguinte que nos informa de que se pode ver o conteúdo para adultos.

As expressões condicionais podem ser combinadas com as expressões lógicas para criar expressões mais complexas. Lembramos que as expressões lógicas são as que têm como operandos aos boleanos e que devolvem outro valor boleano. São os operadores de negação lógica, E lógico e O lógico.

if (bateria == 0 && redeEletrica = 0)

   window.alert(”seu aptopvai se apagar em segundos”)

O que fazemos é comprovar se a bateria de nosso suposto computadorestá a zero (acabada) e também comprovamos se o computador não tem rede elétrica (se está fora da tomada). Logo, o operador lógico os relaciona com um E, de modo que se está sem bateria E sem rede elétrica, informo que o ordenador vai se apagar.

A lista de operadores que se podem utilizar com as estruturas IF, podem ser vistos no capítulo de operadores condicionais e operadores lógicos.

Operadores Javascript

Sunday, June 3rd, 2007

Operadores de cadeias

As cadeias de caracteres, ou variáveis de texto, também têm seus próprios operadores para realizar ações típicas sobre cadeias. Apesar do ter somente um operador para cadeias se podem realizar outras ações com uma série de funções pré-definidas na linguagem que veremos mais adiante.

+ Concilia duas cadeias, pega a segunda cadeia a seguir da primeira.

Exemplo

cadeia1 = “ola”

cadeia2 = “mundo”

cadeiaConciliada = cadeia1 + cadeia2 //cadeia conciliada vale “olamundo”

Um detalhe importante que pode ser visto neste caso, é que o operador + serve para dois usos distintos, se seus operandos são números, os soma, mas se se trata de cadeias, as concilia. Isto ocorre em geral com todos os operadores que se repetem na linguagem, javascript é suficientemente esperto para entender que tipo de operação realizar mediante uma comprovação dos tipos que estão implicados nela.

Um caso que seria confuso é o uso do operador + quando se realiza a operação com operadores texto e numéricos misturados. Neste caso javascript assume que se deseja realizar uma conciliação e trata aos dois operandos como se tratasse de cadeias de caracteres, inclusive se a cadeia de texto que temos for um número. Isto veremos mais facilmente com o seguinte exemplo.

meuNumero = 23

minhaCadeia1 = “pedro”

minhaCadeia2 = “456″

resultado1 = meuNumero + minhaCadena1 //resultado1 vale “23pedro”

resultado2 = meuNumero + minhaCadeia2 //resultado2 vale “23456″

minhaCadeia2 += meuNumero //minhaCadena2 agora vale “45623″

Como podemos ver, também no caso do operador +=, se estamos tratando com cadeias de texto e números misturados, tratará aos dois operadores como se fossem cadeias.

Operadores lógicos

Estes operadores servem para realizar operações lógicas, que são aquelas que dão como resultado um verdadeiro ou um falso, e se utilizam para tomar decisões em nossos scripts. Ao invés de trabalhar com números, para realizar este tipo de operações se utilizam operandos boleanos, que conhecemos anteriormente, que são o verdadeiro (true) e o falso (false). Os operadores lógicos relacionam os operandos boleanos para dar como resultado outro operando boleano, tal como podemos ver no seguinte exemplo.

Se tenho fome e tenho comida, então irei comer

Nosso programa javascript utilizaria neste exemplo um operando boleano para tomar uma decisão. Primeiro irá ver se tenho fome, se é certo (true) irá ver se disponho de comida. Se são os dois são certos, poderá comer. No caso de que não tenha comida ou de que não tenha fome não comeria, assim como se não tenho fome nem comida. O operando em questão é o operando Y, que valerá verdadeiro (true) no caso de que os dois operandos sejam verdadeiros.

! Operador NO ou negação. Se é true passa a false e vice-versa.

&& Operador Y, se são os dois verdadeiros vale verdadeiro.

|| Operador O, vale verdadeiro se pelo menos um deles for verdadeiro.

Exemplo

meuBoleano = true

meuBoleano = !meuBoleano //meuBoleano agora vale false

tenhofome = true

tenhoComida = true

comoComida = tenhoFome && tenhoComida

Operadores condicionais

Servem para realizar expressões condicionais mais complexas que desejarmos. Estas expressões se utilizam para tomar decisões em função da comparação de vários elementos, por exemplo, se um número é maior que outro ou se são iguais. Os operadores condicionais se utilizam nas expressões condicionais para tomar decisões. Como estas expressões condicionais serão objeto de estudo mais adiante será melhor descrever os operadores condicionais mais adiante. De qualquer forma, aqui podemos ver a tabela de operadores condicionais.

== Comprova se dois números são iguais

!= Comprova se dois números são distintos

> Maior que, devolve true se o primeiro operador for maior que o segundo

< Menor que, é true quando o elemento da esquerda for menor que o da direita

>= Maior igual.

<= Menor igual

Estes são muito pouco correntes e é possível que você nunca chegue a utilizá-los. Seu uso se realiza para efetuar operações com zeros e uns. Tudo o que maneja um computador são zeros e uns, a pesar de nós usarmos números e letras para nossas variáveis na verdade estes valores estão escritos internamente em forma de zeros e uns. Em alguns casos, poderemos necessitar realizar operações tratando as variáveis como zeros e uns, e para isso, utilizaremos estes operandos. Nesta manual se tornaria um pouco extenso demais se realizássemos uma discussão sobre este tipo de operadores, mas aqui você poderá ver estes operadores por acaso algum dia fizer falta.

& Y de bits

^ Xor de bits

| O de bits

<< >> >>> >>>= >>= <<= Várias classes de mudanças

Precedência dos operadores

A avaliação de uma sentença das que vimos nos exemplos anteriores é bastante simples e fácil de interpretar, mas quando em uma sentença entram em jogo uma infinidade de operadores diferentes pode haver uma confusão na hora de interpretá-la e avaliar quais operadores são os que se executam antes que outros. Para marcar umas pautas na avaliação das sentenças e que estas se executem sempre igual e com sentido comum existe a precedência de operadores, que não é mais que a ordem pela qual se irão executando as operações que eles representam. À princípio todos os operadores se avaliam da esquerda para a direita, mas existem umas normas adicionais, pelas quais determinados operadores se avaliam antes que outros. Muitas destas regras de precedência foram tiradas das matemáticas e são comuns a outras linguagens, podemos vê-las a seguir.

() [] . Parêntesis, colchetes e o operador ponto que serve para os objetos

! - ++ — negação, negativo e incrementos

* / % Multiplicação, divisão e módulo

+- Soma e diferença

<< >> >>> Mudanças a nível de bit

< <= > >= Operadores condicionais

== != Operadores condicionais de igualdade e desigualdade

& ^ | Lógicos a nível de bit

&& || Lógicos boleanos

= += -= *= /= %= <<= >>= >>>= &= ^= != Atribuição

Nos seguintes exemplos podemos ver como as expressões poderiam chegar a ser confusas, mas com a tabela de precedência de operadores poderemos entender sem erros qual é a ordem pela qual se executam.

12 * 3 + 4 - 8 / 2 % 3

Neste caso, primeiro se executam os operadores * / y %, da esquerda a direita, com o qual se realizariam estas operações. Primeiro a multiplicação e logo a divisão por estar mais à esquerda do módulo.

36 + 4 - 4 % 3

Agora o módulo.

36 + 4 - 1

Por último as somas e as diferenças da esquerda para direita.

40 - 1

39

De qualquer forma, é importante se dar conta que o uso dos parênteses pode nos economizar muitos quebra-cabeças e, sobretudo, a necessidade de sabermos de memória a tabela de precedência dos operadores. Quando virmos pouco claro a ordem com a qual se executarão as sentenças podemos utilizá-las e assim, forçar que se avalie antes o pedaço da expressão que se encontra dentro dos parênteses.