Archive | Projetos RSS for this section

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.

07

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

04

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

09

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.

01

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.

05

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.

02

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

01

03

04

05

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