Park Fashion

Ao som de Nickelback – Hero

É incrivel o que se pode fazer quando se empenha de verdade.. e time que eu jogo num perde nem a pau ( meu amigo Augusto deve ta se retorcendo agora.. ahahahah ).
O Parkfashion foi um evento sobre moda realizado no ParkShopping, e o Grupo de Comunicação em que trabalho precisava cobrir e só tinha uma semana pra deixar pronto, e no dia do lançamento estava pronto. Valeu trabalhar de 8 da manha as 22:30 quase todos os dias, contando sábado e domingo.

Ele precisava de uma área administrativa com galeria de fotos, galeria de videos, cadastro de notícias , noticias relacionadas e uma home page com destaques, alguns com videos e fotos, upload de edições especiais do jornal,tudo com qualidade ( se tenho que fazer, que seja bem feito ) e mantendo sempre em mente o K.I.S.S ( Keep it simple, stupid .. ahahaha) .

O restante das páginas o conteúdo era estático, o que facilitou muito o lado que precisava ser gerenciado.

Foi um desafio e tanto. Mas mandei ver, porque sou brasileiro e não desisto nunca.

Para resolver o problemas das imagens, usei o PHPTHUMB, pra quem não conhece, deveria conhecer.

Usei a Phpthumb para redimensionar as imagens e gravá-las no tamanho certo e gerar as thumbnails.

Também optei por ler os arquivos diretos das pastas, usando DirectorIterator do PHP, o que me deu um ganho de perfomance.

Usei uma prettyphoto( um plugin da Jquery ) para mostrar as fotos e  os videos.

E o resultado foi esse:

Capa

Galeria de Fotos

Thumbs Geradas com PHPThumb

Prettybox em ação

Galeria de Video

Video no prettybox

Noticias Relacionadas a direita

Tecnologias:

Banco de dados:MYSQL 5.
Server Side: PHP 5;
PhpClass: PHPThumb.
PhpClient Side: Javascript.
Js Library: Jquery.
IDE: NetBeans.
Gráficos: Photoshop CS 4.
Layout: Tableless | CSS
Jquery Plugin:Prettybox

Cartão de fim de ano

Ao som de AC/DC – You Shook Me All Night Long

Mais um ano terminando..ano de muitas mudanças.. algumas boas.. outras ótimas.. e sempre melhorando.. O próximo ano há muitos planos.. e vamos trabalhar para que se concretizem, porque como disse Einstein, ” O único lugar onde sucesso vem antes de trabalho é no dicionário”.

E como sempre mais um cartão de fim de ano.

Renovem-se.. de nada adianta um ano novo, com velhos conceitos.. velhas opiniões..velhos hábitos e velhas atitudes..

Todo dia é dia pra se fazer um novo ano.

Citando o I Ching: ” Aquilo que não muda ou não se transforma, morre..”.

Tecnologias:

Imagem: Corbis.

Editor: Fireworks CS4.

Nova cara do CodeWorks

Ao som de Anggun – Rose in the wind

Bom.. dei uma melhorada na cara do codeworks.

Tava na hora..rsss.. não é o site definitivo, mas só pro pessoal sentir o que vem por aí quando ele estiver pronto ( pro alto e avante 😉 )

Site Banco Didático PathWork

Ao som de Chris Daughtry – HOME

Finalmente no ar… o site do Banco Didático ficou pronto.

Cada site pra mim é como um filho, e apesar de gostar muito do Cuidar-se, o banco é de longe o projeto em que mais investi o que tenho aprendido e minha fase do uso de framework’s  JS ( dá-lhe Jquery )… e o resultado foi excelente ( é eu sei.. modéstia nunca foi meu forte, mas eu tenho porque falar isso, mas como disse continuo sendo um cara legal, afinal só sacaneio quem gosto  )….

Ficou muito bom ( já sei Augusto.. sempre fica.. e ficou mesmo.. sou um cara style.. ahahaha.. já posso imaginar a cara dele quando ler isso..rsss .. ),   pra começar, ele tem um menu em português e espanhol.

Múltiplo upload de arquivos: A cada tipo de arquivo selecionado, dentro dos tipos permitidos, acrescentei uma “iconização”, que facilita ao usuário ver que tipo de arquivo está sendo enviado. Ele ainda tem a opção de apagar o arquivo e recomeçar.

Parte administrativa toda controlada por abas: Facilita o processo de atualização.

Campos auto editavéis: ( será que usei na nova regra?? … rs 😉  ) que mudam o estado e o tipo ao ganhar e perder o foco.

ToolTip’s com Animação : Tooltip’s que dão informação sobre o campo ao usuário, com efeito suave ao aparecr e desaparecer.

Sistema interativo de busca: O usuário tem nessa parte uma lista com os módulos e qual arquivo o módulo pertence. Ao clicar no módulo, note que atrás há uma “grid” com os respectivos módulos, que ficam vermelhos. O usuário pode selecionar quantos módulos desejar e receber o resultado de uma busca via AJAX.

Tela de autenticação e processamento : Quem nunca ficou furioso ao logar ou enviar um formulário num site que só aparecer aquela tela branca?? ( eu sou um .. rsss ). resolvi isso com um modal e um pouco de criatividade.

As imagens  dinâmicas: As imagens da página inicial são alteradas a caa carregamento.

Tecnologias:

Banco de dados:MYSQL 5.
Server Side: PHP 5;
Client Side: Javascript.
Js Library: Jquery / UI Jquery.
IDE: Eclipse for PHP.
Gráficos: Fireworks CS 4.
Imagens: Corbis.
Layout: Tableless | CSS
Jquery Plugin: Validate | BlockUi | Mask Input
Ui Jquery Plugin: Tabs

Telas de Abertura

Ao som de Liftin Up ( HouseRemix) – Dj Owen

Tela de abertura, segundo o google: [Do inglês Startup Screen]. Imagem gráfica exibida na tela do computador assim que um programa é inicializado. Normalmente traz informações sobre a versão do software, número de série, copyright, logotipo do fabricante e identificação do usuário.

Telas dos sistemas da empresa onde trabalho.

Tecnologia: Fireworks Cs4

E-mail de indicação Banco didático

Ao som de Lady Gaga – Poker Face ( Alan Eletro remix )

O marketing sempre foi um fator que sempre me atraiu. principalmente quando ele é disparado pelo próprio usuário.

No site do banco didiático, há um lugar onde o site é indicado para outras pessoas, que recebem essa arte e é claro que existe ainda um texto explicativo, que não coloquei aqui por uma questão de privacidade do cliente.

O site do banco didático está em fase final, e logo mostrarei como ficou bom.. rss.. como diria meu amigo Augusto “sempre fica”.. rss.. e eu respondo : “fazer o que se eu sou bom mesmo meu amigo??.. e para de ficar pejorizando as pessoas.. ahahahaha…”

Tecnologia: Fireworks Cs 4
Imagem: Corbis