Posts da Categoria 'Web'
Minha idéia inicial era escrever sobre a validação de campos de formulário, uma operação relativamente simples, com o uso da ferramenta AJAX. Mudei de rumo (fica para outra oportunidade, a ver se interessa) em função do que digo um pouco mais abaixo (vocês, certamente, vão descobrir) para abordar dois aspectos relacionados, que considero, como os principais e os mais importantes, sobre o assunto:
- Usabilidade;
- Validação do lado do servidor com a linguagem utilizada na aplicação em uso ou em desenvolvimento e/ou do lado do cliente com JavaScript.
Quanto ao primeiro item a boa prática recomenda que devemos fazer o possível (ou até o impossível) para impedir que erros ocorram. E, se por acaso, não puder ser feito procure informar (o “jeito” deixo por sua conta) a seus usuários os erros ocorridos tão logo possa.
Ler Mais... novembro 30th, 2006
A partir da dica fornecida pelo Lucas Alves (comentário #14) penso ter solucionado a questão colocada pelo Henrique Costa Pereira no artigo O Internet Explorer 7 e como manter a versão 6 instalada no Windows XP.
Resultado obtido com a versão do IE 7 com o topo quebrado:
Ler Mais... outubro 21st, 2006
A barra a que o título se refere é composta de nove links dispostos em três colunas com fundo cinza claro e, se tudo está de acordo com o esperado, encontra-se exibida no início da página. Caso contrário, selecione no rótulo Temas da Home, localizado na barra de navegação lateral à sua direita, o de nome Viche 3.
Foi desenvolvida com o uso da função Effect.toggle(element, effect) das bibliotecas script.aculo.us versão 1.6.4 e Prototype versão 1.5.0_rc1. Seu funcionamento se traduz no famoso clica-abre (se fechado) e clica-fecha (se aberto) em cada link da barra.
Ler Mais... outubro 12th, 2006
Uma das coisas que acho trabalhosa no WordPress é editar código.
Visualmente no editor do WP, quando se digita um trecho de código, tudo parece funcionar as mil maravilhas. Os problemas surgem quando se aciona o botão salvar ou publicar do editor. Ele destroi toda a indentação, importante para uma leitura mais adequada do código, e faz uns ajustes automáticos no HTML que geram, as vezes, resultados imprevisíveis.
Esse comportamento, talvez, seja decorrência do fato de o WP ter sido criado, também e principalmente, para quem não conhece a linguagem de marcação.
Questionei algumas pessoas sobre esses fatos e, para minha surpresa, as dificuldades que elas tinham eram muito semelhantes. Utilizo-me bastante do Writely para a edição dos meus posts, mas os problemas permanecem, tanto na publicação a partir desse editor, como através da velha e conhecida técnica de copiar e colar.
Se não me engano, li também, provavelmente por conta dessas deficiências, que outras pessoas utilizam plugins para substituir o editor padrão do WP. Se é de seu conhecimento e funciona, agradeceria se você deixasse a sua indicação nos comentários.
Eu, do lado de cá, fiz uma rotina simples em AJAX para, paliativamente, solucionar os (meus) problemas mencionados e que disponibilizo a seguir para sua apreciação e julgamento.
Ler Mais... agosto 29th, 2006
Motivado pelo Desafio do Maujor, recém concluído com a vitória do excelente trabalho do Sérgio Burlamaqui, criei o tema Viche para o Blog.
Não é pretensão, nem de longe, fazer comparações, pois não sou Web Designer (e mesmo que fosse). Apenas dedico um pouco de meu tempo lendo (praticando, nem tanto) assuntos relacionados à área e da qual sou admirador de carteirinha. Quem sabe ainda chego lá um dia.
Os demais temas continuam disponíveis para você selecionar aquele que é de seu agrado. Se nenhum deles atender seus critérios de estética ou de leitura a culpa, pelo menos, não será totalmente toda minha, uma vez que alguns deles permanecem praticamente como o seu autor o desenhou.
Para quem já escolheu um como padrão, dê pelo menos uma olhada no novo, sem compromissos. Para isto é só selecionar na aba Temas na barra de navegação o de mesmo nome do Blog.
Não tenho nenhum prêmio para oferecer, mas se você desejar fazer sugestões, garanto, serão muito bem recebidas e avaliadas (olha só! até parece que sou um profundo conhecedor).
Finalmente, registro que enviei um desenho para o Desafio do Maujor mais como uma forma de agradecer ao Mestre que nos presta tão bons serviços do que para vencer (óbvio demais). Ele topou publicar e eu ganhei um bondoso voto - juro de pés juntos que não foi o meu -, ao qual agradeci nos comentários do Resultado do Desafio e o faço novamente agora.
agosto 19th, 2006
O detalhamento do código do experimento deve ser encarado como um exercício de um aprendiz em AJAX, como claramente explicitado no post original.
O que me motivou a compartilhar com vocês os detalhes foi a divulgação do experimento no Blog da Visie, pelo Elcio Ferreira, algumas (confesso, não muitas) solicitações enviadas através do formulário de contato do VICHE e, por último, o artigo publicado no Blog do Maujor.
Em função desse artigo, os botões (<input type=”button”>) foram substituídos por ícones (<input type = “image”>). Como consequência houve mudanças no código do experimento que passou a funcionar com múltiplos submit’s no formulário. A abordagem no Blog do Maujor é derecionada especificamente para questões de acessibilidade em que confronta as duas versões do experimento.
Esclareço que os ícones são utilizados em uma aplicação Web da Empresa em que atualmente trabalho, reforçando o comentário postado pelo Maurício em seu artigo. E, além do manual de operação, na maioria de seus formulários tem um ícone de ajuda, que acionado, exibe informações sobre a funcionalidade dos ícones utilizados acrescida das de preenchimento de seus campos
Ler Mais... junho 10th, 2006
O VICHE entrou definitivamente no espírito da Copa. Primeiro com pequenas mudanças no layout padrão - o qual pode ser “recuperado” na barra lateral de navegação no rótulo Temas -, e agora com um experimento que disponibiliza a tabela de jogos da primeira fase da competição, feito com a ferramenta AJAX.
O experimento é composto de consultas que se utilizam:
- do CSS Framework de Mike Stenhouse, com adaptações;
- de três tabelas MySQL (seleções, jogos e fases);
- de um programa em PHP; e
- de uma rotina bem simples em AJAX.
Os dados e os ícones das bandeiras dos países, apresentados no experimento, foram obtidos no site oficial da FIFA. A única mudança foi a dos horários dos jogos, com a redução de 5 horas correspondente ao fuso entre o Brasil e a Alemanha.
BRASIL HEXA!!! A emoção vai começar e a nossa torcida também.
maio 21st, 2006
Como uma pequena retribuição ao aprendizado obtido por mim e que, com certeza, ainda obterei, com os excelentes artigos e tutorais publicados no iMasters por seus articulistas e sua equipe, registro, com grande prazer, a sua adesão aos padrões Web.
Para conhecer os detalhes de como se deu todo o processo de migração, nada melhor do que visitar o blog do Maujor que publicou, com exclusividade, uma bela entrevista com o jovem André Metzen do iMasters, responsável direto pela codificação. Ambos, o entrevistador e o entrevistado, estão de parabéns.
Ainda mais, foi lá no iMasters, que passei a conhecer um dos mais completo site brasileiro sobre CSS e Web Standards.
abril 22nd, 2006
Registro e submeto às críticas e sugestões meu primeiro experimento com a ferramenta AJAX. Atualmente, sou aluno do módulo AJAX I do curso online da Visie Treinamentos Web.
O experimento tem como objetivo demonstrar algumas funcionalidades dessa ferramenta sem a preocupação de um tratamento rigoroso de alguns procedimentos normalmente exigidos em uma aplicação comercial.
Trata das velhas e conhecidas operações de manutenção de uma tabela de dados - incluir, alterar, excluir e consultar -, bem simples, onde utilizo a técnica de passagem de parâmetros através da URL (”?’ e “&”) para um programa PHP que se encarrega de operacionalizar, do lado do servidor, essas tarefas. É claro que poderia ser adotado outros mecanismos para a passagem de parâmetros.
As respostas do programa PHP são retornadas no formato JSON. Por esta razão os caracteres “[”, “]”, ‘ e “,” são eliminados dos campos antes da gravação na tabela.
Pela simplicidade da rotina desenvolvida não vale a pena me alongar em explicitar detalhes. Veja funcionando e dê o seu feedback. Fico na esperança de que tenha alguma utilidade.
março 12th, 2006
Em vista do número de visitas ao VICHE originadas a partir dos dois últimos trabalhos publicados por mim, resolvi disponibilizar aqui seus links de acesso:
- Blix Theme: publicado no CSS Table Gallery, de Chris Heillman. Experimento destinado a exercitar sua criatividade manipulando uma tabela 100% por CSS;
- Snowdrop: tema publicado no Gigastyle, de Mark Creeten. Baseado na idéia original do CSS Zen Garden, de Dave Shea. Inspirado no tema Farol publicado no Revolução do CSS e nas cores da bandeira brasileira já que estamos em tempo de Copa do Mundo de Futebol.
fevereiro 28th, 2006
Previous Posts
