Archive for Uncategorized

32º dia

Dia passado inteiramente de volta do Illustrator, para de uma vez por todas ter tudo definitivo nos devidos lugares. Parece que quanto menos falta para ser feito mais pormenores aparecem a deixar-nos a cabeça em água. O maior “problema” é mesmo com os formulários, nomeadamente com as opções de resposta (isto quer no de registo como no de procura), pois como o espaço útil ficou mais pequeno, tem que ser repensada de que forma se dá o feedback do sistema e a interacção no mesmo…mas, nada que não se possa resolver.

A parte da tarde revelou-se pouco produtiva, pois sentia-me mesmo muito mal, por isso voltei-me de novo para o Flash e o mapa interactivo. Por sorte o Dr. Luís emprestou-me o mapa da Madeira, com os Concelhos e freguesias delimitadas por Concelho, o que é excelente :)

Amanhã é feriado, dia 1 de Maio.

22º dia

Como no dia anterior consegui fazer uma coisa sozinha, não quis deixar de continuar repetir a “proeza” neste 22º dia de estágio.

O objectivo é fazer scroll no texto, mas como as scrollbar do Flash são “feias”, quis personalizar a minha.

Mas aqui surge um problema, que passo a explicar: o objectivo é ter “scrolling text” no texto sobre a Madeira, e nos 11 textos de cada um dos Concelhos respectivamente. Até aqui tudo bem. Encontrei um tutorial bem simples, com um action script bem simples, que é apenas aplicado a dois botões (cima e baixo, que representei por setas) e o texto numa caixa de texto dinâmica e “scrollable”. Não foi difícil, funciona muito bem e não fica feio nem ocupa muito espaço (como as scrollbars do Flash).

O problema é que eu preciso de uma scrollbar (ou de uma forma qualquer de fazer scroll) na lista de alojamento que surge com a pesquisa de formulário ou pesquisa por Concelho. E preciso que essa lista seja uma lista composta por imagem + texto (nome do alojamento, morada e telefone) mas que seja, também, um botão que abra a página do alojamento. E é exctamente aqui que reside o problema, porque o botão não funciona. Tentei mais 2 maneiras de fazer scroll diferentes, na verdade passei o resto da tarde a tentar fazer os botões com em scroll, mas não consegui :(

13º dia

Hoje continuei o trabalho que vim a desenvolver nos últimos 2 dias (com os logótipos e com a identidade gráfica do portal).
As ideias que tenho procurado transmitir, para além da ideia mais “turística” da Madeira, é a de conforto, frescura, natureza e requinte. A ideia do requinte tenho tentado passar através da imagem do Bordado Madeira. O conforto, ou através da representação de uma casa (abrigo) ou atravéz das cores quentes (laranjas). A frescura, como não poderia deixar de ser, através do verde, da estrelícia ou do azul (mar).

No entanto, hoje deparei-me com duas dificuldades:
No que respeita a botões, tive (e tenho) alguma dificuldade em escolher cores (contorno, cor de fundo, cor da letra, cor no “feedback”) e ainda recorri aos resumos que fiz da bibliografia recomendada, nomeadamente Edward Tufte: as cores brilhantes nos contornos fazem realçar os pastéis. Mas esta não deixa de ser uma questão delicada, devido à vibração que certas cores provocam juntas. Por exemplo, o azul cinza, com contorno laranja (sobre um fundo branco)? Ainda não consegui concluir se é uma combinação que resulta ou provoca vibração…

Outra das dificuldades encontradas, e que me fizeram “perder” algum tempo hoje nestas questões, foi com a tipografia dos botões. Os exemplos que desenhei ontem e hoje, usei Arial Narrow (por ser mais estreita “ajeita-se” melhor no espaço do botão), no entanto suscita muitas dúvidas. Não sei que critério usar para a tipografia dos botões, se devo seguir as mesmas regras da tipografia na Web, ou posso variar um pouco mais…

Hoje, também, ja integrei alguns dos exemplos de layout no Flash.
E, mais uma razão para eu adorar o Adobe Illustrator CS2: o copy paste funciona perfeitamente do Illustrator para o Flash, até as layers. O único senão é em relação às cores, mas até aí o Illustrator dá a possibilidade de exportar directamente em SWF (que depois é só importar para a library no Flash, e usá-lo directamente).

:)

Aproveito e deixo aqui um documento em PDF que descarreguei durante a minha pesquisa na questão dos Logótipos.

logoworks_free-logo-book.pdf

Fonte: Logoworks

12º dia

Neste 12º dia continuei com o trabalho do dia anterior. Criei mais 3 logótipos, fui conjugando diferentes elementos uns com os outros e foram surgindo mais ideias e coisas novas.

Tentei, também, vectorizar uma orquídea, e construir algo a partir daí, mas a orquídea ficou demasiado esquisita :D e desisti dessa ideia.

No Adobe Illustrator CS2 (já mencionei aqui o quanto gosto do Illustrator?) “rabisquei” 6 templates da primeira página do portal.

Amanhã vou continuar com este trabalho, tentar pegar nos elementos e integrá-los também no layout, não só colar os logótipos na interface…

