FRUM DO GUIA DO HACKER & WHITECOLLARGROUP DESCRIO DE SERVIO: DESIGN

PROJETO GERAL Desenvolvimento de um portal de postagens de mirrors e defacements, tais como Zone-H, Attack-H (in memorian), RemoteInjection (in memorian) e IndonesianDefacer (at 2012). O portal ter ainda estatsticas e suporte a avaliao 5 estrelas, alm de notcias com comentrios (no haver comentrios para os defacements).

TECNOLOGIAS UTILIZADAS HTML (preferencialmente HTML5) CSS3 (preferencialmente CSS3) Javascript (utilizando jQuery)

OBSERVAES Cores, fontes e layouts ficaro a cargo do webdesigner. Solicite apresentao de logomarca para que se torne possvel tom-la como base. Sinta-se livre para sugerir textos. Preencha espaos que tero texto utilizando sentenas do Lorem Ipsum (acesse o gerador em lipsum.com) Formulrios devero estar setados em action= e links em href=#. Preferencialmente escolher-se- recursos de HTML5 e CSS3 ao uso de imagens, ou quando possvel. Preferencialmente utilizar-se- animaes CSS3 e/ou jQuery / jQuery UI. Sejamos semnticos. Evitemos ao mximo certos tipos de gambiarras. Mantenha um cdigo limpo e organizado, indentado e comentado (preferencialmente escreva comentrios entre {* e *}, pois ser utilizada uma template engine como Smarty). Lembre-se que ele passar por diversos programadores, e eles no so designers. Design simples e leve, Evite cores cansativas. Siga as tendncias e padres atuais. Lembre-se que seu trabalho ser visto por pessoas de todo o mundo.

SERVIOS 1. HOME Pgina inicial, onde sero listadas as ltimas notcias em blocos (contendo ttulos, um pargrafo da notcia, imagem e um boto ou link para ver mais. Haver tambm um pequeno e simples formulrio de busca, com um campo de insero de texto, boto submit e um link busca avanada. Haver outro campo de busca logo acima das ltimas notcias, para que seja feita a busca apenas nas notcias. 2. NOTCIA

Ttulos em destaque, imagens (se disponvel) com link para ver em tamanho grande (utilizar-se- galerias como jQuery LightBox), avaliao 5 estrelas e comentrios (desenvolver o formulrio com campos: Apelido, E-mail, Website, Mensagem (textarea) e Captcha, alm de um boto submit, claro). Criar tambm um exemplo de formulrio. O mesmo campo de busca nas notcias tambm ser colocado aqui. 3. ARQUIVO Listagem de mirrors em uma tabela com os headers: Data, Defacer, H (home), M (mass), R (Redeface), defacement especial (a ser preenchido por uma estrela), Domnio, Link para ver mirror. Mximo de 20 linhas por pgina; utilizar-se- paginao. A mesma tabela ser utilizada na pgina de resultados da pesquisa. 4. BUSCA AVANADA Ser tambm a pgina de resultados da busca. Haver um formulrio um pouco maior, com os campos: Domnio IP Defacer Em espera (checkbox) Especiais (checkbox). A tabela utilizada no arquivo ser utilizada aqui. 5. POSTAGEM DE MIRRORS Um formulrio contendo um formulrio com um campo de texto com o texto prvio http://, um campo de texto para insero do apelido do defacer/grupo e um campo de captcha. No campo de insero de website invadido, haver, logo frente, um link + para a criao de outro campo para insero de domnio, no caso de um mass deface (desenvolver-se- em jQuery). 6. VISUALIZAO DE MIRROR Pgina com os seguintes dados: Defacer (um link), data, dados do servidor, domnio, IP do servidor (um link), seguido de uma bandeira pequena indicando o pas de onde veio o IP, flags (H para home, R para redeface, M para mass deface e estrela para especial, alm de uma ampulheta (caso o deface esteja em espera de avaliao) e a avaliao de 5 estrelas. Tambm haver um iFrame exibindo o defacement, cujas dimenses estaro a cargo do designer. 7. PGINA EM BRANCO Pgina contendo apenas footer e header padres, e alguns pargrafos do Lorem Ipsum. 8. REA ADMINISTRATIVA Ser tambm desenvolvida uma rea restrita a administradores. No entanto, fazerse- apenas um header, footer (opcionalmente) e um menu sidebar (barra ao lado). Na maior rea da pgina, apenas alguns pargrafos do texto Lorem Ipsum. 9. LOGIN ADMINISTRATIVO Sugerimos que se d asas imaginao para um desenvolvimento de um formulrio de login (campos: Login, Senha, Captcha e boto Submit) caracterstico aos futuros administradores do portal.