Artigos marcados com web

Acessibilidade na Web

Publicado por Sergio Novelli em 07/03/2010

Há muitos anos acompanhamos as incríveis novelas da Rede Globo e de outras emissoras. Isto é um programa padrão de todas as noites para o brasileiro. Há anos também, vemos histórias fantásticas de superação e vitória pessoal de personagens que, mesmo sendo fictícios, nos trás à tona duras realidades para muita gente espalhada pelo mundo.

Neste ano, o que está impressionando é a Luciana, personagem da atriz Alinne Moraes na novela Viver a vida, que traz uma realidade muito complexa de ser superada por centenas de pessoas no mundo inteiro: a tetraplegia. Nos últimos capítulos, entrou em cena a possibilidade de usar o transplante com células-tronco para sua recuperação total, o que toca em outro assunto muito polêmico.

Mas o ponto que quero chegar mesmo é o da acessibilidade na web que a personagem vem demonstrando, ao sua irmã colocar no ar um blog sobre seu dia-a-dia e, dias depois, esse blog se tornar realidade na internet. Aproveitando o embalo do assunto abordado pela novela, a prefeitura de São Paulo com o apoio do Instituto Mara Gabrilli (IMG), estreou no último dia 24 um portal focado ao público com deficiências físicas, visuais e auditivas.

O portal traz inúmeros recursos dando um verdadeiro exemplo de acessibilidade à todos e traz matérias interessantes com pessoas tetraplégicas na vida real e profissionais, como a psicóloga e publicitária tetraplégica Mara Gabrilli, de 42 anos.

Por mais que tenhamos inúmeros motivos para criticar a programação de baixa qualidade dos canais de TV aberta, dessa vez, todos nós, principalmente os profissionais da web temos um bom motivo para parabenizar a Rede Globo e o autor da novela pela iniciativa, buscando o fim do racismo e menosprezo aos menos favorecidos na web.

Aos profissionais da web também fica o grande exemplo para ser lembrado e copiado durante o desenvolvimento de seus projetos.

Acessibilidade é tudo! A internet é de todos!


A incompatibilidade dos navegadores

Publicado por Sergio Novelli em 07/03/2010

Desenvolver para a web é um desafio, quando se trata de deixar o projeto compatível com todas as formas de acesso possível que o usuário final pode usar. Na minha opinião, o correto mesmo é utilizar os padrões W3C e tentar “re-ensinar” ao usuário a usar os navegadores que seguem esses padrões, pois assim “obrigamos” os fabricantes que não seguem, a seguirem o W3C Standards na hora de desenvolver e atualizar os seus navegadores.

Abaixo está uma explicação mais simples e objetiva dessa idéia, escrita por Nilton Américo, no Profissionais TI.

Os serviços de TI cresceram muito nos últimos 10 anos. Hoje, podemos contar com uma grande variedade de ferramentas disponíveis e algumas delas são os navegadores de internet que, com o crescimento da rede, a cada ano vem tendo mais e mais empresas interessadas em seu desenvolvimento.

Podem notar que no artigo do nosso amigo Jackson que existem muitos navegadores de internet disponíveis para todos os gostos, porém, temos 2 campeões de usuários: o Internet Explorer e o Firefox. Ambos são diferentes em alguns pontos na hora de interpretar os códigos HTML e por isso, comprometem o design e funcionalidades de sites. A situação fica ainda pior quando você tem sistema web que, por exemplo, vai gerar um erro ao concluir um cadastro porque os desenvolvedores utilizaram como padrão apenas o Internet Explorer, principalmente quando usam programação Microsoft, onde alegam que a maioria dos usuários de seus sistemas utilizam apenas o navegador “Microsoftiano”. Será que é essa a nossa realidade?

Claro que não! Hoje temos mais opções de escolha (Firefox, Chrome, Opera e etc) onde o usuário pode optar por usar navegadores que ele se sentir mais seguro e confiante, portanto, quando forem iniciar um projeto ou implantar alguma ferramenta na web, certifiquem-se que o site/sistema esteja compatível com pelo menos os 2 principais navegadores do mercado. Pode dar mais trabalho desenvolver desta forma, mas depois de implantado você pode trocar de navegador quando for necessário, tendo a certeza de que o usuário verá exatamente o que você quis que ele visse.

E você, desenvolvedor, testa seus sites e sistemas em quantos navegadores? Como é sua forma de trabalho? Deixe seu complemento para os iniciantes na área :)


Programas essênciais para um webdesigner/programador web

Publicado por Sergio Novelli em 03/03/2010

Há tempos venho prometendo aos leitores que faria um post com toda a relação dos principais programas que utilizo diariamente em meu trabalho e que considero essenciais para qualquer profissional da área. Demorei a montar esse post exatamente porque quis fazer uma “filtragem” em todos os programas que tenho instalado no computador, separando os que são realmente necessários dos que não são tanto assim… :) .

Os critérios para considerá-los essenciais foram a frequência de utilização, a funcionalidade do software e a quantidade de similares que existe e a qualidade de todos os softwares de cada área. Para ficar mais fácil, vou separar por funcionalidades:

Desenvolvimento web (layouts):

Adobe Photoshop CS4

