thegoodfellas/blogset-br huggingface dataset:
a pessoa com quem seu cliente queira fazer negocio, sendo profissional e capacitado. 4. Certifique-se de que deseja fazer negocios com seu cliente. E uma via de mao dupla. 5. Aprenda sobre o negocio do seu cliente. 6. Indique clientes anteriores que estao plenamente satisfeitos com o seu trabalho. 7. Nao va abaixo do seu preco minimo, a nao ser que tenha de faze-lo ou queira faze-lo. 8. Nao entregue uma proposta ou informacao especifica sobre o seu projeto antes de ter certeza que o cliente esta realmente interessado em contrata-lo (e que nao esta contactando mais de tres outras empresas). 9. Faca boas estimativas. 10. Nao importa se voce gosta ou se o cliente gosta. A unica coisa que importa e se o usuario do site vai gostar. 11. Se voce esta pronto para fechar o negocio, nao saia sem um termo de compromisso. Dez segredos para produzir sites web 1. Use uma nomeclatura consistente. 2. Padronize os tamanhos dos graficos criando uma hierarquia: titulos, subtitulos, grafico grande, grafico medio, grafico pequeno, amostras, etc. Use o menor numero de classes possivel. 3. Use uma palette otimizada para as imagens em cada classe. Use sempre a mesma palette para uma determinada classe. 4. Insira comentarios nas suas paginas HTML, de forma a dar informacoes para os projetistas e pessoal responsavel pelo conteudo. 5. Use exatamente os mesmos comandos em paginas diferentes para facilitar futuras buscas e substituicoes. 6. Em paginas grandes, remova os comentarios e elimine saltos de linha na versao final que sera publicada no site. 7. Use o maximo de recursos que sua ferramenta oferece e atualize a versao desta ferramenta com frequencia. 8. Faca copias de seguranca do seu site. 9. Verifique como o seu site aparece tanto no Microsoft Internet Explorer quanto no Netscape Navigator. Se possivel, teste tanto nas versoes 3.0 quanto nas versoes 4.0 destes dois browsers. 10. Teste, teste e depois teste tudo de novo. Tenha sempre uma versao alfa ou beta disponivel para que seja possivel fazer testes e dar opinioes. Voltar Copyright (c) 1998 - Alexandre Barreto SITES DE 3a. GERACAO A Web evoluiu muito nos ultimos anos. Estamos agora na versao 4.0 dos browsers (Microsoft Internet Explorer e Netscape Navigator) e as paginas Web evoluiram no mesmo ritmo. Entretanto, a classificacao dos sites em geracoes nao tem relacao direta com os recursos oferecidos pelos browsers. Os requisitos para ser classificado como um site de terceira geracao estao mais relacionados ao design do que propriamente a tecnologia... A primeira geracao Os primeiros sites na Web previlegiavam apenas o conteudo e nao a forma. Foram criados por cientistas que desejavam compartilhar suas ideias com outros cientistas. Eles eram estritamente lineares e tinham um minimo de funcionalidade. Na primeira geracao, nota-se claramente a limitacao imposta por modems lentos e monitores monocromaticos. Os graficos e textos eram apresentados sempre de cima para baixo e da esquerda para a direita. Era muito comum o uso de saltos de linhas, marcadores e linhas horizontais como recursos para separar paragrafos. A segunda geracao No inicio de 1995, foram lancadas
diversas extensoes a linguagem HTML no browser Netscape Navigator (que entao dominava sozinho a web). A evolucao nos sites surgiu na forma de icones, imagens de fundo, botoes com bordas, tabelas e graficos mapeados. A estrutura deixa de ser linear para ser apresentada de forma hierarquica, quase sempre atraves de menus com varios niveis. A maior diferenca da segunda geracao para a primeira foi a substituicao de palavras por elementos graficos. As funcoes passam a ser representadas por icones, surgem imagens de fundo ao inves dos antigos fundos cinzas, os graficos coloridos e animados substituem as antigas figuras. Cria-se o conceito de "home-page": uma pagina cheia de desenhos 3D, janelas e botoes, que serve de menu para acessar o restante de um site. Nesta epoca, a legibilidade deixou de ser importante. Para ter um bom site, era necessario mostrar uma grande quantidade de truques tecnicos. Sites de terceira geracao O que diferencia a terceira geracao das demais nao sao os recursos tecnologicos. A grande diferenca esta no design. A ideia e dar aos usuarios uma boa sensacao. As pessoas mais habilidosas conseguiram criar sites de terceira geracao usando qualquer browser grafico. Na terceira geracao, o conteudo volta ao seu lugar de destaque. Entretanto, a forma nao e mais deixada de lado. Ha uma preocupacao simultanea com funcionalidade e beleza estetica. Ha grande preocupacao no layout preciso, na harmonia entre as cores, na escolha do tipo de letra adequado, no uso correto dos graficos e no tempo para carregar cada pagina. Acima de tudo, ha um compromisso de ser agradavel (em todos os sentidos) ao usuario. Os projetistas destes novos sites utilizam metaforas e modelos psicologicos dos consumidores. Assim como os arquitetos que fazem os shopping centers, eles passam horas e ate dias pensando em como tornar suas paginas mais atraentes aos seus usuarios. Criar sites de terceira geracao e um trabalho arduo, que exige dedicacao e uma grande sentimento daquilo que agrada o seu publico-alvo. Em geral envolve o trabalho de uma equipe que precisa trabalhar unida para fazer cada pagina ser bonita e o site como um todo funcionar como uma boa experiencia para o usuario. O Restaurante E interessante a comparacao de um site web com um restaurante. Voce descobre um restaurante atraves de um amigo, de um anuncio ou passando por acaso por ele. Voce le cartazes ou faixas com ofertas do lado de fora, para na entrada e sente o clima e o cheirinho da comida. Estando na porta, voce decide se vai ou nao entrar. Em um restaurante popular, voce ate pode esperar em uma fila para conseguir uma mesa. Se voce ficar, sera levado a uma mesa e la lhe mostrarao um cardapio. Voce faz a sua escolha. Quando a comida chega, voce aprecia o prato. Tanto a comida como a sua arrumacao no prato sao obra do chef. Voce prova um ou outro item, mistura alguns para experimentar o sabor. No final, voce escolhe uma sobremesa, pede a conta e paga. Voce deixa uma gorjeta e pode ate conversar um pouco com o maitre ou
o dono. Depois, quando sentir fome novamente, podera voltar ou nao, de acordo com a qualidade da sua primeira experiencia. Pense na Web como uma cidadezinha aconchegante com meio milhao de restaurantes. Quarta geracao? Muitas pessoas acreditam que os sites de hoje sao de quarta geracao, pelo simples fato de terem sido projetados para visualizacao com a versao 4 dos browsers. Outros acreditam que a quarta geracao sao os sites com paginas dinamicas e acesso a banco de dados. Nada disto e verdade. O que define a geracao de um site nao e a tecnologia usada para construi-lo, mas o seu design. Um bom projetista pode criar um site de terceira geracao que possa ser visualizado com o Netscape 1.1. Um site que explora recursos do Internet Explorer 4.0 pode ser de segunda geracao. Paginas de Entrada Uma caracteristica tipica de um site de terceira geracao e a pagina de entrada. Ao inves de mostrar diretamente ao usuario o seu menu de opcoes, voce o convida a ver uma pagina inicial, uma porta de entrada ou uma "Splash Screen". Em alguns sites, existe uma sequencia de paginas de entrada, formando um tunel ou corredor. A ideia e simples: fazer com que o usuario sinta o que encontrara dentro do site. O usuario deve sentir-se atraido a continuar, seja por estimulos positivos ou por um certo grau de suspense. Algumas paginas usam tuneis (varias paginas de entrada), mas neste caso o risco e grande. Se nao for muito bem elaborado e atraente, um tunel podera afastar usuarios ao inves de atrai-los. Nunca use mais de quatro paginas. Tenha um link direto para a pagina principal para o caso do usuario nao desejar passar pelo tunel. Um defeito basico a evitar nas paginas de entrada e um tempo grande para carrega-las. Se a sua pagina de entrada demorar mais de 15 segundos para aparecer (levando em conta a velocidade mais comum dos modems), o seu usuario podera nunca chegar ao seu menu de opcoes. Pelo contrario, ele acabara procurando uma pagina mais interessante no C@de. Outro defeito e tentar fazer o usuario se registrar logo na entrada. Frases do tipo "registre-se aqui de graca" nao funcionam mais. Se voce deseja realmente que as pessoas se registrem, voce deve dar algo a elas, antes. Um registro na sua pagina ou tunel de entrada significa uma barreira que vai apenas espantar a maioria dos seus usuarios. Pagina Principal Ao contrario da geracao anterior, os sites de terceira geracao podem ter uma ou varias paginas basicas (home-pages), como uma forma de organizar ou apresentar o seu conteudo. Alguns sites simplesmente nao possuem uma pagina principal. Na terceira geracao, as paginas principais devem ter conteudo, alem de servirem como ligacao com as demais paginas. Nao tenha medo de orientar o seu visitante. Inclua varios links para outras paginas do site em cada pagina. Tenha sempre algo interessante em cada pagina. Se o seu site vende produtos, deve haver um link para o catalogo em quase todas as paginas do site. Se voce tem um formulario online para venda
do seu software, tenha um link para ele em todas as paginas que falarem deste software. Se voce deseja que o usuario preencha uma pesquisa, faca com que o link apareca em cada pagina. A maioria das pessoas nao vai clicar nestes links na primeira vez, mas eles acabarao clicando quando estiverem prontos. Iscas Utilize iscas para atrair os visitantes ao seu site. Fofocas, noticias, promocoes de vendas, software gratis, arquivos com sons, fotos da loura do tchan e receitas culinarias sao coisas que atraem usuarios para sites de terceira geracao. Se voce quer atrair donos de cachorros, crie uma secao "anatomia de uma pulga" ou "catalogo de racas de caes". Se voce quer atrair amantes de cinema, tenha uma lista dos filmes mais alugados na semana. Na web, estas iscas costumam ser chamadas de "coisas gratis" (free stuff). Se voce der coisas gratis, mais usuarios passearao pelo seu site. Use a imaginacao! Pense em alguma coisa que o seu publico alvo goste de ver, ouvir ou falar. Quando os usuarios comecarem a dar o endereco do seu site para os amigos, a coisa estara dando certo. Porem, cuidado! Quanto mais coisas gratis voce der, mas os usuarios vao querer. Prepara-se, entao, para continuar dando sempre mais coisas gratis. Paginas de saida Ao contrario do que possa parecer a primeira vista, um link para a saida do seu site nao fara os usuarios irem embora. Mostrar uma pagina (ou tunel) de saida faz com que os usuarios sintam que estao saindo e reflitam: "sera que eu ja visitei tudo o que queria neste site?". Anunciar a saida tambem cria uma certa expectativa. Vale a pena perder um pouco de tempo para criar um saida realmente interessante. Nao e bom, entretanto, fazer muito alarde. Deve haver um link sutil, sem destaque a mais ou a menos. Sem encorajar o usuario a sair, mas ao mesmo tempo mostrando que existe esta opcao. A pagina de saida e tambem um bom lugar para perguntar algo ao seu usuario. Voce pode pedir para que ele preencha um formulario, ligue para o seu numero 0800, participe no sorteio de um premio, assine uma lista de discussao ou coisas do genero. Neste ponto, o usuario deve estar satisfeito com a experiencia e pode estar disposto a lhe dar algo em retorno. O "grande final" pode ainda incluir um ultimo comentario sobre o tema, uma lista de sites relacionados na Internet ou similares. Mudancas Se voce tem um site, com certeza deseja entrar para o "bookmark" ou a "lista de favoritos" do seu usuario. Se a sua pagina principal for muito boa, isto pode acontecer. Se as iscas o levaram ate la, ele voltara para checar as novidades. Seu site, entao, pode ser beneficiado por mudancas. Se voce planeja mudar seu site uma vez por mes, e melhor nem se dar a esse trabalho. E como se ele fosse estatico. Um site que muda semanalmente e tem informacoes interessantes pode atrair alguns usuarios. Paginas que possuem conteudo novo e atraente diariamente sao uma certeza de um grande numero de
acessos. O ideal e colocar as novidades em destaque logo na pagina principal e nao criar um link para uma pagina "novidades". Se as novidades sao realmente interessantes, elas merecem um lugar de destaque no seu site. Metaforas Um dos elementos tipicos de um site de terceira geracao sao as metaforas. Criando um site que lembra algo do mundo real, voce torna a navegacao mais facil e ajuda a dar uma coerencia ao seu site. Metaforas devem ser conhecidas, consistentes e apropriadas para a velocidade de acesso do seu usuario. Elas fazem o usuario se sentir a vontade, dao a ele um sentimento de que ja sabe navegar pelo site. Uma boa metafora pode tambem levar o usuario a explora-lo por inteiro, para descobrir ate onde ela pode chegar... As metaforas mais comuns sao galerias, museus, revistas em quadrinhos, lojas, canais de televisao, shopping centers, livros, jornais, estantes, parques de diversao, pessoas, computadores, animais, fazendas, predios, cidades e todo tipo de construcao, ser ou objeto do mundo real. Metaforas sao um meio de exploracao. Devem ser simples, consistentes e faceis de usar. Boas metaforas sao obvias e sao construidas de forma a serem intuitivas. Uma metafora ruim forca voce a aprender novos conceitos e comandos. Se a metafora for boa, voce nao consegue se perder no site. Algumas metaforas exageram no uso de graficos tridimensionais. Elas possuem um grande realismo e permitem que o usuario abra portas, desca escadas e passeie por corredores. Embora isto fique otimo em CD-ROMs e redes locais, este tipo de metafora acaba sendo uma frustracao para o usuario da Internet que acessa via modem. Suas metaforas devem ser leves e eficientes. As metaforas tambem devem ser familiares para o seu publico-alvo. Um site que se baseia na estrutura de um motor de carro e otimo para amantes de mecanica, mas pode ser pessimo para outras pessoas. Se decidir usar uma metafora, voce deve usa-la no site inteiro e nao somente numa parte dele. E, uma vez escolhida uma metafora, mantenha sua linha e seja consistente. Pode parecer facil, mas voce sera tentado a relaxar em alguns setores do site ou a estender sua metafora para outros temas. Resista a tentacao e mantenha as coisas simples e coerentes. Projetistas graficos sao pouco explorados na construcao de sites web. Eles possuem grande habilidade para criar metaforas em cartoes de visita e comerciais de TV. E melhor interagir com este profissional do que tentar tornar-se um. Temas Voce nao precisa de uma metafora para ter um site de terceira geracao. Um tema consistente e suficiente. Um tema pode ser visual ou conceitual. Os exemplos mais comuns sao: primitivo, fotografico, infantil, tipografico, futurista, nautico, entre muitos outros. Assim como uma metafora, um tema pode ajudar ou atrapalhar. Quase qualquer coisa pode servir como um tema. Pense nas vitrines das lojas, que normalmente possuem um tema. A maioria usa um conjunto consistente de cores, texturas, iluminacao e graficos. Decoradores sabem muito sobre temas. Eles criam espacos funcionais e interessantes que nao sao repetitivos. Um decorador sabe fazer ambientes agradarem os sentidos ao
mesmo tempo que servem a um proposito. Sites tematicos sao mais dificeis de criar do que parece. Existe uma grande tentacao de usar todos os tipos de recursos: som, animacao, fontes e graficos, criando uma grande confusao. O uso de fotografias de qualidade, por exemplo, pode fazer uma grande diferenca em um site. Usar o numero reduzido de cores disponiveis no browser ja e dificil. Usar somente um subconjunto destas cores para criar um tema e um desafio e tanto. Um bom site tematico requer um grande esforco para unir um projeto atraente a consistencia de estilo. Sites de Informacao Muitos sites nao sao voltados para consumidores. Sites que possuem um grande volume de informacao devem satisfazer a usuarios impacientes que querem ir direto ao assunto. Estes sites nao podem se dar ao luxo de colocar muitos adornos em torno da informacao. Entretanto, eles podem ser agradaveis sem utilizar muitos graficos. A maioria destes sites contem longas paginas de texto e listas com marcadores. Seu menu principal e conhecido: Novidades | Nossa Empresa | Indice | Perguntas Comuns | Ajuda. Muitos possuem ferramentas de busca que permitem pesquisar as paginas e ajudar aqueles que nao sabem exatamente o que procuram. A apresentacao de informacao vinda de um banco de dados e uma tarefa complicada. Sites como o Alta Vista precisam harmonizar em suas paginas os resultados da busca, anuncios, controles de navegacao, diferentes niveis de usuarios e ofertas tentadoras. Os projetistas destas paginas devem trabalhar com modelos que sao preenchidos no momento de cada pesquisa. O resultado deve ser atraente e funcional, sem confundir o usuario. Quadros (frames) podem ajudar, mas tenha cuidado com a simplicidade. Os servidores estao fornecendo cada vez mais recursos de personalizacao. Para sites de informacao, isto significa a possibilidade de mostrar ao usuario somente o que lhe interessa. A criacao de menus personalizados e um recurso apreciado por todos os usuarios. Ofereca a possibilidade de enviar e-mails informando quando uma informacao de interesse for adicionada ao site. Formularios Projeto de formularios e outra especialidade. Alguns formularios sao bem melhores que outros, como acontece com muitas coisas na web. Alguns deixam o usuario confuso, desorientado e sem saber como pedir o produto. A melhor forma de criar um formulario e procurar bons exemplos na propria web e imita-los. Nao cometa o erro de pensar que formularios sao simples de fazer. Prefira os formularios sem bordas ao redor dos campos. Em geral e uma boa ideia alinhar os titulos a direita e colocar os campos a preencher alinhados pela esquerda. Tambem nao e recomendavel criar uma longa pagina com dezenas de campos. Prefira criar varias paginas com um botao "Proxima Pagina" fazendo a ligacao. Numerar os passos e separar as informacoes usando cores sao boas ideias. Muitas vezes o seu usuario esta impaciente ou simplesmente nao deseja fornecer muita informacao ao seu site. Peca o minimo possivel de informacao e mantenha o formulario simples. Conclusao Se as pessoas comecarem a falar do seu site, se elas voltam com frequencia, se a sua metafora for mencionada por alguem ou se
a sua pagina de entrada estiver realmente boa, entao voce conseguiu criar um site de terceira geracao. As pessoas comecarao a ter uma certa identificacao com o site. Elas se sentirao realmente atraidas a fazer do site um lugar para visitar regularmente. Voce tera uma verdadeira comunidade em torno do seu site. Se voce conseguir tudo isso, tera realmente conseguido criar um excelente site. Copyright (c) 1998 - Alexandre Barreto
computador que o servidor) e um cliente HTTP (o seu browser). Nao e correto falar "eu quero um CGI que faca tal coisa", mas sim "eu quero um programa que use CGI e faca tal coisa", ou de maneira mais curta "eu quero um programa CGI que faca tal coisa" ou "eu quero um script que faca tal coisa". Um script nao implica em CGI, mas scripts Perl (programas Perl) tornaram-se tao comuns em se tratando de CGI, que falar script ja quer dizer "programa CGI escrito em Perl". E sempre bom lembrar que um programa CGI pode ser feito em qualquer linguagem usada no mesmo computador que o servidor, nao so em Perl. Mas o status alcancado por Perl e devido a suas qualidades para tarefas associados a CGI e por sua portabilidade. 1. Um programa simples A primeira linha Comentarios e declaracoes Imprimindo na tela 2. Executando o programa 3. Variaveis escalares Operacoes e Atribuicoes Interpletacao Exercicio 4. Variaveis de matrizes Atribuicoes de matrizes Mostrando matrizes Exercicio 5. Manipulando arquivos Exercicio 6. Estruturas de controle foreach Testando for while e until Exercicio 7. Condicionais Exercicio 8. Comparando strings Expressoes regulares A variavel especial $_ Mais sobre ERs Alguns exemplos de ERs Exercicio 9. Substituicao e traducao Opcoes Recordando modelos Traducao Exercicios 10. Split Exercicio 11. Matrizes associativas Operadores Variaveis de Ambiente 12. Subrotinas Parametros Retornado Valores Variaveis Locais Um programa simples Aqui esta um programa simples que usaremos para comecarmos: #!/usr/local/bin/perlprint 'Ola mundo.'; # mostra uma mensagem Cada parte sera discutida a seguir. A primeira linha Todo programa escrito em Perl deve sempre comecar com esta linha: #!/usr/local/bin/perl Contudo, ela pode variar de sistema para sistema. Esta linha indica para o servidor o que fazer com o arquivo quando ele e executado (i.e, rodar o programa atraves do Perl) e informa a localizacao exata do compilador. Comentarios e declaracoes Comentarios podem ser inseridos em um programa atraves do simbolo #, e qualquer coisa apos ele, ate o final da linha, e ignorado (com excecao da primeira linha). A unica maneira de usar comentarios longos e colocando # no inicio de cada linha. Toda declaracao em Perl deve terminar com um ponto-e-virgula, como na ultima linha do programa acima. Imprimindo na tela A primeira funcao exibe informacoes. No caso acima, ele mostra a cadeia de caracteres Ola mundo. Este resultado sera mostrado somente se for executado na linha de comandos. Para que a mesma informacao seja mostrada pelo seu browser, voce deve modificar o programa, de forma que a mensagem seja reconhecida pelo formato HTML ou como texto simples. print "Content-type: text/html\n\n"; # informa ao browser print 'Ola mundo.'; # mostra a mensagem simples, sem formatacao O proximo passo e roda-lo. Executando o programa Digite o programa acima em um editor de texto, depois salve ele. Existem duas formas de instalar seu programa no servidor: Pelo Unix (requer conhecimento basico), Emacs e um bom editor porque possui o modo Perl que formata linhas facilmente quando voce pressiona tab (use M-x perl-mode). Pelo FTP, use qualquer editor de texto puro, e envie