anÁlisedeum( sÍtio(webssn/2011/cdi/analise-website.pdf · anÁlisedeum(sÍtio(web(...

ANÁLISE  DE  UM  SÍTIO  WEB  CDI  2011/12  —  Ciências  da  Comunicação,  U.Porto  

OBJETIVOS  Pretende-­‐se  que  os  alunos  produzam  um  relatório  de  análise  de  um  sítio  web  público.  O  relatório  não  pode  ultrapassar  as  10  páginas  e  deve  incluir:  

(1)  mapa  do  sítio  (representação  à  mão  e  vetorial),  

(2)  identificação  dos  principais  modelos  de  página  e  

(3)  caraterização  dos  principais  modelos  identificados.  

A  caraterização  de  cada  modelo  deve  incluir  a  identificação  dos  elementos  HTML  usados,  o  mapeamento  e  dimensões  das  principais  áreas  das  páginas,  a  representação  vetorial  com  as  respetivas  medidas  da  estrutura  em  wireframes,  identificação  e  caracterização  dos  elementos  responsáveis  pela  hierarquização  e  navegabilidade  das  páginas  (fontes,  resolução  e  formatos  de  imagem,  cores  no  sistema  hexadecimal).  

O  sítio  web  escolhido  deve  ter  um  mínimo  de  5  páginas  totais  e  um  mínimo  de  3  modelos  diferentes.  

ELEMENTOS  DO  RELATÓRIO  § Mapa  do  sítio.  

§ Identificação  dos  principais  modelos  de  páginas.  

§ Caraterização  dos  principais  modelos  de  páginas.  

DATAS  IMPORTANTES  § Definição  do  grupo  e  sítio  web  a  analisar  —  30  de  Setembro.  

§ Entrega  do  relatório  —  28  de  Outubro.  

ENTREGA  § A  entrega  do  trabalho  deve  ser  feita  apenas  através  do  Moodle  da  U.Porto.  

§ O  relatório  deve  ser  entregue  em  formato  PDF.  

§ O  relatório  tem  um  limite  máximo  de  10  páginas.  

§ Os  elementos  de  cada  grupo  devem  ser  ambos  da  mesma  turma.  

EXEMPLOS    

MAPA  DO  SÍTIO  

IDENTIFICAÇÃO  DOS  MODELOS  

  Página  de  Entrada   Página  de  Notícia   Página  de  Informações  

Ciências da Comunicação

ContactosRegulamentosCurso

Objectivos Plano de Estudos Informações

CARATERIZAÇÃO  DOS  MODELOS  

DIV mainDIV colA DIV colB DIV colC DIV pubDIV nav

DIV mainmenu

DIV header

DIV topstories

DIV topstories

DIV topstories