:)

10º dia

Novamente, mais um dia a tentar entender-me com os Components do Flash para fazer o Formulário…
2ª feira, 9h da manhã e começo eu a fazer um tutorial…às 13h já ia eu na 2ª tentativa, e quando regressei do almoço, ainda tentei mais uma vez.
Desisto…
Amanhã de manhã terei que mostrar os formulários provisórios que criei ao Dr. Luís e pedir-lhe ajuda.

Entretanto aproveitei para ir criando alguns “esquemas” de cor, ou seja, combinações de cor, gradientes e esbocei alguns botões.
Uma vez que se trata de um portal de alojamento, ou seja, o conceito está relacionado com a procura de conforto, ou a oferta de conforto aos clientes, pensei usar uns tons mais quentes…tons alaranjados, beges, salmão…embora também tenha experimentado o verde (associado a natureza – frescura – Ilha da Madeira) e os azuis (azul – mar – céu azul), embora os azuis não me tenham chamado a atenção.
A pensar na identidade gráfica do portal, pensei em aspectos distintos do Arquipélago, mas com algum requinte e sem cair num lugar comum: lembrei-me do Bordado Madeira, até porque está mais em voga ultimamente, e também usa os tons bege e castanho (tons mais característicos).

Este será, também, um assunto a discutir amanhã :)

8º dia

Depois de ter a interface mais ou menos definida, e ainda com a gripe no auge, não desisti e fui para a empresa.
Confesso que a esta altura, depois da maquete estar pronta, me senti um bocado perdida, do género: ” E agora o que faço?”
Decidi meter mãos à obra e comecei a ver exemplos e tutoriais de formulários em HTML e em Flash.
O cliente pretende os formulários no Flash e depois integrados com o PHP.
Como é que isso se faz?
Não faço ideia! Mas é melhor procurar e tentar do que ficar 8 horas sentada na cadeira sem nada para fazer.
Confesso que sou uma baldas: na altura que aprendi HTML e CSS na faculdade achava que não iria precisar mais daquilo para nada. ERRADO!
E como nunca é tarde para aprender…
Fartei-mde que procurar exemplos de formulários feitos em Flash (com Action Script), mas nunca nada como o que eu pretendia.
Nunca tinha usado (nem sequer experimentado) os Components do Flash, então dediquei-me a explorá-los, já que são meio caminho andado para o formulário.
A verdade é que consegui ainda fazer alguns exemplos.
Amanhã vou tentar fazer a primeira página do formulário de Utilizador (ou administrador) e explorar mais os exemplos que “saquei” da internet.

É bom pensar que amanhã tenho um objectivo novo a cumprir para o projecto, mesmo que seja complicado pegar assim em códigos.

Fica então aqui uma lista da maioria dos sites consultados hoje (relacionados com Programação):

  • http://www.criarweb.com/artigos/57.php
  • http://www.coolhomepages.com/
  • http://w3-markup.com/
  • http://www.htmlstaff.org/ver.php?id=7905
  • http://www.codigofonte.net/scripts/php
  • http://www.tutoriaisclube.com/tutoriais.php?catid=20&area=2&pag=3
  • http://www.apostilando.com/pagina.php?cod=1
  • http://www.flashloaded.com/

Prevêm-se mais para amanhã :)

7º dia

Foi com muito esforço que saí da cama neste 7º dia de estágio, mas, como o estágio não deve ser a via mais fácil (ficar em casa a descansar) lá fui, de sobretudo e cachecol para a empresa, não fosse a corrente de ar me trair outra vez…
Tenho ouvido bocas do meu colega de trabalho, o Sr. Rui, natural do continente e viciado em chocolate, que me diz que se nota pela quantidade de roupa que uso num dia mais fresco, que sou natural daqui da Madeira…
O ambiente na empresa é agradável, se não contar com o som dos telefones: toca na recepção, ao fim de dois toques ninguém atende, toca os de dentro (a sala onde estamos todos) e ainda os da gráfica (opera no andar de baixo) e isto quando não tocam os telemóveis!

Mas voltando ao trabalho…
Logo de manhã mostrei as maquetes ao Dr. Luís, a ver o que ele achava da interface.
Chegamos a algumas conclusões, nomeadamente certos elementos a retirar no formulário, isto porque é impossível saber se os softwares usados nos hotéis são compatíveis com a programação usada no nosso portal, já para não falar dos clientes individuais.

Outra coisa que me foi pedida, foi incluir o a forma de pagamento pela subscrição do serviço (clientes aderentes ao portal).
Esta questão é um grande nó na minha cabeça…
Um dos requisitos do cliente é que o portal seja auto suficiente, que seja possível o administrador inserir os dados a partir de um browser comum, e efectuar todas as acções através do browser.
O ideal para este serviço de pagamento, seria um sistema que gerasse uma entidade e referência multibanco, à semelhança do site Olhares (a subscrição do serviço Premium), mas como essa é uma questão delicada e que não depende só de mim, prefiro pensar nela mais adiante, quando as coisas estiverem mais definidas (isto com o sistema de pagamento, quer seja PayPal, Cartão de Crédito, etc).
Outros elementos que foram retirados do formulário foram:

Retirar a opção de período de estadia;
Retirar as datas de entrada/ saída do alojamento;
Retirar a opção Qualidade/ Preço, e ficar apenas Qualidade
A opção Nº de pessoas fica em aberto por enquanto.

Fiquei, ainda, muito satisfeita por saber das estratégias de “campanha” que estão programadas para o “portal modelo”, o MadeiraMenu. Isto porque, se o portal que estou a desenvolver é do género do MadeiraMenu, tenho grandes esperanças que a estratégia seja a mesma (em termos de divulgação). Se assim for, será mesmo um orgulho ter feito parte deste projecto :)

6º dia

Tal como esperava, neste 6º dia terminei a maquete para a área de administrador.

A interface/ navegação não é muito diferente da parte de utilizador comum, apenas tem os campos de inserir texto, como por exemplo os dados relativos à propriedade: nome, morada, pessoa a contactar, telefone, e-mail e página web.

Neste 6º dia não adiantei muito mais do que a maquete para a parte de administrador, da parte da tarde comecei a sentir-me mal, e o inevitável aconteceu: gripe :(

5º dia

Depois do fim de semana, em que praticamente descansei e refelcti no projecto, estive a fazer alterações na maquete do portal: futuro logótipo do portal deixa de estar no centro da área útil e passa a estar em cima. Assim, “desanuvia” o espaço dedicado aos conteúdos propriamente ditos, e deixa o espaço respirar.

Outro dos aspectos que tive em atenção foi já com a resolução, que, tal como tinha pensado, será os 1024/ 768. A área útil (sem contar com o logótipo do portal, botão para mudar idioma e botão para activar o mapa interactivo) mede cerca de 670/ 415 px. com mais uma barra de 150/ 415 px. reservada a anunciantes.

Com tudo isto já definido, continuei a maquetizar as páginas do portal, assim como os respectivos “feedbacks“, isto ainda na área de utilizador comum.

Julgo que amanhá, da parte da tarde, já irei começar a maquetizar o formulário da área de administrador.

4º dia

Continuei de volta do diagrama.

Cada vez mais dou valor à planificação das coisas, a esta disciplina. Confesso que a falta de discilpina na planificação de trabalhos sempre foi o meu calcanhar de aquiles, por isso estou a fazer um esforço extra desta vez para fazer um bom trabalho, a começar pela planificação.

Cada vez que olho para o mapa de conteúdos que criei, e para o diagrama das páginas (os links e onde fica o quê) vejo alterações que preciso fazer. No entanto considero positivo que assim seja, significa que estou concentrada e que o quero fazer bem.

Chamo-lhe diagrama, mas podia chamar-se maquete (muito) provisória, que vou ajustando conforme a necessidade e conversas com o cliente.

Neste 4º dia, para além de ter continuado o trabalho do dia anterior (construção do diagrama ou maquete) a minha atenção andou essencialmente à volta da parte das votações e das reservas.

Em vez de abrir uma nova página quando o utilizador clica em “votar”, surge uma janela estilo pop up para evitar que o utilizador saia daquela página. Depois de efectuar o voto em 5 categorias – para além das 4 categorias enumeradas no post do 2º dia, foi adicionada uma 5ª a pedido do cliente:

  • preço / qualidade
  • qualidade do serviço
  • conforto
  • higiene
  • decoração

o utilizador recebe uma mensagem de “reserva efectuada” numa janela semelhante à do voto.
O mesmo acontece com as reserva, só que, neste caso, a tal janela oferece 2 possibilidades: ou envia um e-mail para o endereço do respectivo alojamento (abre o outlook) ou faz a reserva através do formulário do portal (clicar nesta opção leva o utilizador à homepage do utilizador, ou seja, ao formulário de pesquisa).

Outra preocupação que tenho tido na elaboração da maquete de cada página é a de não copiar o modelo do MadeiraMenu, apesar do cliente mo ter dado como modelo. Tenho-o usado mais como referência de navegação do que para o layout, mas, como já se sabe, a palavra do cliente é sempre a última, e como ainda não terminei o diagrama/maquete, ainda não a mostrei ao cliente.

Aproveitei, também, para dar mais uma olhadela pela bibliografia que a empresa dispõe, mais uma vez o Web Design Index vol. 6 ( Compiled by Günter Beer), da The Pepin Press/ Agile Rabbit Editions), já que é sempre bom ver referências.

E por falar em referências, é meu dever partilhar esta: BrightBox , o portfolio online de Nicky Laatz, na minha opinião um site muito engraçado, conceito interessante e divertido.

Outra referência online consultada (muito menos interessante e nada divertida) foi este portal: Venere.com , já que também é um portal relacionado com o tema do meu projecto.

:)

Vou tentar adiantar alguma coisa este fim de semana, mas vou, essencialmente, aproveitar para algum descanso, já que sair às 19h e entrar às 9h do dia seguinte não mata mas mói.

Follow

Get every new post delivered to your Inbox.