> Photoshop CS4: Quem trabalha com web com certeza utiliza ou já utilizou o bom e velho photoshop. Esta última versão trouxe grandes novidades na área de editoração de fotos e recursos de animações. Porém, para se montar um layout basta as funcionalidades básicas encontradas em todas as versões e, nesta versão, não houve muitas mudanças. O que posso destacar é a funcionalidade de abrir documentos por abas, a alteração de algumas teclas de atalho e a liberdade criada para navegar pela arte em qualquer modo de visualização.

> Fireworks: Este é um excelente software. Apesar de a Adobe ter feito a versão CS4, ele não será continuado e, provavelmente suas funcionalidades exclusivas serão adicionadas aos poucos nas novas versões do Photoshop. Tem muitos profissionais que preferem ele ao photoshop, mas eu particularmente nem o instalo em minhas estações de trabalho.

> Ilustrator: Esta é uma boa alternativa ao coreldraw para quem desenvolve logotipos, desenhos gráficos e artes impressas, principalmente pela sua ótima compatibilidade com os demais produtos Adobe.

Desenvolvimento web (estruturação/programação):

Adobe Dreamweaver CS4

> Dreamweaver CS4: Este é o mais famoso e mais utilizado software de estruturação de sites/sistemas e programação web. Sua principal vantagem em relação à grande maioria dos concorrentes é poder visualizar em tempo real a estrutura que se está montando (quando utilizando HTML, é claro). Esta última versão trouxe grandes novidades, principalmente para programadores.

> PHPDesigner: Este é um excelente software de edição de código que se assemelha muito ao Dreamweaver. Sua principal vantagem é um gerenciador de projetos/tarefas e também do destaque da linha atual (recursos não existentes no DW-CS4).

> Notepad++: Este é um editor de códigos essencial para quando queremos visualizar o código fonte de um arquivo de forma rápida, legível e fácil de enteder. Sinceramene, há até quem o utilize como editor padrão para programação, uma vez que ele tem suporte para dezenas de linguagens diferentes garantindo coloração e identação do código.

FTP:

> Filezilla: Este é disparado o melhor software para acesso direto via FTP ao servidor, muito útil para a transferência de grande quantidade de arquivos de uma única vez. O software tem atualizações constantes, o que garante segurança na transferência de arquivos e tem inúmeros recursos para serem configurados.

Banco de Dados:

> MySQL Query Browser: Se você precisa de um software para acessar seu banco de dados via acesso remoto, este é o mais indicado. Além de ser gratuito, é indicado pelo site oficial do mysql e tem inúmeros recursos importantes para a hora de criar e manipular seu banco de dados. É muito fácil de configurar e seu acesso remoto é aceito pela maioria dos servidores de banco de dados.

DBDesigner

> DBDesigner: Este é um dos mais utilizados e conceituados softwares para estruturação de banco de dados. Com ele você consegue criar todas as tabelas de sua base e todos os seus relacionamentos, criando uma visão perfeita de como será a estrutura inicial do banco de dados do seu projeto. Além disso, ele oferece recursos muito úteis como a exportação do código SQL e em forma de arquivo, além da possibilidade de sincronização com o banco de dados remoto.

Navegadores:

> Mozzila Firefox: Hoje o navegador da Mozilla está entre os melhores e mais seguros dos existentes. Ele se adapta à todos os padrões web ditados pela W3C, é rápido e tem um infinidade de complementos para serem adicionados à ele que traz ao nosso trabalho diário muito mais acessibilidade e facilidade.

> Google Chrome: Este é um navegador que está se destacando muito por suas características como leveza, rapidez, estabilidade e principalmente por inúmeros recursos em forma de complementos que aumentam ainda mais suas vantagens. Ele também se adapta muito bem aos padrões web e já tem suporte garantido aos caçulas HTML5 e CSS3.

Acessórios úteis:

Lightscreen: Este é um acessório indispensável para a hora de capturar toda ou parte de sua tela, com inúmeras configurações que deixam o programa suprindo todas as suas necessidades.

Edraw Mind Map

Edraw Mind Map: Este software tem uma função muito importante na hora de iniciar um projeto: a de estruturar visualmente todo o projeto de forma a exibir claramente todas as páginas que o site/sistema terá e dar uma base à toda a equipe de trabalho sobre o quê, quando e como fazer cada um dos recursos a serem desenvolvidos no projeto.

Google Picasa: Para quem tem uma infinidade de fotos ou imagens no pc esta é uma excelente alternativa como visualizador padrão de imagens. Ele é capaz de abrir dezenas de tipos de imagens, podendo gerar imagens de pré-visualização até mesmo de arquivos .psd, bastando configurá-lo para isso. Além disso, ele consegue fazer a sincronia perfeita com o picasa online, onde é possível criar dezenas de álbuns de fotos.

Free Download Manager: Esse é um gerenciador de download muito especial, que consegue rastrear os navegadores e a área de transferência do windows para, toda vez que você clicar em um link para baixar qualquer coisa da web, ele entrar em ação e fazer de forma rápida o download para você. Além disso, com ele é possível parar o download e continuar em outro momento, sem precisar reiniciá-lo do zero.

Esses são os prograrmas que uso diariamente e tenho instalado tanto no notebook como no meu pc do trabalho. Recomendo sua utilização, mas é claro que existem outros programas similares a eles que também podem ser utilizados.

E quem quiser, pode indicar outros programas nos comentários. Todas as dicas serão muito bem-vindas.