Sumrio

rvore Organizacional do Site ..............................................................................................2 rvore Organizacional Completa.............................................................................................. 3 Guidelines Identificadas no Site da FATEC-SO .......................................................................4 Guidelines Sugeridas para o Site da FATEC-SO ......................................................................7

rvore Organizacional do Site

A seguir, apresentaremos a rvore organizacional do site da FATEC-SO (http:// http://www.fatecsorocaba.edu.br/), obtida por meio da ferramenta gratuita Website Extractor. A rvore apresenta os skins, scripts, imagens e tantos outros arquivos que formam o site.

Figura 1: Site da FATEC-SO desmembrado em rvore organizacional.

Eis a rvore completa que, pde ser montada a partir dos downloads de arquivos realizados pelo programa, obtendo inclusive informaes detalhadas dos recursos do site:

rvore Organizacional Completa do Site da Fatec-SO:

Figura 2: rvore Organizacional do site FATEC-SO completa.

Guidelines Identificadas no Site da FATEC-SO

Guideline 1 Exemplo Guideline 2 Utilizar cores de acordo com o logo principal FATEC / ETEC, no caso, o vermelho, o preto, o branco e cinza. A aba principal de botes possui fonte branca e fundo vermelho. Exibir notcias de destaques em uma exibio de loop, seguindo a formatao padro de textos no decorrer do resto do site Na aba Notcias, h notcias de coisas novas na faculdade com fonte vermelha e fundo branco. Essas notcias ficam subindo e voltando embaixo, rodando constantemente em flash. Exibir as atualizaes no centro com ttulo em destaque vermelho e uma breve descrio embaixo do mesmo. No centro, h as informaes principais, como vestibular, intercmbio cultural, etc. Utilizar links externos, ou pop-ups, para a maioria das informaes/notcias Ao clicarmos no boto Vestibular, aberto uma nova aba/janela do navegador com o site www.vestibularfatec.com.br Exibir o calendrio do ms atual com a data do dia atual em destaque, utilizando fonte vermelha. Embaixo da aba Notcias h o calendrio em destaque, com uma aba exclusiva s para o mesmo. Destacar uma aba de botes contendo links que o levam ao site do Centro Paula Souza e outros (a minoria) lugares do mesmo site. Os botes/links Clipping, Vestibular, a pesquisa, o clima, etc, abrem sites especficos para eles (tempoagora.com.br, vestibularfatec.com.br, centropaulasouza.sp.gov.br) Exibir, no canto direito superior, abaixo dos botes, uma caixa para digitar uma pesquisa qualquer no Google. Na aba Pesquisar, qualquer coisa que digitemos exibido resultado do Google.

Exemplo

Guideline 3

Exemplo Guideline 4 Exemplo

Guideline 5

Exemplo

Guideline 6

Exemplo

Guideline 7

Exemplo

Guideline 8

Exemplo

Guideline 9

Exemplo

Guideline 10 Exemplo Guideline 11

Exemplo

Guideline 12

Exemplo

Guideline 13

Exemplo

Guideline 14

Exemplo

Guideline 15

Exibir botes ilustrativos, abaixo do calendrio, que levam sites externos de comunidades da FATEC-SO Embaixo do calendrio, h links para o blog da FATEC, facebook da FATEC, vestibular, site da VIARAPIDA, twitter da FATEC e o Google Maps da FATEC-SO. Exibir no canto esquerdo, um conjunto de botes, separados por assunto, contendo os principais assuntos de diretoria e alunos. No canto esquerdo, temos as sesses de Menu Principal, Diretoria Acadmica e Diretoria Administrativa. Utilizar linguagem voltada usurios mais avanados/intermedirios. H links com nomes de Clipping, MSDNAA e Softwares Educacionais. Exibir, em constante movimento horizontal, links para todos os cursos que a faculdade oferece. Bem abaixo no final do site, h, em flash, todos os cursos da FATEC-SO, que so exibidos da direita para a esquerda em velocidade mdia. Exibir, abaixo do grupo de botes esquerdo, o clima do dia atual, contendo informaes de temperatura. Abaixo da aba Diretoria Administrativa, h informaes do tempo, de acordo com o site TEMPOAGORA. Organizar o Corpo Docente em ordem alfabtica, independente da rea de atuao ou curso que mestra. O Corpo Docente exibido dentro do link Corpo Docente em ordem alfabtica, independente do curso ou grade. Exibir apenas a carga horria e breve descrio dos cursos que so exibidos para clicar na home Page. A informao de Anlise e Desenvolvimento de Sistemas especfica o curso e detalha a carga horria (2880 horas), mas no exibe as matrias. Utilizar uma simples interface para enviar e-mails faculdade.

Exemplo

Guideline 16 Exemplo

Guideline 17

Exemplo

Guideline 18

Exemplo

Guideline 19

Exemplo

O envio de e-mail para contato simples e de fcil utilizao. apresentado os campos para inserir o Nome, o E-mail, o Assunto e a Mensagem. Evitar ao mximo o uso de fotos para destacar notcias, quadros e afins. Em lugar algum utilizado fotos para exibir as mensagens. H apenas fotos na sesso de fotos do prdio (algumas, apenas). Separar o contedo dos ttulos em subttulos que abrem, quando h, mais informaes especficas. Na aba Menu Principal, temos o subttulo Institucional que no abre mais informaes ao lado especficas. J o subttulo Coordenadorias exibe, ao ficarmos com o ponteiro do mouse em cima, outros subttulos ao lado direito com os cursos levando, ento, a cada coordenadoria especfica. Utilizar imagens em formato .png e .pdf para informar sobre matrculas, notas de alunos, estgios, e afins. Ao clicarmos na sesso Calendrio Escolar aberto um .pdf para download, onde o mesmo contm as informaes especficas. Tratar os erros de manuteno de site e erros de login na mesma pgina, no centro, sem detalhes e/ou sons de alerta. Ao clicarmos no link Informaes da sesso Programa de Formao Pedaggica, somos levados uma mensagem de manuteno no mesmo site, no centro, com a mesma formatao do restante do site.

Guidelines Sugeridas para o Site da FATEC-SO

Guideline 1 Exemplo Justificativa Manter o site atualizado constantemente Sempre exibir notcias e demais informaes atuais. Muitas das informaes disponveis so antigas a ponto de no serem mais de interesse. Alm do fato de a parte inferior do site exibir: 2011 em pleno Dez/2012 Exibir som de alerta de erro e fontes alternativas em tratamento de erros de logins e afins. Quando ocorrer alguma informao invlida em login ou em lugar de acesso, emitir um som suave de erro p/ alert-lo. No h sons ou detalhes especiais para o tratamento de erros. Alinhar-se uma linguagem de programao Seguir um padro de linguagem de programao de acordo com a especializao dos que o mantm. De acordo com a rvore organizacional, h vrias linguagens sendo utilizadas, como flash, css, html, clipping, asp, etc. No utilizar recursos que no so de interesse do pblico alvo do site. Informaes de clima e esportes em um site acadmico H informaes de clima, esportes e calendrio, irrelevantes e poluindo a tela. Utilizar/manter as ferramentas que gerenciam o site atualizadas. Qualquer clique de link/boto deve levar algum lugar de acordo com o esperado. H programao antiga sem atualizao e muitos dos links no levam a lugar algum. Manter o visual limpo e de fcil entendimento. No deixar uma massa de textos e informaes em conjunto. H muita informao com prioridade igual s demais, ou seja, tudo est no mesmo tamanho de fonte e formatao.

Guideline 2

Exemplo

Justificativa Guideline 3 Exemplo

Justificativa

Guideline 4 Exemplo Justificativa Guideline 5 Exemplo Justificativa Guideline 6 Exemplo Justificativa

Guideline 7 Exemplo

Justificativa Guideline 8

Exemplo

Justificativa Guideline 9 Exemplo

Justificativa Guideline 10

Exemplo

Justificativa

Guideline 11

Exemplo

Justificativa

Guideline 12

Exemplo

Utilizar imagens para destacar notcias e assuntos relacionados. Utilizar uma imagem nas notcias de programao, dos prdios, vestibulares, etc. No h imagens/fotos para destacar os assuntos do site. Organizar o Corpo Docente tanto por ordem alfabtica quanto por curso ou rea de atuao. Deixar o Corpo Docente mais fcil e com maior comodidade partir da organizao por rea de atuao e/ou curso. O Corpo Docente est organizado apenas por ordem alfabtica. Organizar os e-mails que so enviados, repass-los e garantir atendimento todos. Ao enviar um e-mail, o mesmo deve ser recebido numa caixa de e-mail especfica para o site. Muitos, quase todos, os e-mail enviados no so respondidos ou justificados. Organizar por sesses e, assim, exibir novas telas do site para informaes especficas. Ao clicar em algum link, deve-se abrir uma tela com o assunto especfico com uma formatao aceitvel e no fechada. H vrias informaes jogadas numa mesma tela, dificultando o entendimento e, portanto, compreenso do que gostaria. Links alternativos devem aparecer no canto inferior direito, a fim de manter a organizao. Os links do facebook, blog e twitter devem ser colocados no canto inferior direito com tamanho pequeno/mdio para no ocupar as outras funes importantes do site. O blog, facebook, twitter da FATEC-SO no so de extremo interesse para terem o destaque que possuem no site. Organizar os textos e descries dos temas com formataes e fontes mais expressivas. Definir uma fonte para textos, outra para notcias, botes, links e afins e, alm das formataes, claro.

Justificativa

Guideline 13 Exemplo

Justificativa Guideline 14 Exemplo

Justificativa

Guideline 15 Exemplo

Justificativa

Todos os textos e descries esto no mesmo padro e sempre em massa. Dificulta a leitura e acarreta desinteresse. Manter atualizado e disponvel os direitos do site na informao inferior do site. Os direitos do site devem estar disponveis na informao inferior do site, a fim de manter a organizao e padro de Direitos do Site com os demais sites. H o link Legislao, porm de difcil entendimento. Manter uma linguagem de escrita de fcil entendimento e acesso. Evitar linguagens de informtica e/ou assuntou especficos, como Clipping, Softwares, MSDNAA. Muitas das informaes disponveis so voltadas usurios, no mnimo, intermedirios em informtica e/ou outros assuntos mais especficos. Manter diferencial de cores de acordo com as abas, botes e afins. As abas de botes devem ter cores de tons leves, destacando a fonte. As abas devem conter uma fonte diferente, a fim de diferenciar os contedos. Tudo no site est em vermelho e branco. No h diferenas entre recursos.