Archive

Archive for the ‘design’ Category

Pretty Permalinks em IIS7 com Wordpress

October 13th, 2009

Finalmente, concluí as mudanças de webserver ao nível de hosting e base de dados. Neste momento este blog bomba em Windows 2008  – ISS 7.0 com Wordpress 2.8.4 em cima de MySQL 5.0.

Após mudanças, algo que me deixou contente foi a possibilidade de finalmente ter “prettylinks” no wordpress. Também designados por friendly URL, ou fancy URL, fancy links, whatever,  são links por vezes mais curtos, visualmente mais relevantes e mais eficazes na indexação de páginas. Na vez de termos por exemplo:

http://fredcerdeira.com/blog/?p=502 , temos:
http://fredcerdeira.com/blog/2009/05/deepzoom-paris

Algo mais agradável e facilmente percebemos que foi um post de 2009, no mês 05 com o titulo “deep-zoom paris”. Escondemos assim a passagem de variáveis no querystring e os motores de busca agradecem. Desta forma garantimos também a possibilidade de manter os links e mudar completamente a tecnologia que está por trás a gerar o HTML.

Esta reconversão de links é possível graças aos mecanismos de URL Rewrite, ou seja, a recodificação dos links através de software. No caso dos servidores APACHE, esta reconversão é possível através do módulo mod_rewrite. 

Nos servidores IIS (Internet Information Services) da Microsoft, é possível obter resultados semelhantes através da extensão URL Rewrite. A partir da versão 7, os senhores do IIS disponibilizam gratuitamente um módulo para as versões X86 e x64 que funciona muito bem.

Para termos uma administração remota ao nosso servidor IIS, é necessário primeiramente que o hosting provider forneça autorização para acesso remoto, e de ter o módulo URL Rewrite Instalado no Windows 2008 ( a maioria dos hosting providers que disponibilizam alojamento windows 2008, têm também o módulo instalado)

necessitamos também de uma consola muito útil designada por “IIS Manager for Remote Admin”. Através desta consola temos acesso remoto ao nosso servidor e conseguimos realizar a maior parte das operações necessárias à configuração do nosso webserver, como por exemplo a configuração do módulo de URL Rewrite.

fredcerdeiraIIS7

Mas para tirar partido da funcionalidade  “prettylinks” do wordpress, não necessitamos de configuração nenhuma do módulo ao nível do IIS.

No entanto é necessário atender aos Requisitos:

1. IIS 7.0 com FASTCGI e PHP

2. wordpress ( a última versão de preferência)

3. Módulo de URL Rewrite instalado

 

No dashboard do nosso wordpress, em “Permalink Settings” vamos criar a a estrutura “/%year%/%monthnum%/%day%/%postname%/” e Guardar.

permalinks_wordpress

Após Guardar, é necessário criar um ficheiro do tipo web.config, que é basicamente um ficheiro XML que contem settings que o webserver interpreta. Se o wordpress, não apresentar um painel de configuração deste ficheiro, é necessário criar um ficheiro de raiz, com o Notepad ou outro qualquer editor e colocá-lo na raíz da pasta onde está o blog. (Não esquecer de guardar com o nome “web” a extensão “.config”)

O ficheiro terá que ter o seguinte código:

<?xml version="1.0"?>
<configuration>
    <system.webServer>
                <rewrite>
        <rules>
          <rule name="Main Rule" stopProcessing="true">
            <match url=".*" />
            <conditions logicalGrouping="MatchAll">
              <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
              <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
            </conditions>
            <action type="Rewrite" url="index.php" />
          </rule>
        </rules>
      </rewrite>
    </system.webServer>
</configuration>

 Estas regras correspondem às definições default do módulo URL Rewrite do IIS.

Depois do upload do web.config, testem no vosso blog se os links estão todos a funcionar correctamente.

 

Se eventualmente (no meu blog aconteceu), os posts da home page e os posts resultantes do “search” não forem apresentados, é necessário adicionar ao web.config, a seguir ao <system.webServer>:

<defaultDocument>
            <files>
                <remove value="index.php" />
                <add value="index.php" />
            </files>
        </defaultDocument>

Desta forma garantimos que todas as páginas geradas por “index.php” são apresentadas correctamente.

 

Se tudo funcionar correctamente, conseguem ter links bonitos no vosso browser.

fredBlog

design, tecnologia , , , ,

Viajar

May 19th, 2009

