<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>IvoGomes.com &#187; Webdesign</title>
	<atom:link href="http://www.ivogomes.com/blog/category/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ivogomes.com</link>
	<description>ergonomia e sistemas de informação</description>
	<lastBuildDate>Tue, 31 Jan 2012 00:01:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>E já lá vão 11 anos!</title>
		<link>http://www.ivogomes.com/blog/e-ja-la-vao-11-anos/</link>
		<comments>http://www.ivogomes.com/blog/e-ja-la-vao-11-anos/#comments</comments>
		<pubDate>Thu, 09 Sep 2010 14:02:35 +0000</pubDate>
		<dc:creator>Ivo Gomes</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[Projectos]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.ivogomes.com/?p=1176</guid>
		<description><![CDATA[Há exactamente onze anos atrás, estava eu a lançar o meu primeiro website, o <a href="http://www.portaldascuriosidades.com">Portal das Curiosidades</a> (nascido numa data curiosa: 9/9/99). Tirando alguns contratempos há alguns anos atrás, tem-se mantido ininterruptamente online desde então.

<a href="http://www.portaldascuriosidades.com"><img src="http://www.ivogomes.com/wordpress/wp-content/uploads/2010/09/Screen-shot-2010-09-09-at-14.41.39.png" alt="" title="Portal das Curiosidades" width="228" height="98" class="alignleft size-full wp-image-1177" /></a>]]></description>
			<content:encoded><![CDATA[<p>Há exactamente onze anos atrás, estava eu a lançar o meu primeiro website, o <a href="http://www.portaldascuriosidades.com">Portal das Curiosidades</a> (nascido numa data curiosa: 9/9/99). Tirando alguns contratempos há alguns anos atrás, tem-se mantido ininterruptamente online desde então.</p>
<p><a href="http://www.portaldascuriosidades.com"><img src="http://www.ivogomes.com/wordpress/wp-content/uploads/2010/09/Screen-shot-2010-09-09-at-14.41.39.png" alt="" title="Portal das Curiosidades" width="228" height="98" class="alignleft size-full wp-image-1177" /></a></p>
<p>O Portal das Curiosidades tem actualmente quase 50.000 utilizadores registados e recebe cerca de 20.000 visitantes todos os dias. Estamos quase a alcançar as 500.000 mensagens (várias dezenas de milhar tiveram que ser apagadas na célebre &#8220;limpeza&#8221; de 2006 devido a problemas que tivemos com a base de dados) e alguns utilizadores mais antigos têm continuado a participar no site ao longo destes anos todos.</p>
<p>A todos eles (utilizadores registados e visitantes que passam pelo site diariamente) o meu <strong>muito obrigado</strong>. Só assim, com a vossa participação, é que é possível manter uma comunidade online viva durante tanto tempo.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ivogomes.com/blog/e-ja-la-vao-11-anos/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Nova homepage do SAPO</title>
		<link>http://www.ivogomes.com/blog/nova-homepage-do-sapo/</link>
		<comments>http://www.ivogomes.com/blog/nova-homepage-do-sapo/#comments</comments>
		<pubDate>Fri, 11 Dec 2009 17:40:16 +0000</pubDate>
		<dc:creator>Ivo Gomes</dc:creator>
				<category><![CDATA[Acessibilidade]]></category>
		<category><![CDATA[CSS & Webstandards]]></category>
		<category><![CDATA[Usabilidade]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.ivogomes.com/?p=963</guid>
		<description><![CDATA[Os últimos meses têm sido de trabalho intensivo para preparar o lançamento da<a href="http://www.sapo.pt"> nova homepage do SAPO</a> (entre "n" outros projectos que foram desenvolvidos em paralelo).

Para a nova homepage desenvolvemos várias metodologias de usabilidade cujos resultados podem ser consultados em detalhe no blog oficial da Homepage:
<ul>
	<li><a href="http://homepage.blogs.sapo.pt/2216.html">Estatísticas, Inquéritos, Brainstorming, Testes de Usabilidade e Eyetracking</a></li>
	<li><a href="http://homepage.blogs.sapo.pt/2476.html">Wireframes</a></li>
	<li><a href="http://homepage.blogs.sapo.pt/2628.html">Versão Beta e os resultados dos inquéritos aos utilizadores</a></li>
</ul>]]></description>
			<content:encoded><![CDATA[<p>Os últimos meses têm sido de trabalho intensivo para preparar o lançamento da <a href="http://www.sapo.pt">nova homepage do SAPO</a> (entre &#8220;<em>n</em>&#8221; outros projectos que foram desenvolvidos em paralelo).</p>
<p><a href="http://www.sapo.pt"><img src="http://www.ivogomes.com/wordpress/wp-content/uploads/2009/12/Screen-shot-2009-12-11-at-16.15.26.png" alt="Homepage SAPO" title="Homepage SAPO" width="550" height="345" class="alignleft size-full wp-image-970" /></a></p>
<p>Para a nova homepage desenvolvemos várias metodologias de usabilidade cujos resultados podem ser consultados em detalhe no blog oficial da Homepage:</p>
<ul>
<li><a href="http://homepage.blogs.sapo.pt/2216.html">Estatísticas, Inquéritos, Brainstorming, Testes de Usabilidade e Eyetracking</a></li>
<li><a href="http://homepage.blogs.sapo.pt/2476.html">Wireframes</a></li>
<li><a href="http://homepage.blogs.sapo.pt/2628.html">Versão Beta e os resultados dos inquéritos aos utilizadores</a></li>
</ul>
<p>Além de tudo isto, tivemos também uma grande preocupação com a Acessibilidade, garantindo que a página tem uma classificação AAA segundo o <a href="http://www.w3.org/TR/WCAG10/"><acronym title="Em Ingl&ecirc;s: Web Content Accessibility Guidelines">WCAG</acronym> 1.0</a>.</p>
<p>Em termos técnicos utilizámos as mais recentes tecnologias como <a href="http://www.w3.org/TR/html5/">HTML5</a> e <a href="http://www.css3.info/">CSS3</a>, o que nos permite ter o site preparado para o futuro e aproveitar algumas funcionalidades do HTML5 (que pretendemos colocar online em breve). Infelizmente, o facto de usarmos HTML5 invalida (para já) que consigamos ter o site a passar totalmente na validação de acessibilidade <a href="http://www.w3.org/TR/WCAG/"><acronym title="Em Ingl&ecirc;s: Web Content Accessibility Guidelines">WCAG</acronym> 2.0</a> uma vez que o validador ainda não reconhece as novas tags do HTML5.<br />
Esperemos que em breve possamos testar convenientemente a página (assim que o validador suporte HTML5) e garantir também o máximo de acessibilidade segundo estas guidelines mais recentes.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ivogomes.com/blog/nova-homepage-do-sapo/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Novo website da Direcção-Geral de Arquivos</title>
		<link>http://www.ivogomes.com/blog/novo-website-da-direccao-geral-de-arquivos/</link>
		<comments>http://www.ivogomes.com/blog/novo-website-da-direccao-geral-de-arquivos/#comments</comments>
		<pubDate>Tue, 23 Dec 2008 11:23:32 +0000</pubDate>
		<dc:creator>Ivo Gomes</dc:creator>
				<category><![CDATA[Acessibilidade]]></category>
		<category><![CDATA[CSS & Webstandards]]></category>
		<category><![CDATA[Pessoal]]></category>
		<category><![CDATA[Projectos]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[dgarq]]></category>

		<guid isPermaLink="false">http://www.ivogomes.com/?p=682</guid>
		<description><![CDATA[Nos últimos meses estive a trabalhar na remodelação do website da Direcção-Geral de Arquivos. Os requisitos principais para a remodelação prendiam-se com a necessidade de ter um website mais acessível (nível de acessibilidade AA) e mais leve (evitando o uso de imagens pesadas e elementos gráficos desnecessários). Todos estes requisitos vieram do próprio cliente que explicitou muito bem todos estes pontos.

A Direcção-Geral de Arquivos (antigo IAN/TT - Instituto dos Arquivos Nacionais / Torre do Tombo), devido às mudanças que houveram na instituição, passou a estar separada da Torre do Tombo. Assim, hoje temos a Direcção-Geral de Arquivos e o Arquivo Nacional da Torre do Tombo. Desta forma, teríamos que desenvolver dois websites distintos, mas mantendo a mesma linha gráfica.]]></description>
			<content:encoded><![CDATA[<p>Nos últimos meses estive a trabalhar na remodelação do website da <a href="http://www.dgarq.gov.pt">Direcção-Geral de Arquivos</a>. Os requisitos principais para a remodelação prendiam-se com a necessidade de ter um website mais acessível (nível de acessibilidade AA) e mais leve (evitando o uso de imagens pesadas e elementos gráficos desnecessários). Todos estes requisitos vieram do próprio cliente que explicitou muito bem todos estes pontos.</p>
<p>A <a href="http://www.dgarq.gov.pt">Direcção-Geral de Arquivos</a> (antigo IAN/TT &#8211; Instituto dos Arquivos Nacionais / Torre do Tombo), devido às mudanças que houveram na instituição, passou a estar separada da Torre do Tombo. Assim, hoje temos a Direcção-Geral de Arquivos e o Arquivo Nacional da Torre do Tombo. Desta forma, teríamos que desenvolver dois websites distintos, mas mantendo a mesma linha gráfica.</p>
<p>Além do website principal (<a href="http://www.dgarq.gov.pt">DGARQ</a>) e do website dos arquivos nacionais (ANTT), a <a href="http://www.dgarq.gov.pt">DGARQ</a> é também responsável por <a href="http://www.dgarq.gov.pt/rede-portuguesa-de-arquivos/arquivos-regionais/">16 Arquivos Distritais</a>, dos quais, 9 ainda não tinham website. Como parte do projecto, seria também necessário desenvolver os websites para os 9 Arquivos Distritais mantendo a mesma linha gráfica do website principal.</p>
<p>No total, foram 11 websites ao mesmo tempo <img src='http://www.ivogomes.com/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Apesar de já termos terminado os desenvolvimentos há cerca de um mês, ainda faltava a validação dos conteúdos em todos os websites, feita por cada uma das instituições. O website da <a href="http://www.dgarq.gov.pt">DGARQ</a> foi o primeiro a ser lançado, os restantes vieram algumas semanas depois.</p>
<p>Aqui estão os links quer para o site principal, quer para todos os sub-sites:</p>
<ul>
<li><a href="http://www.dgarq.gov.pt/">Direcção-Geral de Arquivos</a></li>
<li><a href="http://antt.dgarq.gov.pt/">Arquivo Nacional da Torre do Tombo</a></li>
<li><a href="http://adavr.dgarq.gov.pt/">Arquivo Distrital de Aveiro</a></li>
<li><a href="http://adbja.dgarq.gov.pt/">Arquivo Distrital de Beja</a></li>
<li><a href="http://adctb.dgarq.gov.pt/">Arquivo Distrital de Castelo Branco</a></li>
<li><a href="http://adevr.dgarq.gov.pt/">Arquivo Distrital de Évora</a></li>
<li><a href="http://adlsb.dgarq.gov.pt/">Arquivo Distrital de Lisboa</a></li>
<li><a href="http://adptg.dgarq.gov.pt/">Arquivo Distrital de Portalegre</a></li>
<li><a href="http://adstr.dgarq.gov.pt/">Arquivo Distrital de Santarém</a></li>
<li><a href="http://adstb.dgarq.gov.pt/">Arquivo Distrital de Setúbal</a></li>
<li><a href="http://advct.dgarq.gov.pt/">Arquivo Distrital de Viana do Castelo</a></li>
</ul>
<h2>Screenshots</h2>
<p>Direcção-Geral de Arquivos<br />
<img class="size-full wp-image-690 alignnone" title="Direcção Geral de Arquivos - Página Inicial" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/12/dgarq1.png" alt="Direcção Geral de Arquivos - Página Inicial" width="550" height="544" /></p>
<h2>Gestão de Conteúdos</h2>
<p>Para a gestão dos 11 websites usámos o <a href="http://mu.wordpress.org">WordPress MU</a> uma vez que era necessário manter toda a gestão centralizada num único local e que o interface de introdução de conteúdos fosse o mais simples de usar possível.</p>
<p>Do ponto de vista do utilizador que tem que inserir e gerir conteúdos, penso que o <a href="http://wordpress.org">WordPress</a> é a melhor opção devido à sua facilidade de uso e, até agora, o feedback que tivémos dos utilizadores foi sempre positivo.</p>
<h2>Acessibilidade</h2>
<p>Conseguimos manter o nível AA em todas as páginas, no entanto há um ponto de verificação que, sempre que aparece uma imagem no meio do texto, falha. Isto acontece por que o <a href="http://www.w3.org/TR/WCAG10-TECHS/#tech-relative-units">ponto 3.4</a> das regras de acessibilidade (<a href="http://www.w3.org/TR/WCAG10/"><acronym title="Em Ingl&ecirc;s: Web Content Accessibility Guidelines">WCAG</acronym> 1.0</a>) indica que não devem ser usadas medidas de unidades absolutas, apenas relativas. Isto é, não devemos usar medidas fixas, mas sim medidas flexíveis, como por exemplo, percentagens.</p>
<p>O que acontece é que o <a href="http://wordpress.org">WordPress</a> adiciona uma <code>DIV</code> à volta das imagens para poder adicionar uma legenda (<code>CAPTION</code>) e indica uma largura em pixels para essa <code>DIV</code>. O validador automático detecta que há um elemento na página com largura definida em pixels e dá o erro.</p>
<p>Penso que o validador automático leva esta regra demasiado à letra, ou seja, tudo o que tiver uma dimensão definida em pixels, é considerado inválido. Convém salientar que as regras em que os validadores automáticos se baseiam actualmente são as do <a href="http://www.w3.org/TR/WCAG10/"><acronym title="Em Ingl&ecirc;s: Web Content Accessibility Guidelines">WCAG</acronym> 1.0</a> criadas há 9 anos atrás. Nessa altura fazia sentido que os elementos não tivessem medidas fixas porque os browsers ainda não suportavam bem elementos gráficos nem o aumento/redução do tamanho do texto, mas hoje em dia esta regra deixou de fazer sentido. A versão actual das regras de acessibilidade (<a href="http://www.w3.org/TR/WCAG20/"><acronym title="Em Ingl&ecirc;s: Web Content Accessibility Guidelines">WCAG</acronym> 2.0</a>) já eliminou este ponto de verificação que foi considerado obsoleto.</p>
<p>Não é isto que vai fazer com que o site seja menos acessível, mas é chato quando dizemos ao cliente que o site passa na validação AA e ele depois vai ao validador e vê este erro&#8230; Infelizmente ainda não encontrei forma de evitar isto, uma vez que é o próprio <a href="http://wordpress.org">WordPress</a> que adiciona essa <code>DIV</code> à volta das imagens.</p>
<h2>Créditos</h2>
<p>Além da restante equipa da <a href="http://www.log.pt">log</a> que esteve envolvida no projecto, tivémos também a colaboração do <a href="http://fserrazina.net/">Filipe Serrazina</a> que me ajudou na parte do web design e <acronym title="Em Ingl&ecirc;s: eXtensible HyperText Markup Language - HTML reformulado como XML">XHTML</acronym>+<acronym title="Em Ingl&ecirc;s: Cascading Style Sheets">CSS</acronym>+JS (uma vez que eram 11 websites ao mesmo tempo, a ajuda do Filipe foi preciosa).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ivogomes.com/blog/novo-website-da-direccao-geral-de-arquivos/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>SHiFT&#8217;08</title>
		<link>http://www.ivogomes.com/blog/shift08/</link>
		<comments>http://www.ivogomes.com/blog/shift08/#comments</comments>
		<pubDate>Mon, 13 Oct 2008 11:44:08 +0000</pubDate>
		<dc:creator>Ivo Gomes</dc:creator>
				<category><![CDATA[CSS & Webstandards]]></category>
		<category><![CDATA[Geral]]></category>
		<category><![CDATA[Usabilidade]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[conferência]]></category>
		<category><![CDATA[guerrilla]]></category>
		<category><![CDATA[shift]]></category>
		<category><![CDATA[silverback]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://www.ivogomes.com/?p=585</guid>
		<description><![CDATA[<a href="http://www.shift.pt" title="SHiFT - Social and Human Ideas For Technology"><img src="http://shift.pt/images/banners/336x280.jpg" border="0" alt="SHiFT - Social and Human Ideas For Technology" /></a>

É já esta semana (dias 15, 16 e 17 de Outubro) que se realiza a segunda edição da <a href="http://www.shift.pt">SHiFT</a> (Social and Human Ideas For Technology) na <a href="http://shift.pt/page/practical">FIL</a> em Lisboa.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.shift.pt" title="SHiFT - Social and Human Ideas For Technology"><img src="http://shift.pt/images/banners/336x280.jpg" border="0" alt="SHiFT - Social and Human Ideas For Technology" /></a></p>
<p>É já esta semana (dias 15, 16 e 17 de Outubro) que se realiza a segunda edição da <a href="http://www.shift.pt">SHiFT</a> (Social and Human Ideas For Technology) na <a href="http://shift.pt/page/practical">FIL</a> em Lisboa.</p>
<p>A edição deste ano terá um dia dedicado a workshops (15/10) e dois dias para apresentações (16/10 e 17/10) divididas em vários temas: Web Design, User Experience, Mobile, Social Web, Mobile, entre outros&#8230;</p>
<p>De entre os workshops, saliento um que me diz mais respeito (e também a todos os que se interessam por usabilidade) denominado: &#8220;<a href="http://shift.pt/session/show/36">Guerilla Usability Testing</a>&#8221; por <a href="http://www.shift.pt/speaker/show/andy-budd">Andy Budd</a>. Este workshop terá como base a aplicação <a href="http://silverbackapp.com/">SilverBack</a> que permite realizar testes de usabilidade de forma fácil e sem ser necessário ter um laboratório completo. O Andy dará ainda uma apresentação chamada &#8220;<a href="http://www.shift.pt/session/show/14">Designing the User Experience Curve</a>&#8221; no segundo dia.</p>
<p><a href="http://silverbackapp.com/"><img src="http://shift.pt/uploads/sessionform/file/0000/0036/medium/Picture_1.png?1222373215" alt="Guerilla Usability Testing" /></a></p>
<p>Haverão mais apresentações de grande interesse e que tenho curiosidade em assistir, mas sugiro que consultem o <a href="http://www.shift.pt/page/schedule">calendário</a> e escolham por vocês as sessões que acham mais interessantes.</p>
<p>Penso que esta edição da <a href="http://www.shift.pt">SHiFT</a> tem todos os ingredientes para ser ainda melhor do que a primeira edição e, caso ainda não se tenham registado (<em>shame on you</em>), <a href="http://www.shift.pt/signup">ainda há vagas</a>. Os preços vão desde os 150€ para estudantes e 240€ para os restantes participantes.</p>
<p>Vêmo-nos por lá!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ivogomes.com/blog/shift08/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>&#8220;Bonjour&#8221; e outras novidades no My TV Shows</title>
		<link>http://www.ivogomes.com/blog/bonjour-e-outras-novidades-no-my-tv-shows/</link>
		<comments>http://www.ivogomes.com/blog/bonjour-e-outras-novidades-no-my-tv-shows/#comments</comments>
		<pubDate>Mon, 29 Sep 2008 12:46:30 +0000</pubDate>
		<dc:creator>Ivo Gomes</dc:creator>
				<category><![CDATA[Pessoal]]></category>
		<category><![CDATA[Projectos]]></category>
		<category><![CDATA[Usabilidade]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[mytvshows]]></category>

		<guid isPermaLink="false">http://www.ivogomes.com/?p=562</guid>
		<description><![CDATA[Depois de resolvidos os problemas de lentidão no site, está na altura de começar a introduzir algumas novas funcionalidades :)

Neste fim-de-semana estive a implementar uma das funcionalidades mais pedidas nos últimos tempos para o My TV Shows: a pesquisa de novos episódios para todas as séries. Assim, em vez de ter que ir série a série ver se há novos episódios, passou a existir uma nova secção no site que procura por novos episódios em todas as minhas séries não arquivadas.]]></description>
			<content:encoded><![CDATA[<p>Depois de resolvidos os problemas de lentidão no site, está na altura de começar a introduzir algumas novas funcionalidades <img src='http://www.ivogomes.com/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Neste fim-de-semana estive a implementar uma das funcionalidades mais pedidas nos últimos tempos para o <a href="http://www.mytvshows.org">My TV Shows</a>: a pesquisa de novos episódios para todas as séries. Assim, em vez de ter que ir série a série ver se há novos episódios, passou a existir uma nova secção no site que procura por novos episódios em todas as minhas séries não arquivadas. Nota: Esta pesquisa funciona apenas para as temporadas que temos adicionadas (para não aparecerem episódios de temporadas passadas que não temos e que não nos interessam nesta listagem).</p>
<p><a href="http://www.mytvshows.org/new_episodes.php"><img class="alignnone size-full wp-image-563 img" title="Procurar novos episódios em todas as séries" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/09/picture-1.png" alt="" width="500" height="396" /></a></p>
<p>Outra funcionalidade pedida foi a de indicar sempre o número de epísódios não vistos ao lado da capa das séries (obrigado ao <a href="http://diniscorreia.com/">Dinis Correia</a> pela sugestão):</p>
<p><a href="http://www.mytvshows.org"><img class="alignnone size-full wp-image-564 img" title="Indicação de episóidos não vistos" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/09/picture-2.png" alt="" width="500" height="272" /></a></p>
<p>E finalmente, mas não menos importante, graças ao contributo do Alexandre Solleiro, passámos a ter mais um idioma disponível, o <a href="http://www.mytvshows.org/?lang=fr_FR">Francês</a>!</p>
<p><a href="http://www.mytvshows.org/?lang=fr_FR"><img class="alignnone size-full wp-image-566 img" title="MyTVShows em Francês" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/09/picture-3.png" alt="" width="460" height="353" /></a></p>
<p>Já agora, se alguém quiser ajudar a terminar a tradução da versão em Espanhol, estejam à vontade para se voluntariar <img src='http://www.ivogomes.com/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
Só faltam <a href="http://www.mytvshows.org/translate">cerca de 38%</a> dos textos para traduzir&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ivogomes.com/blog/bonjour-e-outras-novidades-no-my-tv-shows/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>myTVShows: Mais Novidades</title>
		<link>http://www.ivogomes.com/blog/mytvshows-mais-novidades/</link>
		<comments>http://www.ivogomes.com/blog/mytvshows-mais-novidades/#comments</comments>
		<pubDate>Sat, 12 Jul 2008 09:57:15 +0000</pubDate>
		<dc:creator>Ivo Gomes</dc:creator>
				<category><![CDATA[Pessoal]]></category>
		<category><![CDATA[Projectos]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[mytvshows]]></category>

		<guid isPermaLink="false">http://www.ivogomes.com/?p=495</guid>
		<description><![CDATA[<img class="alignnone img size-full wp-image-497" title="página da série" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/07/picture-2.png" alt="Página da Série" width="500" height="172" />

Após o lançamento da versão 3 do myTVShows que continha <a href="http://www.ivogomes.com/blog/mytvshows-3-as-novidades/">um número considerável de novidades</a>, faço agora um novo ponto de situação para acrescentar mais novidades ainda!]]></description>
			<content:encoded><![CDATA[<p>Após o lançamento da versão 3 do <a href="http://www.mytvsows.org">myTVShows</a> que continha <a href="http://www.ivogomes.com/blog/mytvshows-3-as-novidades/">um número considerável de novidades</a>, faço agora um novo ponto de situação para acrescentar mais novidades ainda!</p>
<h2><span style="font-weight: normal;">A</span>dicionar TODAS as temporadas de uma série</h2>
<p>Um dos pedidos mais frequentes era o de poder adicionar todas as temporadas de uma série, ou pelo menos ver quais as temporadas disponíveis para adicionar. A partir de agora, o processo de adicionar uma nova temporada é mais fácil porque basta escolher qual queremos adicionar em vez de ter que escrever o número da temporada (continua a ser possível adicionar temporadas manualmente).</p>
<p><img class="alignnone img size-full wp-image-496" title="adicionar temporadas" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/07/picture-1.png" alt="Selecção das temporadas a adicionar" width="500" height="319" /></p>
<h2><span style="font-weight: normal;">L</span>impeza de algumas páginas</h2>
<p>Algumas das páginas continham talvez demasiada informação e isso poderia atrapalhar um pouco a navegação pelas séries, temporadas e episódios. Foi feita uma limpeza para remover tudo o que não é essencial e desta forma, temos em primeiro lugar a informação mais importante e em segundo lugar (dentro de tabs ou dentro de menus mais pequenos) a informação secundária.</p>
<p><img class="alignnone img size-full wp-image-497" title="página da série" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/07/picture-2.png" alt="Página da Série" width="500" height="172" /></p>
<p>Como podem ver, a última tab chama-se &#8220;vídeos&#8221; e está em Beta. Apenas algumas séries (as que estão no TOP 10) têm um vídeo/trailer da série e espero poder adicionar mais em breve (ou encontrar maneira de serem os próprios utilizadores a contribuir).</p>
<h2><span style="font-weight: normal;">A</span>rquivo de Séries</h2>
<p>Se têm series antigas em que já viram todos os episódios e não querem que elas apareçam no meio das séries que estão a ver actualmente, podem arquivá-las.</p>
<p><img class="alignnone img size-full wp-image-498" title="arquivo de series" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/07/picture-3.png" alt="Arquivo de Séries" width="477" height="243" /></p>
<h2><span style="font-weight: normal;">V</span>ersão para iPhone/iPod Touch</h2>
<p>Enquanto que alguns sites nacionais lançaram esta semana press-releases a dizer que foram os primeiros a ter uma versão específica para este dispositivo móvel, o myTVShows já tem uma versão para iPhone/iPod Touch há três semanas.</p>
<p><img class="alignnone img size-full wp-image-499" title="picture-5" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/07/picture-5.png" alt="iPhone - Página Inicial" width="200" height="267" /><img class="alignnone img size-full wp-image-500" title="picture-6" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/07/picture-6.png" alt="iPhone - Lista de Séries" width="200" height="268" /><img class="alignnone img size-full wp-image-501" title="picture-7" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/07/picture-7.png" alt="iPhone - Temporadas" width="200" height="268" /><img class="alignnone img size-full wp-image-504" title="picture-11" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/07/picture-11.png" alt="iPhone - Episódios" width="200" height="267" /><img class="alignnone img size-full wp-image-503" title="picture-9" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/07/picture-9.png" alt="iPhone - Episódio" width="200" height="266" /></p>
<p>Espero que gostem das novidades!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ivogomes.com/blog/mytvshows-mais-novidades/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Novo website do Instituto de Meteorologia</title>
		<link>http://www.ivogomes.com/blog/novo-website-do-instituto-de-meteorologia/</link>
		<comments>http://www.ivogomes.com/blog/novo-website-do-instituto-de-meteorologia/#comments</comments>
		<pubDate>Fri, 11 Jul 2008 14:43:42 +0000</pubDate>
		<dc:creator>Ivo Gomes</dc:creator>
				<category><![CDATA[Acessibilidade]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.ivogomes.com/?p=492</guid>
		<description><![CDATA[Há uns meses atrás fomos convidados para apresentar uma proposta para a remodelação do novo website do Instituto de Meteorologia. Infelizmente a nossa proposta não ganhou.

Hoje vejo que já têm um novo site, mais bonito e mais "clean" que o anterior (em termos visuais). No entanto há alguns aspectos menos positivos nesta nova versão.]]></description>
			<content:encoded><![CDATA[<p>Há uns meses atrás <a href="http://www.log.pt">fomos</a> convidados para apresentar uma proposta para a remodelação do novo website do Instituto de Meteorologia. Infelizmente a nossa proposta não ganhou.</p>
<p>Hoje vejo que já têm um novo site, mais bonito e mais &#8220;clean&#8221; que o anterior (em termos visuais). No entanto há alguns aspectos menos positivos nesta nova versão. Para começar, a previsão do tempo no mapa requer o plugin Flash. Apesar de não ser totalmente contra o uso do Flash, penso que neste caso poderia ter sido evitado uma vez que o site pode ser consultado através de dispositivos móveis que não possuem essa tecnologia ou mesmo por causa da acessibilidade (apesar de terem uma versão <acronym title="Em Ingl&ecirc;s: HyperText Markup Language">HTML</acronym> com uma tabela com o tempo para cada cidade, o link está um pouco escondido e os dados da tabela não estão estruturados de forma acessível).</p>
<p>Tirando a parte visual, que gosto (exceptuando o facto do mapa estar um pouco &#8220;atarracado&#8221;), o código em si não esta grande coisa, com muitas tabelas no meio do <acronym title="Em Ingl&ecirc;s: HyperText Markup Language">HTML</acronym> e pouca ou nenhuma semântica (não usam cabeçalhos nos titulos nem nas tabelas), isto para não falar dos inumeros <a href="http://validator.w3.org/check?verbose=1&amp;URI=HTTP%3A%2F%2Fwww.meteo.pt%2Fpt%2Fotempo%2Fprevisaosignificativa%2F">erros de <acronym title="Em Ingl&ecirc;s: HyperText Markup Language">HTML</acronym></a>.</p>
<p>Em termos de acessibilidade, nao está assim tão mau, contendo apenas alguns erros resultados do uso de código <acronym title="Em Ingl&ecirc;s: HyperText Markup Language">HTML</acronym> inválido. Apenas o facto de usar Flash para mostrar a previsão no mapa estraga este ponto.</p>
<p>Só para comparação, aqui vai um screenshot da nova versão do site do Intituto de Meteorologia com a maquete desenhada por mim na altura em que fizemos a proposta.</p>
<h2>Versão Actual</h2>
<p><img class="alignnone size-full wp-image-493" title="meteo" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/07/meteo.png" alt="Nova versão do website do Instituto de Meteorologia" width="500" height="324" /></p>
<h2>A minha maqueta</h2>
<p><img class="alignnone size-full wp-image-494" title="meteo2" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/07/meteo2.png" alt="Maquete proposta para o website do Instituto de Meteorologia" width="500" height="550" /></p>
<p>De notar que a minha versão é apenas uma maquete e foi o primeiro esboço, por isso, pode não estar tão apelativa visualmente <img src='http://www.ivogomes.com/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Da comparação entre as duas versões, no novo website acho que é de difícil visualização o menu para escolha do dia/hora em que se quer ver a previsão. Penso que em termos de usabilidade, a versão que desenhei tornava esse menu mais visível e mais fácil de usar.</p>
<p>Outra funcionalidade que tambem não foi implementada é a listagem do tempo nas cidades mais importantes nos próximos dias (com a possibilidade de definir outras cidades depois do login). Na anterior versão e nesta nova, continua a ser necessário seleccionar um dia/hora em cima do mapa para ver o tempo nos próximos dias (agora com a versão em Flash é mais rápido do que na versão anterior, mas mesmo assim, podem ser cliques desnecessários). Finalmente, outra coisa que me irritava um pouco no site anterior (e neste continua na mesma) é o facto de ao clicar numa cidade não ter acesso à meteorologia para essa mesma cidade. Em vez disso, é necessário aceder ao item &#8220;tempo na cidade&#8221; que está no fundo do mapa e depois escolher um das cidades num menu dropdown. Seria muito mais fácil clicar na cidade directamente no mapa&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ivogomes.com/blog/novo-website-do-instituto-de-meteorologia/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>O novo website da RTP</title>
		<link>http://www.ivogomes.com/blog/o-novo-website-da-rtp/</link>
		<comments>http://www.ivogomes.com/blog/o-novo-website-da-rtp/#comments</comments>
		<pubDate>Fri, 04 Jul 2008 15:54:28 +0000</pubDate>
		<dc:creator>Ivo Gomes</dc:creator>
				<category><![CDATA[Usabilidade]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[rtp]]></category>
		<category><![CDATA[tv]]></category>

		<guid isPermaLink="false">http://www.ivogomes.com/?p=485</guid>
		<description><![CDATA[Esta semana a RTP anunciou que remodelou a página inicial do site.

Apesar de dizerem que é um "work in progess", penso que a página piorou em relação à anterior. Há quase 2 anos atrás fiz um pequeno comparativo entre os websites dos canais generalistas nacionais onde podem ver os comentários que fiz em relação à página inicial a RTP, e alguns dos problemas mantêm-se.]]></description>
			<content:encoded><![CDATA[<p>Esta semana a <a href="http://www.rtp.pt">RTP</a> anunciou que remodelou a página inicial do site.<br />
Segundo a própria RTP:</p>
<blockquote><p>Após muito feedback dos utilizadores, colaboradores e análise intensiva às audiências do site e padrões de navegabilidade, avançámos para a nova homepage que hoje podem ver.</p>
<p>A grande mudança é, sobretudo, esta página ser assumidamente um &#8220;<em>work in progress</em>&#8220;, evolutivo, em que hoje é apenas um primeiro passo de muitos que se seguirão.</p></blockquote>
<p>Apesar de dizerem que é um &#8220;work in progess&#8221;, penso que a página piorou em relação à anterior. Há quase 2 anos atrás fiz um pequeno <a href="http://www.log.pt/artigos-tecnicos/usabilidade/artigos/comparativo-usabilidade-tvs/2/">comparativo entre os websites dos canais generalistas nacionais</a> onde podem ver os comentários que fiz em relação à página inicial.</p>
<p>Um dos principais problemas que enunciei foi o facto da informação estar toda alojada dentro de caixas:</p>
<blockquote><p>À primeira vista, a página inicial da RTP contém demasiada informação dividida em dezenas de caixas. Esta divisão em caixas faz com que cada bloco de informação se destaque em relação ao fundo; porém, no caso da RTP, todos os blocos têm esse destaque, tornando assim a visualização da página um pouco cansativa para os olhos.</p></blockquote>
<p>Nesta nova versão do site, as caixas mantêm-se e continuam a causar demasiado ruído visual, dando a impressão que a página tem demasiados elementos, o que dificulta a leitura e a procura de informação.</p>
<p>Quanto aos conteúdos, a página continua pobre, contendo apenas uma notícia generalista e uma notícia de desporto (existem algumas pequenas caixas em baixo das notícias com mais alguns destaques, mas têm o texto demasiado pequeno e o modo de funcionamento não é nada intuitivo).</p>
<p>No entanto, aquilo que quero salientar é a falta de consistência de todos os websites da RTP. Cada página tem o seu layout e a sua navegação própria, que muitas das vezes não combina com o cabeçalho que é igual para todas as páginas. Só como exemplo, na página inicial segui quatro links: <a href="http://noticias.rtp.pt">Notícias</a>, <a href="http://desporto.rtp.pt">Desporto</a>, <a href="http://tv.rtp.pt">Televisão</a> e <a href="http://multimedia.rtp.pt">Multimédia</a>. Em todas estas páginas temos um layout diferente:</p>
<h2>Página Inicial</h2>
<p><img class="alignnone size-full wp-image-488" title="rtp_home" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/07/rtp_home.png" alt="RTP Página Inicial" width="500" height="358" /></p>
<h2>Notícias</h2>
<p><img class="alignnone size-full wp-image-490" title="rtp_noticias" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/07/rtp_noticias.png" alt="RTP Notícias" width="500" height="358" /></p>
<h2>Desporto</h2>
<p><img class="alignnone size-full wp-image-487" title="rtp_desporto" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/07/rtp_desporto.png" alt="RTP Desporto" width="500" height="358" /></p>
<h2>Televisão</h2>
<p><img class="alignnone size-full wp-image-491" title="rtp_tv" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/07/rtp_tv.png" alt="RTP Televisão" width="500" height="358" /></p>
<h2>Multimédia</h2>
<p><img class="alignnone size-full wp-image-489" title="rtp_multimedia" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/07/rtp_multimedia.png" alt="RTP Multimédia" width="500" height="358" /></p>
<p>Como se pode ver, a consistência é praticamente inexistente. É como se cada página fosse independente da anterior e a única coisa que indica que se trata tudo da RTP é o cabeçalho. É compreensível que se queira ter uma página diferente para cada secção, mas isso pode ser facilmente conseguindo jogando com as cores em vez de ter páginas completamente diferentes e que não têm nenhuma semelhança entre si.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ivogomes.com/blog/o-novo-website-da-rtp/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>myTVShows 3: As Novidades</title>
		<link>http://www.ivogomes.com/blog/mytvshows-3-as-novidades/</link>
		<comments>http://www.ivogomes.com/blog/mytvshows-3-as-novidades/#comments</comments>
		<pubDate>Thu, 05 Jun 2008 14:58:40 +0000</pubDate>
		<dc:creator>Ivo Gomes</dc:creator>
				<category><![CDATA[CSS & Webstandards]]></category>
		<category><![CDATA[Geral]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Pessoal]]></category>
		<category><![CDATA[Projectos]]></category>
		<category><![CDATA[Usabilidade]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[gestão]]></category>
		<category><![CDATA[mytvshows]]></category>
		<category><![CDATA[séries]]></category>
		<category><![CDATA[tv]]></category>

		<guid isPermaLink="false">http://www.ivogomes.com/?p=475</guid>
		<description><![CDATA[<a href="http://www.mytvshows.org"><img class="imgartigo alignnone size-full wp-image-476" title="myTVShows" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/06/mytvshows.png" alt="" width="200" height="100" /></a>Após alguns meses de desenvolvimento da nova versão do <a title="myTVShows" href="http://www.mytvshows.org">myTVShows</a>, chegou a hora de a disponibilizar publicamente. Esta versão já tinha sido divulgada mas apenas para alguns utilizadores, de modo a poder ter algum feedback sobre as novidades, bugs, novas funcionalidades, etc...

Esta nova versão ainda está longe de ser finalizada. Ainda há algumas funcionalidades em processo de desenvovimento, outras ainda só no papel. Uma vez que foram introduzidas muitas novas funcionalidades, é possível que ainda hajam alguns bugs (apesar de termos feito muitos testes durante a fase em que a aplicação esteve disponível apenas a um conjunto restrito de pessoas).]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.mytvshows.org"><img class="imgartigo alignnone size-full wp-image-476" title="myTVShows" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/06/mytvshows.png" alt="" width="200" height="100" /></a>Após alguns meses de desenvolvimento da nova versão do <a title="myTVShows" href="http://www.mytvshows.org">myTVShows</a>, chegou a hora de a disponibilizar publicamente. Esta versão já tinha sido divulgada mas apenas para alguns utilizadores, de modo a poder ter algum feedback sobre as novidades, bugs, novas funcionalidades, etc&#8230;</p>
<p>Esta nova versão ainda está longe de ser finalizada. Ainda há algumas funcionalidades em processo de desenvovimento, outras ainda só no papel. Uma vez que foram introduzidas muitas novas funcionalidades, é possível que ainda hajam alguns bugs (apesar de termos feito muitos testes durante a fase em que a aplicação esteve disponível apenas a um conjunto restrito de pessoas).</p>
<h2>As Novidades</h2>
<p>Uma das novidades principais é a mudança completa do layout da aplicação. A versão anterior tinha sido inspirada no iTunes e nesta nova versão decidi criar um layout próprio tentando aproveitar o que o layout anterior tinha de melhor.</p>
<p>Quanto às funcionalidades, durante estes últimos meses tenho recebido alguns pedidos e nesta nova versão já consegui aplicar a maior parte deles:</p>
<h3>Adicionar mais do que uma temporada de cada vez</h3>
<p><img class="imgartigo alignnone size-full wp-image-477" title="Adicionar Temporada" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/06/picture-2.png" alt="" width="258" height="130" />Um dos pedidos mais frequentes era o de poder adicionar mais do que uma temporada de cada vez. A partir de agora é possível adicionar quantas temporadas quisermos, desde que sejam separadas por uma vírgula. Ex: 1, 2, 3.</p>
<p>Infelizmente ainda não é possíve adicionar &#8220;todas&#8221; as temporadas disponíveis para uma determinada série, mas vou continuar a trabalhar para que essa funcionalidade seja implementada.</p>
<h3>Não ter que enviar uma imagem para a série</h3>
<p><img class="imgartigo alignnone size-full wp-image-478" title="Imagem de Capa" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/06/picture-3.png" alt="" width="226" height="198" />Outro dos pedidos mais frequentes estava relacionado com o envio de uma imagem de capa para cada série que era adicionada. Muitos utilizadores pediram para que a aplicação automaticamente adicionasse uma imagem correspondente à série.</p>
<p>Na nova versão, o <a title="myTVShows" href="http://www.mytvshows.org">myTVShows</a> automaticamente adiciona as imagens às séries com base nas imagens enviadas pelos outros utilizadores. Assim que uma série é adicionada, é-lhe atribuída uma das imagens já existentes e o utilizador tem a possibilidade de escolher uma nova imagem (ou enviar a sua) sempre que quiser editar a sére.</p>
<p><img class="img alignnone size-full wp-image-482" title="Editar imagem de capa" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/06/picture-8.png" alt="" width="500" height="495" /></p>
<h3>Pesquisa de novos episódios</h3>
<p>No final da lista de episódios de cada temporada passou a haver uma opção para procurar a existência de novos episódios. Isto permite estar sempre a par das novidades da série e dos novos episódios que vão sendo transmitidos. Esta pesquisa é feita com base na data de transmissão original dos episódios nos E.U.A.</p>
<p><img class="img alignnone size-full wp-image-479" title="Pesquisa de Novos Episódios" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/06/picture-4.png" alt="" width="500" height="250" /></p>
<p>Em breve vou tentar implementar uma secção que permita verificar a existência de novidades (novas temporadas/episódios) para todas as séries que temos.</p>
<h3>Link para download dos episódios</h3>
<p><img class="imgartigo alignnone size-full wp-image-480" title="Pesquisa de Torrents" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/06/picture-5.png" alt="" width="352" height="209" />Esta foi sem dúvida a funcionalidade mais pedida e também a mais controversa de implementar. O objectivo principal do <a title="myTVShows" href="http://www.mytvshows.org">myTVShows</a> é o de gerir as séries que vamos acompanhando e não o download das mesmas da Internet, mas finalmente cedi aos vários pedidos e coloquei uma secção com links para sites externos que permitem efectuar o download dos episódios via <a href="http://pt.wikipedia.org/wiki/BitTorrent">BitTorrent</a>. Convém salientar que a disponibilização de links para sites externos não é ilegal e que no <a title="myTVShows" href="http://www.mytvshows.org">myTVShows</a> não é feito o alojamento de qualquer tipo de ficheiros deste tipo.</p>
<h3>Identificação do número de episódios não vistos</h3>
<p><img class="imgartigo alignnone size-full wp-image-481" title="Lista de Séries" src="http://www.ivogomes.com/wordpress/wp-content/uploads/2008/06/picture-6.png" alt="" width="162" height="145" />Na barra lateral, para cada série temos a informação do número total de episódios que nos falta ver para cada uma.</p>
<p>Desta forma é fácil saber em qualquer altura quais as séries em que temos episódios não vistos sem ter que entrar na página da serie.</p>
<h2>Outras Novidades</h2>
<p>Para além das novidades visíveis, foram feitas também alterações a quase todo o código da aplicação para a tornar mais rápida e menos pesada. Dessa forma, todas as imagens foram combinadas numa só (usando o método <a href="http://css-tricks.com/css-sprites-what-they-are-why-theyre-cool-and-how-to-use-them/"><acronym title="Em Ingl&ecirc;s: Cascading Style Sheets">CSS</acronym> Sprites</a>) o que permite que o carregamento seja feito de forma muito mais rápida e de uma só vez. Este métdo teve no entanto algumas consequências para os utilizadores do Internet Explorer 6 (que não suporta imagens <acronym title="Em Ingl&ecirc;s: Portable Network Graphics">PNG</acronym> transparentes) e como tal, oficialmente o <a title="myTVShows" href="http://www.mytvshows.org">myTVShows</a> não é suportado em versões do <acronym title="Microsoft Internet Explorer">IE</acronym> 6 ou inferiores (não só por causa das imagens, mas também porque esta versão do <acronym title="Microsoft Internet Explorer">IE</acronym> também não suporta alguns selectores de <acronym title="Em Ingl&ecirc;s: Cascading Style Sheets">CSS</acronym> como por exemplo o <code>:hover</code>).</p>
<p>Em relação ao <acronym title="Em Ingl&ecirc;s: Cascading Style Sheets">CSS</acronym> ainda não está tudo terminado. Falta criar uma folha de estilos para dispositivos móveis (talvez uma específica também para o iPhone/iPod Touch) e outra para ecrãs mais pequenos, como por exemplo uma TV (sim, há quem use o <a title="myTVShows" href="http://www.mytvshows.org">myTVShows</a> directamente na TV).</p>
<h2>Futuro</h2>
<p>Como disse no início, esta nova versão está longe de ser uma versão final. Optei por divulgá-la já porque penso que já amadureceu o suficiente e também porque ando a ler o livro &#8220;<a href="https://gettingreal.37signals.com/">Getting Real</a>&#8221; da 37 Signals que indica que uma aplicação web deve ser lançada para o público logo que possível. Os próprios utilizadores irão encontrar e ajudar a resolver os bugs e a seleccionar as funcionalidades que mais querem ao longo do desenvolvimento da própria aplicação <img src='http://www.ivogomes.com/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Sendo assim, caso encontrem alguns bugs ou queiram que sejam adicionadas ainda mais funcionalidades (lembrem-se que isto é suposto ser KISS &#8211; &#8220;Keep It Simple, Stupid&#8221;), <a href="http://www.mytvshows.org/contacts.php">informem-me</a>!</p>
<p>Boas Séries!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ivogomes.com/blog/mytvshows-3-as-novidades/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Internet Explorer 8</title>
		<link>http://www.ivogomes.com/blog/internet-explorer-8/</link>
		<comments>http://www.ivogomes.com/blog/internet-explorer-8/#comments</comments>
		<pubDate>Thu, 06 Mar 2008 08:47:07 +0000</pubDate>
		<dc:creator>Ivo Gomes</dc:creator>
				<category><![CDATA[CSS & Webstandards]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[explorer]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[webstandards]]></category>

		<guid isPermaLink="false">http://www.ivogomes.com/blog/internet-explorer-8/</guid>
		<description><![CDATA[Esta semana foi lançada a primeira <a href="http://www.microsoft.com/windows/products/winfamily/ie/ie8/default.mspx">versão Beta do Internet Explorer 8</a>. Este é um grande passo da Microsoft para tornar o seu browser mais compatível com os web standards e fazer com que no futuro os webdesigners não tenham que passar horas e horas a fio a tentar corrigir bugs de interpretação de CSS.

<img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2008/03/picture-1.png' alt='IE8' class="img" />]]></description>
			<content:encoded><![CDATA[<p>Esta semana foi lançada a primeira <a href="http://www.microsoft.com/windows/products/winfamily/ie/ie8/default.mspx">versão Beta do Internet Explorer 8</a>. Este é um grande passo da Microsoft para tornar o seu browser mais compatível com os web standards e fazer com que no futuro os webdesigners não tenham que passar horas e horas a fio a tentar corrigir bugs de interpretação de <acronym title="Em Ingl&ecirc;s: Cascading Style Sheets">CSS</acronym>.</p>
<p><img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2008/03/picture-1.png' alt='IE8' class="img" /></p>
<p>Inicialmente, a equipa que está a desenvolver o IE8 decidiu que o browser iria adoptar por defeito o motor de renderização do <acronym title="Microsoft Internet Explorer 7">IE7</acronym> (isto permitiria que todos os sites antigos e com código feito para versões anteriores do <acronym title="Microsoft Internet Explorer">IE</acronym> continuassem a funcionar correctamente no IE8). Quem já criou um site em <acronym title="Em Ingl&ecirc;s: HyperText Markup Language">HTML</acronym>+<acronym title="Em Ingl&ecirc;s: Cascading Style Sheets">CSS</acronym> sabe que se ele for feito segundo os web standards, ele funciona correctamente em todos os browsers excepto no <acronym title="Microsoft Internet Explorer">IE</acronym> (em que cada versão do próprio <acronym title="Microsoft Internet Explorer">IE</acronym> tem bugs diferentes). Da mesma forma, se um site for feito especificamente para funcionar no <acronym title="Microsoft Internet Explorer">IE</acronym>, é provável que ele venha a ficar meio torto no Firefox ou no Safari. Foi por essa razão que a equipa do IE8 decidiu que por defeito iriam adoptar a renderização do <acronym title="Microsoft Internet Explorer 7">IE7</acronym> (para que os sites feitos para versões anteriores do <acronym title="Microsoft Internet Explorer">IE</acronym> não quebrassem no novo IE8) a não ser que o webdesigner colocasse um código no cabeçalho do site a dizer especificamente que queria utilizar o novo motor do IE8. Esta funcionalidade chama-se &#8220;Version Targeting&#8221;.</p>
<p>Obviamente, toda a comunidade de webdesigners ficou <a href="http://www.google.pt/search?q=IE8%20version%20targeting">revoltada com esta decisão</a>. Com um novo browser não deveria ser necessário especificar que se quer utilizar o novo motor de renderização. Não fazia sentido ter um novo software que usa por defeito um motor da versão anterior.</p>
<p>Finalmente, na passada segunda-feira a equipa de desenvolvimento do IE8 <a href="http://blogs.msdn.com/ie/archive/2008/03/03/microsoft-s-interoperability-principles-and-ie8.aspx">mudou de ideias</a> e o browser virá com o novo motor instalado por defeito. No entanto o &#8220;Version targeting&#8221; continuará a estar disponível para os sites que necessitarem de usar o antigo motor de renderização do <acronym title="Microsoft Internet Explorer 7">IE7</acronym>.</p>
<h2>IE8 Beta 1</h2>
<p>Já cá está! <a href="http://blogs.msdn.com/ie/archive/2008/03/05/internet-explorer-8-beta-1-for-developers-now-available.aspx">O IE8 Beta 1 já está disponível</a> para <a href="http://www.microsoft.com/windows/products/winfamily/ie/ie8/default.mspx">download</a>. Como estou a trabalhar num <acronym title="Apple Macintosh">Mac</acronym> ainda não tive a oportunidade de o testar, mas assim que conseguir ter acesso a um <acronym title="Em Ingl&ecirc;s: Personal Computer">PC</acronym> com Windows (é mais difícil do que possam imaginar) vou experimentar <img src='http://www.ivogomes.com/wordpress/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>As principais novidades no IE8 (que interessam aos webdesigners) são:</p>
<ul>
<li>Suporte completo a <acronym title="Em Ingl&ecirc;s: Cascading Style Sheets">CSS</acronym> 2.1</li>
<li>Melhor desempenho a correr Javascript</li>
<li>Suporte inicial para HTML5</li>
<li>Ferramenta &#8220;developer tools&#8221; instalada</li>
</ul>
<p>Espero que no futuro isto faça com que nos possamos concentrar em melhorar os websites que desenvolvemos, aprofundando mais os detalhes e a experiência do utilizador em vez de nos preocuparmos com correcções de bugs e outros problemas que demoram quase um terço do tempo a resolver.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ivogomes.com/blog/internet-explorer-8/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Emprego: procura-se webdesigner estagiário e outros&#8230;</title>
		<link>http://www.ivogomes.com/blog/emprego-procura-se-webdesigner-estagiario-e-outros/</link>
		<comments>http://www.ivogomes.com/blog/emprego-procura-se-webdesigner-estagiario-e-outros/#comments</comments>
		<pubDate>Thu, 21 Feb 2008 12:53:08 +0000</pubDate>
		<dc:creator>Ivo Gomes</dc:creator>
				<category><![CDATA[CSS & Webstandards]]></category>
		<category><![CDATA[Geral]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[emprego]]></category>
		<category><![CDATA[estágio]]></category>
		<category><![CDATA[log]]></category>

		<guid isPermaLink="false">http://www.ivogomes.com/blog/emprego-procura-se-webdesigner-estagiario-e-outros/</guid>
		<description><![CDATA[Na <a href="http://www.log.pt">log</a> estamos à procura de um <a href="http://www.log.pt/emprego/estagio-webdesign">webdesigner (estagiário)</a> que esteja interessado em juntar-se a mim no departamento de Usabilidade e Acessibilidade. Para tal basta ter alguma experiência em XHTML e CSS e ter interesse pela usabilidade e acessibilidade e pelo desenvolvimento web segundo os webstandards.

Infelizmente para já apenas podemos abrir esta vaga em forma de estágio, mas existe uma boa possibilidade de integração futura na empresa :)

Se estão interessados ou se quiserem saber um pouco mais, podem ver aqui o anúncio: <a href="http://www.log.pt/emprego/estagio-webdesign">Estágio em Webdesign na log</a>.]]></description>
			<content:encoded><![CDATA[<p>Na <a href="http://www.log.pt">log</a> estamos à procura de um <a href="http://www.log.pt/emprego/estagio-webdesign">webdesigner (estagiário)</a> que esteja interessado em juntar-se a mim no departamento de Usabilidade e Acessibilidade. Para tal basta ter alguma experiência em <acronym title="Em Ingl&ecirc;s: eXtensible HyperText Markup Language - HTML reformulado como XML">XHTML</acronym> e <acronym title="Em Ingl&ecirc;s: Cascading Style Sheets">CSS</acronym> e ter interesse pela usabilidade e acessibilidade e pelo desenvolvimento web segundo os webstandards.</p>
<p>Infelizmente para já apenas podemos abrir esta vaga em forma de estágio, mas existe uma boa possibilidade de integração futura na empresa <img src='http://www.ivogomes.com/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Se estão interessados ou se quiserem saber um pouco mais, podem ver aqui o anúncio: <a href="http://www.log.pt/emprego/estagio-webdesign">Estágio em Webdesign na log</a>.</p>
<h2>Temos ainda outras oportunidades de estágio:</h2>
<ul>
<li><a href="http://www.log.pt/emprego/estagio-marketing/">Estágio em Marketing</a></li>
<li><a href="http://log.pt/emprego/programador-estagiario/">Programador Estagiário</a></li>
</ul>
<h2>Além dos estágios, temos também oportunidades de emprego nas seguintes áreas:</h2>
<ul>
<li><a href="http://www.log.pt/emprego/programador-consultor/">Programador/Consultor Perl</a></li>
<li><a href="http://www.log.pt/emprego/programador-consultor-PHP">Programador/Consultor <acronym title="Em Ingl&ecirc;s: Hypertext PreProcessing">PHP</acronym></a></li>
<li><a href="http://www.log.pt/emprego/programador-consultor-java/">Programador/Consultor Java (J2EE/Jboss/Web Services)</a></li>
<li><a href="http://www.log.pt/emprego/programador-consultor-java-ejb-web-services/">Programador/Consultor Java (EJB/Web Services)</a></li>
</ul>
<h2>Sobre a log</h2>
<p>Antes de enviarem os vossos CV&#8217;s posso dar-vos algumas informações sobre como é trabalhar na log:</p>
<ul>
<li><a href="http://www.ivogomes.com/fotos/album/regata-no-rio-tejo/">Fazemos regatas no Tejo</a></li>
<li><a href="http://www.ivogomes.com/fotos/album/passeio-de-balao-pelo-alentejo/">Passeamos de balão no Alentejo</a></li>
<li>Fazemos <a href="http://flickr.com/photos/sukamaluka/414563538/in/set-72157594577016897/">corridas de Karts</a></li>
<li>Jogamos Paintball</li>
<li>Fazemos campeonatos e taças de <a href="http://pt.wikipedia.org/wiki/Pro_Evolution_Soccer_6">Pro Evolution Soccer</a></li>
<li>Fazemos provas de <a href="http://flickr.com/photos/zecalabs/248126703/in/set-72157594292216665/">orientação</a> e <a href="http://flickr.com/photos/zecalabs/248131171/in/set-72157594292216665/">canoagem</a></li>
<li><a href="http://flickr.com/photos/cogurov/504874013/in/set-72157600231722805/">Fazemos Banda Desenhada</a></li>
<li>Temos uma <a href="http://www.ivogomes.com/fotos/album/novo-escritorio-log/page/1/photo/novas-instalacoes-log">mesa de ping pong</a> e uma PlayStation na sala de reuniões
<li><a href="http://www.ivogomes.com/fotos/album/novo-escritorio-log/">Temos um escritório</a> <a href="http://flickr.com/photos/cogurov/sets/72157594330808318/">fixe</a> numa <a href="http://www.santosdesigndistrict.com/">zona &#8220;cool&#8221; de Lisboa</a></li>
</ul>
<p>&#8230;e às vezes vamos tendo tempo para trabalhar em alguns <a href="http://www.log.pt/clientes">projectos interessantes</a> <img src='http://www.ivogomes.com/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.ivogomes.com/blog/emprego-procura-se-webdesigner-estagiario-e-outros/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>TV Shows 1.0 &#8211; Aplicação de Gestão de Séries de TV</title>
		<link>http://www.ivogomes.com/blog/tv-shows-10-aplicacao-de-gestao-de-series-de-tv/</link>
		<comments>http://www.ivogomes.com/blog/tv-shows-10-aplicacao-de-gestao-de-series-de-tv/#comments</comments>
		<pubDate>Fri, 18 Jan 2008 09:58:38 +0000</pubDate>
		<dc:creator>Ivo Gomes</dc:creator>
				<category><![CDATA[Pessoal]]></category>
		<category><![CDATA[Projectos]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[episódios]]></category>
		<category><![CDATA[séries]]></category>
		<category><![CDATA[tv]]></category>
		<category><![CDATA[tvshows]]></category>

		<guid isPermaLink="false">http://www.ivogomes.com/blog/tv-shows-10-aplicacao-de-gestao-de-series-de-tv/</guid>
		<description><![CDATA[<a href="http://www.ivogomes.com/blog/codebits-e-series-de-tv/">Já aqui falei</a> ao de leve sobre este meu projecto de gestão de Séries de TV. Basicamente, o <strong>TV Shows</strong> permite gerir os episódios das séries de TV que costumamos ver. 

Através desta aplicação podemos manter um registo de todas as séries que acompanhamos, quais os episódios que já vimos (e os que faltam ver) e também se temos (ou não) um ficheiro com as legendas para cada episódio.

<img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2007/12/tvshows.jpg' alt='TV Shows' />]]></description>
			<content:encoded><![CDATA[<p class="nota"><strong>Nota:</strong> Este artigo está desactualizado! Já existe uma <a href="http://www.mytvshows.org">nova versão desta aplicação aqui</a>.</a></p>
<p><a href="http://www.ivogomes.com/blog/codebits-e-series-de-tv/">Já aqui falei</a> ao de leve sobre este meu projecto de gestão de Séries de TV. Basicamente, o <strong>TV Shows</strong> permite gerir os episódios das séries de TV que costumamos ver. </p>
<p>Através desta aplicação podemos manter um registo de todas as séries que acompanhamos, quais os episódios que já vimos (e os que faltam ver) e também se temos (ou não) um ficheiro com as legendas para cada episódio.</p>
<p><img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2007/12/tvshows.jpg' alt='TV Shows' /></p>
<p>A inspiração para esta aplicação partiu da gestão de séries efectuada pelo <a href="http://www.apple.com/pt/itunes/overview/">iTunes</a>. No entanto, para gerir as séries via iTunes era necessário adicionar os ficheiros AVI à base de dados (através de um processo manhoso, uma vez que o iTunes apenas permite importar vídeos compatíveis com o iPod) e tê-los sempre disponíveis no disco. Assim, a ideia de ter algo simples que me permitisse saber de forma rápida quais os episódios que me faltam ver em cada série fez com que colocasse mãos à obra (uma vez que, depois de muito procurar, não encontrei nenhuma aplicação que o fizesse).</p>
<h2>Funcionalidades</h2>
<ul>
<li><strong>Gestão dos episódios já vistos e dos que ainda faltam ver</strong><br />
Para cada Série e Temporada temos a listagem de todos os episódios, com um marcador nos que ainda não vimos.<br />
<img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2007/12/episodios1.png' alt='Episódios não vistos' class="img" <img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2007/12/episodios2.png' alt='Episódios não vistos' class="img"/></li>
<li><strong>Informação sobre se já temos ou não o ficheiro com as legendas para cada episódio</strong><br />
Para os episódios que não têm legendas, existem vários websites onde podemos pesquisar e adicionar aos episódios. Assim ficamos com o registo se temos ou não legendas para cada episódio.<br />
<img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2007/12/legendas1.png' alt='Temos legendas' class="img"/> <img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2007/12/legendas2.png' alt='Adicionar Legendas' class="img"/></li>
<li><strong>Importação automática dos nomes e resumos de todos os episódios de cada temporada e dos actores de cada série</strong><br />
Todos os dados são recolhidos dos websites <a href="http://epguides.com">epguides.com</a> e <a href="http://tv.com">tv.com</a> com autorização do autor.<br />
<img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2007/12/importar2.png' alt='Importar dados dos episódios' class="img"/> <img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2007/12/importar1.png' alt='A importar dados' class="img"/></li>
<li><strong>Possibilidade de adicionar séries, temporadas e episódios manualmente</strong><br />
Caso os episódios ou séries que queiramos adicionar não existam na base de dados do <a href="http://epguides.com">epguides.com</a>, podemos adicionar a informação manualmente.<br />
<img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2007/12/adicionar1.png' alt='Adicionar episódios manualmente' class="img"/> <img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2007/12/adicionar2.png' alt='Adicionar os dados dos episódios manualmente' class="img"/></li>
<li><strong>Suporte multilingue</strong><br />
Possibilidade de adicionar novos idiomas à aplicação. Actualmente suporta o Inglês, Português e Português do Brasil (se quiserem ajudar a traduzir ou melhorar a tradução actual, <a href="http://www.ivogomes.com/tvshows/translate/">registem-se aqui e participem</a>.</li>
</ul>
<h2>Mais Informações</h2>
<p>Estas e outras informações estão disponíveis na página oficial do projecto em <a href="http://www.ivogomes.com/tvshows/">http://www.ivogomes.com/tvshows/</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ivogomes.com/blog/tv-shows-10-aplicacao-de-gestao-de-series-de-tv/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Novo website do Alto Comissariado da Saúde</title>
		<link>http://www.ivogomes.com/blog/novo-website-do-alto-comissariado-da-saude/</link>
		<comments>http://www.ivogomes.com/blog/novo-website-do-alto-comissariado-da-saude/#comments</comments>
		<pubDate>Fri, 04 Jan 2008 12:01:34 +0000</pubDate>
		<dc:creator>Ivo Gomes</dc:creator>
				<category><![CDATA[Acessibilidade]]></category>
		<category><![CDATA[CSS & Webstandards]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[alto]]></category>
		<category><![CDATA[comissariado]]></category>
		<category><![CDATA[saúde]]></category>

		<guid isPermaLink="false">http://www.ivogomes.com/blog/novo-website-do-alto-comissariado-da-saude/</guid>
		<description><![CDATA[Acabou de ser lançado esta semana o novo website do Alto Comissariado da Saúde. Estive envolvido neste projecto, nomeadamente no que toca ao design dos layouts e da integração do WordPress com o mesmo, em detrimento do CMS anterior. Além do site principal, foi também redesenhado o microsite com as Metas e Indicadores do Plano [...]]]></description>
			<content:encoded><![CDATA[<p>Acabou de ser lançado esta semana o novo website do <a href="http://www.acs.min-saude.pt">Alto Comissariado da Saúde</a>.<br />
Estive envolvido neste projecto, nomeadamente no que toca ao design dos layouts e da integração do WordPress com o mesmo, em detrimento do <acronym title="Em Ingl&ecirc;s: Content Management System">CMS</acronym> anterior. Além do site principal, foi também redesenhado o microsite com as <a href="http://www.acs.min-saude.pt/pns">Metas e Indicadores do Plano Nacional de Saúde</a>, também usando o WordPress. Ambos os sistes são bilingues. Isto só mostra como o WordPress pode ser usado para gerir um website de forma simples sem ser necessário desenvolver quaisquer funcionalidades adicionais (usámos alguns plugins, mas nada de muito complicado).</p>
<p>Do lado do cliente ficaram bastante satisfeitos, não só porque gostaram do layout mais &#8220;clean&#8221; mas também porque conseguem actualizar mais facilmente os conteúdos do site e deixaram de fazer algumas tarefas manualmente (como por ex: enviar as notícias para a newsletter).</p>
<p>Outra das preocupações existentes estava relacionada com a actualização da <a href="http://www.google.pt/url?sa=t&#038;ct=res&#038;cd=1&#038;url=HTTP%3A%2F%2Fdre.pt%2Fpdf1sdip%2F2007%2F10%2F19000%2F0705807058.PDF&#038;ei=Aht-R4XNG4GIwAG3kIHMBw&#038;usg=AFQjCNH0MLcp18MHxksRc650QcXKPIj7nA&#038;sig2=zJRW37lf4heNlA1gXHtSiQ">resolução do conselho de ministros sobre a acessibilidade web</a> (<acronym title="Em Ingl&ecirc;s: Portable Document Format">PDF</acronym>) em que os websites da administração pública deveriam ter um nível de acessibilidade mínimo de &#8220;A&#8221; até 27 de Dezembro de 2007 e caso prestem serviços transaccionais aos utilizadores, devem ter um nível de acessibilidade mínimo de &#8220;AA&#8221; até 27 de Março de 2008. O website do Alto Comissariado da Sáude enquadra-se no segundo grupo e todo o <acronym title="Em Ingl&ecirc;s: HyperText Markup Language">HTML</acronym> foi entregue cumprindo o nível de acessibilidade &#8220;AAA&#8221; em finais de Novembro <img src='http://www.ivogomes.com/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>E para a posteridade, aqui estão os screenshots das páginas iniciais do site principal e do microsite:</p>
<div class="cl">
<div class="img"><img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2008/01/acs.png' alt='Alto Comissariado da Saúde' />
<div class="caption"><strong>Alto Comissariado da Saúde</strong><br />Página inicial do website do Alto Comissariado da Saúde.</div>
</div>
</div>
<div class="cl">
<div class="img"><img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2008/01/pns.png' alt='Metas e Indicadores do Plano Nacional de Saúde' />
<div class="caption"><strong>Microsite das Metas e Indicadores do Plano Nacional de Saúde</strong><br />Página inicial do microsite com as Metas e Indicadores do Plano Nacional de Saúde.</div>
</div>
</div>
<p>E já agora, aqui fica um screenshot do aspecto do website antes da remodelação:<br />
<img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2008/01/acs_old.png' alt='Antiga versão do website do Alto Comissariado da Saúde' class="img" /></p>
<p> <img src='http://www.ivogomes.com/wordpress/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.ivogomes.com/blog/novo-website-do-alto-comissariado-da-saude/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Codebits e Séries de TV</title>
		<link>http://www.ivogomes.com/blog/codebits-e-series-de-tv/</link>
		<comments>http://www.ivogomes.com/blog/codebits-e-series-de-tv/#comments</comments>
		<pubDate>Fri, 07 Dec 2007 15:56:52 +0000</pubDate>
		<dc:creator>Ivo Gomes</dc:creator>
				<category><![CDATA[CSS & Webstandards]]></category>
		<category><![CDATA[Geral]]></category>
		<category><![CDATA[Pessoal]]></category>
		<category><![CDATA[Usabilidade]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[codebits]]></category>
		<category><![CDATA[sapocodebits2007]]></category>
		<category><![CDATA[tvshows]]></category>

		<guid isPermaLink="false">http://www.ivogomes.com/blog/codebits-e-series-de-tv/</guid>
		<description><![CDATA[O Codebits foi um evento promovido pelo <a href="http://www.sapo.pt">SAPO</a> para programadores de todos os tipos, da <em>web</em>, <em>desktop</em>, <em>hardware</em>, e foi também um evento para <em>hackers</em>, entusiastas e empreendedores da Internet em Portugal, para evagelistas de novas tecnologias, <em>webdesigners</em> e estudantes.

Foi lá que desenvolvi a minha aplicação TV Shows para gerir as séries de TV que costumo ver. Através desta aplicação consigo manter um registo de todas as séries que acompanho, quais os episódios que já vi (e os que ainda me falta ver) e também se tenho (ou não) um ficheiro com as legendas para cada episódio.]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2007/12/codebits.png' alt='SAPO Codebits' class="imgartigo" />Já se passou quase um mês, e ainda não falei aqui do <a href="http://codebits.sapo.pt">SAPO Codebits</a>. O Codebits foi um evento promovido pelo <a href="http://www.sapo.pt">SAPO</a> para programadores de todos os tipos, da <em>web</em>, <em>desktop</em>, <em>hardware</em>, e foi também um evento para <em>hackers</em>, entusiastas e empreendedores da Internet em Portugal, para evagelistas de novas tecnologias, <em>webdesigners</em> e estudantes. No fundo, estava lá quase toda a gente que trabalha nas TI em Portugal. Foi bom conhecer pessoalmente algumas pessoas que apenas conhecia &#8220;virtualmente&#8221; e também conhecer novas pessoas deste meio.</p>
<p>O evento durou 3 dias e a organização está de parabéns. Havia Wi-Fi, comida e bebida à borla, workshops, <a href="http://wii.com/">Wii</a>&#8216;s, <a href="http://www.xbox.com/pt-PT/">Xbox</a>&#8216;s (prefiro sem dúvida os comandos da PlayStation), <a href="http://www.segway.com.pt/">Segway</a>&#8216;s (pela primeira vez experimentei andar num <a href="http://www.segway.com.pt/">Segway</a> e é simplesmente espectacular), etc&#8230; O convívio entre todos os participantes também foi excelente. Foram 2 dias (não pude participar no terceiro dia) espectaculares e esperemos que em 2008 o evento se repita e tenha tanto ou mais sucesso que o deste ano.</p>
<p>O objectivo do Codebits era realizar um concurso entre todos os participantes, em que cada pessoa ou grupo de pessoas poderia apresentar um projecto desenvolvido durante o evento. Não era necessário que o projecto fosse funcional, bastava até apresentar apenas a ideia. Eu não participei no concurso, mas durante o Codebits aproveitei para terminar um projecto pessoal que tinha começado a desenvolver na altura: o <strong><a href="http://www.ivogomes.com/tvshows/">TV Shows</a></strong>.</p>
<p>Basicamente, o <strong><a href="http://www.ivogomes.com/tvshows/">TV Shows</a></strong> permite-me fazer a gestão das séries de TV que costumo ver. Através desta aplicação consigo manter um registo de todas as séries que acompanho, quais os episódios que já vi (e os que ainda me falta ver) e também se tenho (ou não) um ficheiro com as legendas para cada episódio.</p>
<p><img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2007/12/tvshows.jpg' alt='TV Shows' /></p>
<p>A inspiração para esta aplicação partiu da gestão de séries efectuada pelo <a href="http://www.apple.com/pt/itunes/overview/">iTunes</a>. No entanto, para gerir as séries via iTunes era necessário adicionar os ficheiros AVI à base de dados e tê-los disponíveis sempre no disco. Assim, a ideia de ter algo simples que me permitisse simplesmente saber quais os episódios que me faltam ver em cada série fez com que colocasse mãos à obra (uma vez que depois de muito procurar, não encontrei nenhuma aplicação que o fizesse).</p>
<p>E assim surgiu o <strong>TV Shows</strong>!</p>
<p>Uma vez que não sou programador e nunca tinha programado nada assim na vida, o código pode não ser o melhor, mas o que interessa é que funciona e satisfaz a minha necessidade inicial.<br />
Assim, uma vez que pode haver mais gente como eu que tenha a necessidade de gerir os episódios das séries que costuma ver, disponibilizo a aplicação para quem a quiser usar, gratuitamente em <a href="http://www.ivogomes.com/tvshows/">http://www.ivogomes.com/tvshows/</a>. Além do download, existe também uma versão de demonstração e instruções sobre como instalar.</p>
<p><del datetime="2007-12-19T17:09:46+00:00">O único problema (que espero resolver numa futura versão) reside na instrodução inicial dos conteúdos. Uma vez que apenas é possível adicionar uma série ou um episódio de cada vez, a introdução de 5 séries com 24 episódios cada uma, por exemplo, pode demorar o seu tempo. Em breve espero ter alguma forma de introdução em massa via <acronym title="Em Ingl&ecirc;s: eXtensible Markup Language">XML</acronym> ou CSV (mas como não sou programador, vou ter que ler como se faz ou esperar que alguma alma caridosa o faça por mim <img src='http://www.ivogomes.com/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  ).</del></p>
<p><strong>Actualização:</strong> A partir da versão 0.6 já é possível importar os nomes dos episódios directamente do site <a href="http://tv.com">tv.com</a> (via <a href="http://epguides.com">epguides.com</a>). Assim torna-se muito mais fácil a introdução inicial dos dados <img src='http://www.ivogomes.com/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Espero que gostem, e que seja útil na gestão das vossas séries!</p>
<p class="demo"><a href="http://www.ivogomes.com/tvshows/">http://www.ivogomes.com/tvshows/</a></a></p>
<h2>Disclaimer</h2>
<p>Esta aplicação deve ser usada para fazer a gestão dos episódios das séries compradas legalmente em <acronym title="Em Ingl&ecirc;s: Digital Video Disc">DVD</acronym>. O objectivo não é o de promover o download ilegal de filmes ou séries, mas sim, proporcionar uma gestão fácil de todos os episódios que possuimos e saber quais os que já foram vistos e quais os que nos faltam ver.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ivogomes.com/blog/codebits-e-series-de-tv/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>O novo website do jornal Record</title>
		<link>http://www.ivogomes.com/blog/o-novo-website-do-jornal-record/</link>
		<comments>http://www.ivogomes.com/blog/o-novo-website-do-jornal-record/#comments</comments>
		<pubDate>Mon, 01 Oct 2007 09:09:32 +0000</pubDate>
		<dc:creator>Ivo Gomes</dc:creator>
				<category><![CDATA[Acessibilidade]]></category>
		<category><![CDATA[CSS & Webstandards]]></category>
		<category><![CDATA[Usabilidade]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[jornal]]></category>

		<guid isPermaLink="false">http://www.ivogomes.com/blog/o-novo-website-do-jornal-record/</guid>
		<description><![CDATA[O <a href="http://www.record.pt">Jornal Record</a> renovou o seu website há algumas semanas atrás. Além de terem piorado no grafismo (o site parece um <a href="http://www.ivogomes.com/blog/wireframes">wireframe</a>), também pioraram na acessibilidade dos conteúdos. Em relação à usabilidade, continua tão má como antes (continuo a ter grandes dificuldades a distinguir o que é link e o que não é).]]></description>
			<content:encoded><![CDATA[<p>O <a href="http://www.record.pt">Jornal Record</a> renovou o seu website há algumas semanas atrás. Além de terem piorado no grafismo (o site parece um <a href="http://www.ivogomes.com/blog/wireframes">wireframe</a>), também pioraram na acessibilidade dos conteúdos. Em relação à usabilidade, continua tão má como antes (continuo a ter grandes dificuldades a distinguir o que é link e o que não é).</p>
<p>Mas os problemas não se ficam por aqui. Usando um browser moderno (<a href="http://www.apple.com/safari">Safari 3</a>) é impossível ler qualquer notícia no site e, para isso, muito devem ter contribuído os 1027 erros de validação existentes no código <acronym title="Em Ingl&ecirc;s: HyperText Markup Language">HTML</acronym> e os 10 erros de <acronym title="Em Ingl&ecirc;s: Cascading Style Sheets">CSS</acronym>.</p>
<p><img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2007/10/erros-record.png' alt='Erros de validação no site do Jornal Record' class="img"></p>
<p>Quanto à acessibilidade, o abuso de imagens sem texto alternativo e os próprios erros de <acronym title="Em Ingl&ecirc;s: HyperText Markup Language">HTML</acronym> tornam a navegação muito difícil ou quase impossível.</p>
<p>E este é o aspecto da página de uma notícia, tal como (não) se vê no Safari:</p>
<p><img src='http://www.ivogomes.com/wordpress/wp-content/uploads/2007/10/record.png' alt='Página de notícia do Jornal Record, vista no browser Safari' class="img"></p>
<p>Senhores responsáveis pelo website do Record, vejam lá isso&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ivogomes.com/blog/o-novo-website-do-jornal-record/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
	</channel>
</rss>

