To: Mauricio Zuardi , Marcio Galli , Jonas Galvez , Fabio FZero , Anderson Kenji Mise , Felipe Gomes , Cristiano Dias , Gustavo Amigo , Marco Gomes , Ace of Spades , Marcelo Braga , Demian Grull , André Cardoso
Estou desenvolvendo um novo "Single Serving Site"…
A idéia é ser um site minimalista com um só propósito: listar os filmes
que estreiam na próxima sexta nos cinemas brasileiros.
O que o site não é:
- não é um site de resenhas
- não é um site com todos os filmes em cartaz (são estréias apenas)
- não é uma "rede social"
- não é web 2.0
- não é uma aplicação Rails ;)
- não é um site pesado/poluído
- não é um serviço pago, não tem publicidade e não tem fins lucrativos
Por enquanto a URL contem um mockup inicial (extremely under
construction) do que eu acho que deve ter na versão 1.0, a ser lançada
oficialmente dia 8 de Janeiro, ou seja:
- uma home em html estático simples com uma lista não ordenada dos
filmes estreiando na semana corrente
- links p/ as semanas passadas
- rss feed p/ quem quiser assinar
O que ainda falta para poder riscar a linha na areia e declarar este app
"pronto para consumo":
- melhorar a parte automatizada do processo (mesmo que ainda necessite
alguma intervencao humana no lançamento, quero otimizar os processos o
máximo que der)
- uma interface/layout default melhorzinha
- publicar o código fonte
Como vcs podem contribuir:
- testando o site em diversos browsers e devices
- com mockups e sugestoes de design (um design de site simples que eu
sou fã é o http://deadlineapp.com por exemplo), acho que o objetivo é
deixar as informações que o cara procura o mais óbvia possível, se
alguem passar mais de 15 segundos neste site sem fecha-lo ou ir p/ outro
a partir dele é pq falhamos.
- com críticas ao markup e formas de melhorar a performance (o
carregamento da página tem que ser instantâneo, a-lá Google in the
good-old days)
- com sugestões de sources melhores de onde tirar as informações que
geram a lista (este protótipo usa o feed do G1 de forma muito tosca, que
nem vale a pena entrar em detalhes)
- desenvolvendo aplicações que usam a "API" do site e ajudando ela a
evoluir também através de críticas. Que API??? Oras, o próprio site
(scraping is your friend) e o Atom feed.
- com feedback em geral, lembrando apenas que sugestões sobre o que
tirar são sempre mais bem-vindas que sugestões sobre o que colocar(keep
it ridiculously simple stupid).
- com documentação… espera! se este site precisar de documentação é pq
falhamos! ;)
[]s
Fabricio
PS: Ainda não decidi se o nome oficial será com ou sem acento, estou
pendendo a lançar com acento como forma de protesto a esta reforma
ridícula que entra em vigor amanhã.
Subject: Re: Estréia Sexta (Beta-Relâmpago)
From: Marco Gomes
Date: Wed, 31 Dec 2008 12:40:28 -0200
To: Fabricio Zuardi
CC: Mauricio Zuardi , Marcio Galli , Jonas Galvez , Fabio FZero , Anderson Kenji Mise , Felipe Gomes , Cristiano Dias , Gustavo Amigo , Ace of Spades , Marcelo Braga , Demian Grull , André Cardoso
Obrigado por me colocar nessa lista de "alpha testers" :)
Curti a idéia, alguns palpites de quem acaba de acordar e ainda está meio zonzo de sono:
- eu retiraria o iTunes e colocaria um link de busca num site de trailers mais "povao" como YouTube
- quando for implementar a camada de comportamento (JS), os
icones de iTunes, Wkipedia, IMDB, podem aparecer apenas onmouseover no
item, como a "lixeira e reply" do Twitter.
- nome do site no H1 e <title>
- se você quer que façamos scrapping como "API", seria bom ter
a data da estréia em formato ISO: AAAA-MM-DD, esconda-a com CSS
- o nome do filme pode, onclick, abrir um parágrafo de
descrição abaixo (estilo slideToggle), pode, por exemplo, ser o
parágrafo de descrição do próprio G1 ou outro site. Só pro usuário
saber rapidinho sobre o que é o filme
- rodape com quemfes/, falar com vc comfas/
- transformá-lo numa app/widget que eu possa add em iGoogle,
Facebok, Orkut, Dashboard. Eu sei que o feed serve pra isso, mas se ele
for como app pode ter os recursos do site melhor implementados, como
comprotamentos javascript e regras CSS.
Conte comigo pra te ajudar com o fancy JS se precisar, adoro fazer isso :)
Temás .o/
Marco Gomes
from Brazil
Technology
+55 11 xxxxxxxx
+55 11 xxxxxxxx http://boo-box.com
Please don't print this e-mail
Evite imprimir este e-mail
CC: Mauricio Zuardi , Marcio Galli , Jonas Galvez , Fabio FZero , Anderson Kenji Mise , Felipe Gomes , Cristiano Dias , Gustavo Amigo , Ace of Spades , Marcelo Braga , Demian Grull , André Cardoso , Eldes
Valeu pelo feedback Marco, implementei algumas das tuas sugestoes no
último update que fiz:
- Youtube foi adicionado a lista de serviços, coincidentemente esta
semana tem 2 filmes sem trailer no Apple Movie Trailers, portanto veio a
calhar
- Os ícones agora aparecem apenas no mouseover no novo css default
- Temos um novo css padrão, que da mais destaque ao principal(os nomes
dos filmes) mas o antigo pode ser ainda acessado clicando em "basic" no
footer
- O markup agora usa alguns patterns do microformat hCalendar, o que
inclui a data em ISO como dstart, e a data em iso vai tb agora entre
parenteses nos títulos do Atom feed
Quanto às outras sugestoes de descrição, rodapé e opensocial app,
definitivamente válidas, mas nao-blocker p/ o 1.0, vou dar uma pensada
nelas e aviso qdo chegar em algo :)
[]s
PS: adicionei o Eldes no loop, bem vindo!
Subject: Re: Estréia Sexta (Beta-Relâmpago)
From: "Cristiano Dias"
Date: Fri, 2 Jan 2009 16:19:29 -0200
To: "Marco Gomes"
CC: "Fabricio Zuardi"
Eu curti o site e os comentários do Marco. :-D
Vou assinar esse RSS ixperto. Isso, claro, no dia que voltar a frequentar cinemas e parar de ver Discovery Kids.
Opa! Só beta-testei (com hífen! chupem reformistas da gramática!) agora.
Achei as mudanças legais, mas adicionaria mais algumas:
- Eu sei que isso não é uma rede social, mas que tal colocar algum tipo de rating? Como é um site de estréias, pode ter botãozinho simples "Vou ver!" e outro "Nem que me paguem". O ratio vô/num vô apareceria do lado dos filmes.
- Como existe um histórico de estréias, talvez valesse colocar um índice estilo rotten tomatoes também, mas aí pode ser overkill.
BTW, se alguém desenhar um logo com reflexos, fontes arredondadas ou elipses interligadas, leva porrada.
Feliz ano novo galerë. Näö dëïxë ö trëmä mörrër, näö dëïxë ö trëmä äcäbär.
CC: Marco Gomes , Mauricio Zuardi , Marcio Galli , Jonas Galvez , Anderson Kenji Mise , Felipe Gomes , Cristiano Dias , Gustavo Amigo , Ace of Spades , Marcelo Braga , Demian Grull , André Cardoso , Eldes
É, é tentador adicionar ratings ou votos, mas uma coisa leva a outra e
pode desviar um pouco o caminho. Acho que este é um ótimo exemplo p/ ser
implementado como plug-in, e talvez me force a pensar numa alternativa
aceitável p/ plugins.
A respeito do logo, não se preocupe, do que depender de mim e de minhas
habilidades artísticas no Inkscape o logo acabará sendo um all-text tão
feio e sem graça quanto o logo da EFF ou alguma combinação de quadrados
e círculos :P
Opa, aproveitei o pc véio por aqui e testei aqui em todos os browsers no windows, e a aparência está tudo bem próximo.... só o border: thin não rolou pro IE, então acho que vai ser melhor mudar pra pixels msm... e os paddings (ou margens, não sei) na esquerda no IE ficam um pouco maiores... acho que não rolou as regras pra tirar o padding default do <li> nele.... (ainda nao testei qual deve ser a mudança certa, logo vou ver e dou um update)...
ff2 e 3, win safari, chrome e opera tudo blz na aparencia.... =) não tenho IE6 por aqui pra testar =/
achei um bug weird que só acontece na primeira vez que carrega no browser... ele não aplica o estilo default.... acho que tem a ver com a falha de achar o estilo escolhido nos cookies... tem que limpar os cookies e o cache pra ver, mas tem hora que mesmo assim não funciona (!?)... (talvez eu esteja fazendo algo errado pra limpar o cache)... criando um novo profile no FF dá pra ver
no opera dá o pau toda vez que abre o site... acho que o JS que tá pegando o cookie deve dar algum prob no opera... mas who cares!? heheh
ainda não tentei procurar o bug, só vi ele e to reportando.... looking into the JS now =)
CC: Marco Gomes , Mauricio Zuardi , Marcio Galli , Jonas Galvez , Anderson Kenji Mise , Felipe Gomes , Cristiano Dias , Gustavo Amigo , Ace of Spades , Marcelo Braga , Demian Grull , André Cardoso , Eldes
Atendendo a pedidos, em anexo um svg com alguns testes de logo que fiz
agora pouco no inkscape, incluindo alguns com reflexo já que o Fabio é fã 8)
recebi os logos.
(e inclusive vale lembrar que "ikscape rules"! quem os fez usa qual
plataforma? mac linux ou pc?)
meus votos sao para as estrelas de 5 pontas
outro voto, seria fazer como 'estreia sexta' fosse uma galeria de cinema
do tipo 'cinemais' ou 'cinemark' entaum o banner do site, (tanto
cabecalho quanto banner de link) poderia ser um bilhete de cinema. um
ingresso.
tive a ideia por que uma das estrelas desenhadas, me lembra aquela
chancela que fazem no bilhete pra ficar com autorelevo, ou aquela
estampa dourada que fica no canto.
---
IMAGEMS
minha outra sugestao eh. se eh pra ser rapido, eh bom evitar coisa
escrita. falo por que sou dislexico, e pq sei que existe uma regra chama
lei do minimo esforco.
como o rapaz citou 'povao' sobre o lance de tirar itunes e colocar
youtube... se o lance for povao, acho uma boa ideia colocar a foto do
filme do lado da propaganda. e naum sei se isso eh permitido, mas pra
facilitar atualizacao, da mesma forma que se tem um link pro IMDB,
poderia puxar de lah um <img src> da foto do poster.. pois acredito que
os dados do imdb sao os mais oficiais.
----
se eu falei uma coisa obvia, ou uma coisa jah falada nestes ultimos
e-mails, me desculpem.
mas provavelmente da pra se especular o porque pelo que disse aih acima,
afinal tenho dificuldades com leitura.
To: Mauricio Zuardi , Marcio Galli , Jonas Galvez , Fabio FZero , Anderson Kenji Mise , Felipe Gomes , Cristiano Dias , Gustavo Amigo , Marco Gomes , Ace of Spades , Marcelo Braga , Demian Grull , André Cardoso , Eldes , Fabricio Zuardi
Opa, valeu pelas sugestões!
De fato, o poster do filme é importante ter, mas como a idéia é que a
página seja o mais leve o possível, não queria por muita imagem, só
texto e links.
A solução que acabei implementando (se derem shift+reload na home já
está no ar) foi a de adicionar mais um link na barra de serviços, o do
movieposterdb.com junto com youtube, wikipedia, imdb, etc. Assim, p/
quem quiser fazer uma versão da página contendo os posters fica fácil
através de um greasemonkey script, ou mashup ou ainda no futuro quando
eu parar p/ pensar nos plugins, como um plugin.
CC: felipe.gomes, Fabio FZero , Marco Gomes , Mauricio Zuardi , Marcio Galli , Jonas Galvez , Anderson Kenji Mise , Cristiano Dias , Gustavo Amigo , Ace of Spades , Marcelo Braga , Demian Grull , André Cardoso , Eldes
Resolvido o problema!
Agora o site tem um css específico pro iPhone/iPod Touch, e os links
ficam colapsed até o usuário clicar no nome do filme que quer.
Experimentem, está bacana ;)
CC: Fabio FZero , Mauricio Zuardi , Marcio Galli , Jonas Galvez , Anderson Kenji Mise , Felipe Gomes , Cristiano Dias , Gustavo Amigo , Ace of Spades , Marcelo Braga , Demian Grull , André Cardoso , Eldes
é, eu ainda nao sei se a estrela pode combinar, enfim, o bom de ficar
experimentando no inkscape é que depois se quiser fazer uma cartela de
adesivos ja está no jeito :) penso em variacoes no logo dependendo da
aplicacao, assim como o reddit faz.
- iPhone CSS ficou bom! não poluído e simples - Blackberry ficou zoado. Fontes muito grandes nos titulos - Web: link para RSS/Email subscription fica apenas na página de "semana anterior" - Semana anterior não mostra "semana anterior" se não há (OK) porém a HOME mostra "próxima semana" embora não haja dados pra próxima semana - "Volte em breve… Ou assine o feed de notificações" o link do feed aponta pro atom.xml ao invés do Feedburner que aparece no "semana anterior"
To: Mauricio Zuardi , Marcio Galli , Jonas Galvez , Fabio FZero , Anderson Kenji Mise , Felipe Gomes , Cristiano Dias , Gustavo Amigo , Marco Gomes , Ace of Spades , Marcelo Braga , Demian Grull , André Cardoso , Eldes , Fabricio Zuardi
Hehe, vc me pegou no meio de uma manutencao Kenji! Ainda estou mexendo
no footer, por isso que aparece em uma página só, é pq não está pronto :P
Pretendo mudar todas as referencias ao feed pro feedburner, p/ ter
alguma estatistica de acesso, ainda que os numeros do feedburner sejam
notoriamente inflacionados…
Vc sabe qual a resolução do BlackBerry? ou as resolucoes mais comuns?
Existe algum simulador/emulador p/ testar sem o device?
1.
Sugiro incluir o nome do diretor ao lado do filme. Quem gosta de
cinema, como eu, sabe a importância do diretor num filme. Ver apenas o
nome do filme é como ver o nome de um álbum de música sem o nome da
banda/artista que o produziu.
2. Pergunta: O site se refere a estreias no Brasil e no cinema, correto?
3.
Acho os links para Youtube, IMDB, etc dispensáveis. Isto só vai deixar
a atualização do site mais chata. Não é muito elegante, mas um link
para uma busca no google já basta para mim.
4. Sugiro ter outros formatos além do Atom para
obter a informação de forma estruturada. Um JSON ou XML da vida
resolve. Seria ótima para produzir Widgets e afins.
5. Curiosidade, se não é rails, o que vc tá usando como tecnologia?
CC: Mauricio Zuardi , Marcio Galli , Jonas Galvez , Fabio FZero , Anderson Kenji Mise , Felipe Gomes , Cristiano Dias , Marco Gomes , Ace of Spades , Marcelo Braga , Demian Grull , André Cardoso , Eldes
1. Boa.
2. Sim, Brasil apenas.
3. Não me preocupo com a atualização chata no momento, o mais importante
é salvar o tempo do usuário final, e com os links diretos na página ja
da p/ salvar uns 2 ou 3 cliques+page loads. Se a atualização se tornar
algo insuportável e/ou impossível de automatizar(considerando que
"automatizar" inclui a possibilidade de pagar um mturk p/ fazer o
serviço) eu penso no assunto. Em ultimo caso dá p/ manter os mesmos
links mas como sendo links p/ buscas nos devidos sites, o que não dá a
pagina final direto, mas ainda salva cliques (estilo o que o musicbrainz
e o blip.fm fazem)
4. JSON é uma boa, posso fazer. Não-blocker p/ quinta, mas é uma
sugestao simples e válida
5. por enquanto uma porção de arquivos texto e um bash script, mas até
quarta portarei p/ algo que fique no server com uma interface
admnistrativa web, p/ não ter que depender mais do meu laptop.
[]s
Subject: lista
From: Fabricio Zuardi
Date: Mon, 05 Jan 2009 11:47:30 -0800
To: Mauricio Zuardi , Marcio Galli , Jonas Galvez , Fabio FZero , Anderson Kenji Mise , Felipe Gomes , Cristiano Dias , Gustavo Amigo , Marco Gomes , Ace of Spades , Marcelo Braga , Demian Grull , André Cardoso , Eldes , Fabricio Zuardi
Estou mandando em breve um convite p/ a lista que usarei pós-beta,
fiquem a vontade p/ não participarem caso não tenham interesse :)
To: Mauricio Zuardi , Marcio Galli , Jonas Galvez , Fabio FZero , Anderson Kenji Mise , Felipe Gomes , Cristiano Dias , Gustavo Amigo , Marco Gomes , Ace of Spades , Marcelo Braga , Demian Grull , André Cardoso , Eldes , Fabricio Zuardi
Seguindo a sugestão do Smeg de ter tb os dados estruturados disponiveis,
o que vcs acham deste primeiro rascunho da organização p/ os outputs em
JSON (as partes com reticencias são as que eu fiquei com preguiça de
repetir):
Eu gosto das cores do logo, a interface está muito cinza e o logo daria
as cores necessárias, acho que vc pode colocar ele "direto" no fundo,
sem trocar opacidade nem nada =-o
A
leitura do título do filme pode ser prejudicada, mas pode ficar bom
"pelo visual", aí, no mouseover do título, apareceria esse fundo
translúcido branco que facilita a leitura.
Tô falando de imaginação, pode ser que, quando implementado, fique uma merda, mas eu testaria :)
Marco Gomes
from Brazil
Technology
+55 11 xxxxxxxx
+55 11 xxxxxxxx http://boo-box.com
Sei
que não dá para ser muito democrático com essa parada de visual. Mas
que tal tirar o contorno (border:0px) ao redor dos filmes?
[]'s
Smeg
Subject: Re: [estreiasexta] sugestao de logo
From: Fabricio Zuardi
Date: Wed, 07 Jan 2009 08:15:33 -0800
To: gustavo.amigo
CC: Mauricio , Fabio FZero , Marcio Galli , Jonas Galvez , Anderson Kenji Mise , Felipe Gomes , Cristiano Dias , Ace of Spades , Marcelo Braga , Demian Grull , André Cardoso , Eldes
De fato, agora com a figura no fundo estas bordas estao mais poluindo do
que ajudando, acho que vou tirar do css principal e manter no do iphone,
pq la combina.
preferiria que o logo grandao ficasse em apha 40 ou menos... e com as
letras pretas, sem o bg esbranquicado. o bg esbranquicado fica apenas no
mouseover.
da um contraste melhor, e o logo 'full color' usado menor em algum outro
ponto, e em linkbanner.
Não estou seguindo todos os comentários, mas acho que se vc for seguir
com o grayscale, seria legal assumir isso nas cores dos links de baixo
(que atualmente estão com as cores default do browser .. azul e roxo
aqui).
Eu faria branco para links não clicados e um quase-branco para os visitados.
Subject: Re: [estreiasexta] sugestao de logo
From: Fabricio Zuardi
Date: Thu, 08 Jan 2009 07:18:41 -0800
To: Mauricio
CC: Cristiano Dias , Jonas Galvez , gustavo.amigo, Fabio FZero , Marcio Galli , Anderson Kenji Mise , Felipe Gomes , Ace of Spades , Marcelo Braga , Demian Grull , André Cardoso , Eldes
Boa, e eu mudei tb a versao cinza, fiz monocromatico de verdade ao inves
do que tava antes que era o original com saturacao zero, ficou com um
contraste melhor, como o Ace e o Taboca haviam previsto.
Subject: [estreiasexta] Thanks!
From: Fabricio Zuardi
Date: Thu, 08 Jan 2009 08:43:21 -0800
To: Mauricio Zuardi , Marcio Galli , Jonas Galvez , Fabio FZero , Anderson Kenji Mise , Felipe Gomes , Cristiano Dias , Gustavo Amigo , Marco Gomes , Ace of Spades , Marcelo Braga , Demian Grull , André Cardoso , Eldes , Fabricio Zuardi
É com grande satisfação que anuncio: O Beta Relâmpago está oficialmente
encerrado.
Muito obrigado a todos pelas contribuições, se o site hoje está
"lançável" é graças as inúmeras sugestões, criticas e bug-reports de
vcs, valeu mesmo!
|