É certo que ninguém escolhe ficar doente nem muito menos a altura para adoecer. Ficar doente dois dias antes de uma viagem de avião é no mínimo surreal, mas aconteceu comigo.

Tenho uma viagem de 4 dias a Paris reservada para amanhã (dia 20), mas o que é certo é que desde ontem que estou de cama com gripe (acho que não é do tipo A…) a rogar pragas à virose. Alimenta a esperança de melhoras para poder viajar, alguém especial que me traz boa comida a casa e os analgésicos que me deixam dopado. Entretanto para ver se a coisa melhora, fiz uns vectorzinhos num estilo minimalista para acreditar que amanhã embarco (é embarcar que se diz? mas não vou de barco vou de avião…) para a minha terra natal.

Paris_fred_maio09

design, por aí , ,

WG – Algarve 9 e 10 de Maio

May 12th, 2009

Mais uma edição do Web and Gaming Technologies – Algarve realizada com sucesso. Parabéns ao Ricardo e aos MSPs. Infelizmente e devido ao fraco leque de comboios para Faro que a CP disponibiliza, só pude comparecer a tempo de almoçar com os meus colegas e fazer a minha apresentação. Foi uma passagem pelo Algarve ultra rápida, ao ponto de nem sequer ter tido tempo de ver a praia…Enfim para o ano há mais e com com certeza mais tempo para visitar as terras do sul :)

Apresentações, Eventos Tech, design, tecnologia

Apresentação de Fundamentos e Soluções Web Design – ESJE Aveiro

April 23rd, 2009

No passado dia 21 tive oportunidade de fazer uma apresentação na Escola Secundária José Estêvão em Aveiro onde fui bem recebido. Foi uma apresentação de boas práticas de Web Design – fundamentos e soluções para os alunos do 12º ano do curso tecnológico de informática.

Os alunos estão neste momento na fase de desenvolvimento de projectos web. Já têm alguns conhecimentos de linguagens de programação e de bases de dados mas têm pouca formação no campo da comunicação visual, assim como na criação de interfaces gráficas para a web e têm pouco conhecimento dos fundamentos do processo de design. O meu objectivo foi ajudar a colmatar essa lacuna.

Foi uma sessão de 90 minutos onde tentei passar alguns fundamentos essenciais ao processo de Design para a Web. Falei também das ferramentas e soluções que a Microsoft tem para o desenvolvimento web e para a criação multimédia, nomedamente as ferramentas do Expression Studio , Visual Web Developer e ASP.NET AJAX.

O resultado acho que foi positivo, uma plateia interactiva, o feedback deles e do professor foi bom, foi uma experiência nova para mim também já que nunca tinha feito uma apresentação tão extensa. No final falei dos programas de apoio aos estudantes que a Microsoft tem nomeadamente no dreamspark  e no imaginecup (uma vez que grande parte deles para o ano estará nas universidades).

Incentivei-os ainda a visitarem e participarem na nossa comunidade zoomIn. No fim de tudo ofereci-lhes uns DVDs do Windows 7, dois Livros que deixei com o professor para ele leccionar (obrigado César!) e alguns códigos de acesso aos cursos IT Academy o que gostaram imenso, afinal de contas quem não gosta de receber brindes? :)

 

Os tópicos da sessão:

  • Design para a Web
  • Usabilidade e acessibilidade
  • Processo de Design
    • Estruturação
    • Interacção
    • Imagem e cor para a web
    • Layouts CSS
    • Browsers e Resoluções
  • Ferramentas de desenvolvimento (Expression Studio, ASP.net AJAX..)
  • Referências importantes

Apresentações, design, tecnologia

IC website background design

April 13th, 2009

ic-design

E que tal criarem um background para o Imagine Cup Worldwide Finals website?
Só tem que criar um fundo original e criativo para incluir no site da finalíssima do ImagineCup. Existe um template em PSD ou em Expression Design com as normas relativas às dimensões e logótipos a usar.

O melhor design será usado no site oficial da competição.

 

Data limite : 30 de Abril até às 23:59

Template e Guidelines

Eventos Tech, design ,

ImagineCup 2009. More time to compete!

March 3rd, 2009

Foi alargado o deadline de entregas nas categorias de Design, Fotografia e ShortFilm. Os projectos para o Round1 podem ser submetidos até dia 1 de Abril.

banner_imagecup

Eventos Tech, design , , ,