Escola Superior de Música, Artes e Espectáculo Curso de Tecnologia da Comunicação Multimédia Relatório Aluno: Pedro Filipe Brito Xavier De Mesquita Docente: Leonel Cunha Rui Espírito Santo Laboratório I
Planificação da Escola 1. Introdução da Escola A Escola Secundária Nicolau Nasoni, é um edifício de grande qualidade arquitetónica e pretende ser uma homenagem ao arquiteto italiano Nasoni, pois constituirá uma marca indelével da arquitetura do século XXI, tal como a Torre dos Clérigos no século XVIII. A escola é um espaço de beleza e de arte, acolhedor, saudável, luminoso, termicamente confortável e com uma elevada preocupação em questões ambientais. Figura 1 Logótipo Escola Secundária Nicolau Nasoni 1.1. Desenvolvimento do Logótipo O logótipo idealizado para esta Escola Secundária Nicolau Nasoni utiliza um esquema simples baseado nas duas primeiras letras do arquiteto italiano Nicolau Nasoni. A escolha das cores: o preto confere distinção e elegância em contraste com o branco que transmite iluminação e transformação, aludindo a um ensino de sucesso. 2. Estrutura da Site A página inicial ou homepage (index.htm), é a primeira página que os utilizadores têm acesso quando abrem o site. O utilizador navegará através de uma lista, sob a forma de um menu com ligações para todos os conteúdos (escola, oferta formativa, serviços, candidatura, contactos). O menu é acessível, para com o máximo de rapidez e mínimo de esforço o utilizador alcance o conteúdo da escola pretendido. 3. Acessibilidade do Site A acessibilidade de um site traduz-se na disponibilidade de serviços ou informações ao maior número e variedade possível de pessoas, independentemente das suas limitações físico-motoras, perceptivas, culturais e sociais. Assim pretende-se facilitar o acesso a informação de forma simples e interativa, sobre os mais diversos assuntos. 2
Figura 2 Menu Principal do Site Escola Secundária Nicolau Nasoni 3.1 Acessibilidade de Interface O aspecto gráfico do site faz com que o utilizador se interesse ou desinteresse pela conteúdo. A viabilidade da site prende-se com a facilidade de uso do documento, devendo a interface ser amigável. A legibilidade da informação é um dos principais critérios de usabilidade, quer se refira ao texto ou às imagens. Como a capacidade de leitura em aplicações diminui 25% em relação ao papel, é importante que o texto esteja apresentado em pequenos parágrafos e alinhado à esquerda, sendo maior o espaçamento entre parágrafos do que entre linhas. Deverá ter um título destacado do restante corpo de texto. A cor do texto deve ser contrastante com a do fundo. Figura 3 Conteúdo Escola do Site Escola Secundária Nicolau Nasoni 4. Estrutura de Conteúdos Definição das funcionalidades e do funcionamento do site: o conteúdo será composto por imagens, textos, videos, e demais formas de expressão que a tecnologia utilizada possa oferecer ao usuário. Um dos objectivos para uma navegação eficaz, é fazer com que o visitante permaneça no site e também ajudá-lo a encontrar o que está à procura de maneira fácil e rápida. 3
A navegação deve ser apresentada de forma clara, indicando o conteúdo página em que o utilizador se encontra e como voltar para o menu principal. Todos os conteúdos devem ser acessíveis a partir da homepage através de um menu, nem que seja necessário incluir um mapa da aplicação ou outra função de procura. Os utilizadores devem conseguir encontrar facilmente o que procuram nas categorias que o menu do site apresenta. O trajeto deverá ser simples e cada clique deverá conduzir a um objetivo. 5. Design Templates e Layouts são muitas vezes confundidos como sendo a mesma coisa. O primeiro termo funciona como um documento sem conteúdo; define apenas à apresentação visual, ou seja, onde fica o cabeçalho, o corpo de texto e todos os elementos importantes na construção da aplicação a nível estético. Enquanto que o segundo termo refere-se apenas às cores ou botões da página, não alterando de forma alguma o esquema da página. Desta forma, ao escolhermos as cores para os títulos ou para o background de uma dada página, estamos a definir o layout da página. Com este site procurei um efeito visual apelativo, ao conjugar de forma simples o Template e o Layout, de forma a ser facilmente perceptível pelo utilizador. Assim propus uma boa relação de cores entre o background (branco e azul), e as imagens, e o contraste com as letras (pretas) permitem uma melhor leitura ao utilizador. O texto é bastante legível pois tem contraste com o fundo e a letra tem um tamanho razoável. Deste modo se um site for funcional, os seus visitantes terão uma experiência mais agradável e intuitiva, causando boa impressão e fazendo com que o visitante revele interesse em voltar a usufruir do conteúdo da aplicação. 5.1 Públicidade A publicidade visou a divulgação da escola através de um video, um cartaz e um flyer. Com o intuito de promover e cativar novos alunos, Cursos Profissionais Técnico Multimédia Técnico de Animação 2D e 3D História e Apresentação A Escola Secundária Nicolau Nasoni está situada a 10m a pé dos Clérigos. É um edifício de grande qualidade arquitetónica e pretende ser uma homenagem ao arquiteto italiano Nasoni, pois constituirá uma marca indelével da arquitetura do século XXI, tal como a Torre dos Clérigos Cursos Científicos Ciências e Tecnologias Ciências Socioeconómicas Línguas e Humanidades no século XVIII. A escola é um espaço de beleza e de arte, acolhedor, saudável, luminoso, termicamente confortável e com uma elevada preocupação em questões ambientais. Artes Visuais Figura 4 e 5 Flyer e Cartaz da Escola Secundária Nicolau Nasoni 4
6. Navegação O menu de navegação será simples e esclarecedor, e estará presente no inicio do site, após visualizar o conteúdo desejado, existirá um botão voltar, e retrocederemos ao menu. Tal como a lista de programação da TV ou o quadro dos horários do comboio. Dever-se-á usar um sistema simples de navegação global em todos os conteúdos do site. Como regra, dever-se-á colocar a possibilidade de aceder novamente ao menu principal do site, após consultar o conteúdo. Deverá ser consistente, ter a mesma estrutura, cores, tipo de letra, para facilitar a procura e a navegação e evitar os "becos sem saída. Visto que a composição deste site será bastante simples, o tempo de abertura será rápido e a existência de um mapa ou de outra função de procura será desnecessária. Para explorarmos o site necessitamos obrigatoriamente de um rato ou um Touchpad, pois as teclas apenas permitem rolar para cima e para baixo. Será possível retroceder e navegar de conteúdo em conteúdo através do menu que se encontra no topo da página e através do botão voltar. Através do scroll, conseguimos uma visão geral de todos os conteúdos da página e ao escolhermos o que queremos, é nos apresentando na integra a informação pretendida. Neste site, ao mudarmos de conteúdo, o layout não se altera muito, afirmando uma identidade própria e criando uma relação de unidade e coerência estética entre as páginas. Ao mudar de conteúdo não se deverá sentir que se está a entrar noutro site; a página mantém a mesma estrutura o que facilita a percepção e a leitura de quem a visita. 7. Diapositivos Móveis O site também funciona para alguns dispositivos móveis (iphones, ipads, ect.), e redimensiona automaticamente a página, conforme a susceptibilidade. Figura 6, 7 e 8 ipad landscape (width: 1024px), kindle portrait (width:600px), e Android (Nexus 4, width:384px) O design para dispositivos móveis sofre algumas alterações conforme é redimensionado, o utilizador desfruta da possibilidade de visualizar o mesmo site com template e layout diferente. O menu principal é redimensionado de diversas formas: na figura 6 a página é dividida numa estrutura vertical, na figura 7 numa estrutura horizontal, e na figura 8 passamos directamente para o conteúdo do site. 5
8. Bibliografia CARVALHO, A. (2006). Indicadores de qualidade de sites educativos. Cadernos de SACAUSEF Sistema de Avaliação, Certificação e Apoio à Utilização de Software para a Educação e a Formação, Número 2, Ministério da Educação. Acesso em 29 de Novembro de 2013. Disponível em: http://repositorium.sdum.uminho.pt/handle/1822/5922?mode=full&submit_simple=mostrar+registo+em+ formato+completo CARVALHO, A., SIMÕES, A. & SILVA, J. (2005). Indicadores de qualidade e de confiança de um site. Acesso em 29 de Novembro de 2013. Disponível em: http://repositorium.sdum.uminho.pt/handle/1822/7774 VENÂNCIO, C. (2009). Internet Marketing Success Blog - Menu de Navegação num Website. WSI we simplify the Internet. Acesso em 14 de Dezembro de 2013. Disponível em: http://mundowsionline.com/_blog/internet_marketing_success_blog/post/menu_de_navegacao_num_w ebsite/ 6