Prova de Aptidão Profissional

Relatórioda Prova de Aptidão Profissional« Execução de Projectos Reais »

Junho, 2009

Nome do autor : Cesário Rafael Baía Alves Nome do professor acompanhante: João Delgado

Curso Técnico de Desenho Gráfico

2Cesário Rafael Baía Alves

Curso Técnico de Desenho Gráfico Execução de projectos reais

Escola Profissional de Braga

Gerir Formação, Gerar Mundança

Execução de Projectos Reais

“Componente escr ita da PAP – Projecto pessoal e integrador de todos os saberes e capacidades desenvolvidos ao longo da formação, real izado de acordo com a Portar ia 550-C / de 21 de Maio de 2004, consiste na apresentação e defesa, perante um júr i , de um projecto, consubstancio num produto, material ou intelectual, numa intervenção ou numa actuação, bem como respectivo relatório f inal de real ização e apreciação crít ica, demonstrativo de saberes e competências prof iss ionais, ad-quir idos ao longo da formação e estruturante do futuro prof iss ional .

A PAP será real izada na Escola Prof iss ional de Braga, na 1ª chamada da época normal de 2008/2009, através do qual se obterá o diploma de quali f icação profiss ional de nível I I I do Curso Técnico de Desenho Gráfico.”

2 3Cesário Rafael Baía Alves


Agradecimentos



Durante a elaboração da Prova de Aptidão Professional qualquer ajuda é importante portanto a colaboração de todos aqueles que estão à nossa volta é preciosa. Começo por agradecer ao pro-fessor Acompanhante João Delgado, João Teixeira por todo o apoio prestado e por me ter or ientado neste percurso tão importante para a conclusão do curso.Gostaria também de agradecer à Professora de Português Teresa Machado por se disponibi l izar a corr igi r o relatório e por me ter guiado neste caminho tão importante para o f im do curso.Para a real ização de todo o projecto não posso deixar de agradecer à minha famíl ia, amigos e a toda a gente que de alguma forma esteve envolvida na real ização deste projecto.A todos eles o meu muito obrigado.

Agradecimentos



Índice



1. Introdução 07

2. Desenvolvimento 11 2.1 Componete Teórica 12 2.1.1 Software Uti l izado 13 2.1.1 Linguagens de Programação 19 2.2 Apresentação de Projectos 24 2.2.1 Projecto 1 FUNDAÇÃO BRACARA AUGUSTA 25 2.2.2 Projecto 2 GINÁSIO OXY GYM 67 2.2.3 Projecto 3 JUNTA DE FREGUESIA MAXIMINOS 75 2.2.4 Projecto 4 SUPORTES PUBLICITÁRIOS 155

3. Conclusão 162

4. Referências Bibl iográficas 164

5. Anexos 166 5.1 Anexo A - Catálogo 167 5.2 Anexo B - Websites 169 5.3 Anexo C - Suportes Publicitár ios 188 5.4 Anexo D - Defenição do Projecto 192 5.5 Anexo E - Portfol io 194

Índice



Introdução



Enquadramento legal da prova (Portar ia 550C/2004 de 21 de Maio de 2004)

Como Aluno Final ista da Escola Prof iss ional de Braga, do curso Técnico de Desenho Gráfico, é obri-gatória a apresentação do projecto f inal de curso.

Com este projecto pretende-se que se mostre autonomia, cr iatividade e capacidade de resolver problemas que possam surgir .

O tema “Execução de projectos reais” foi uma proposta dada pelo coordenador de curso João Pau-lo Teixeira, onde aceitei-a plenamente. Devido à minha experiência em estágio, pareceu-me que a real ização de um projecto desta natureza poderia constitui r uma mais val ia à minha formação e ao desenvolvimento da minha Prova de Aptidão Prof iss ional, pois terei a oportunidade de debater ideias com um cl iente real e resolver s ituações a nível das exigências do mercado de trabalho.

Assim, considero que este tema será um género de espaço que abrange uma grande área do Design Gráfico, dado que, futuramente sei que vai ser út i l para a minha carreira, uma vez que trabalhamos constantemente neste t ipo de projectos.

Deste modo, os pr incipais objectivos que pretendo alcançar a nível pessoal e prof iss ional, será apli-car e desenvolver as minhas competências adquir idos ao longo do tr iénio de formação, adequando as novas situações de aprendizagem e de execução prática de soluções l igadas à área do design, melhorando as minhas competências como designer gráf ico. O facto de real izar projectos com a em-

Introdução



Introdução

presa que tenham reconhecimento na área do Design Gráfico, Design Digital , Design Produto poderão ser um desafio importante para as metas que me proponho alcançar.

Os locais ut i l izados para a execução do projecto foram a Escola Prof iss ional de Braga e principal-mente a minha casa.

No que diz respeito aos recursos ut i l izei , designadamente, Windows XP e Vista , Microsoft Off ice Word 2007 , Microsoft Off ice PowerPoint 2007 , Adobe Dreamweaver CS3 , Adobe Flash CS3 Professional , Adobe Photoshop CS3 , Adobe I l lustrator CS3 , Adobe InDesign CS3 , Adobe Premiere Pro CS3 , Fi leZi l la , Internet Explorer 7.0 , Mozil la Fi refox 3.0 , Safari 3.1 . Ut i l izei também várias l inguagens de programação, nomeadamente, HTML , CSS , JavaScript , ActionScript , MySQL , PHP .

Quanto aos recursos humanos foi indispensável o apoio mútuo entre mim e os meus colegas que pou-co a pouco, fomos aprendendo uns com os outros resultando desta entreajuda os nossos projectos. Devo também agradecer ao professor João Delgado, João Teixeira e professora Teresa Machado que para além de terem demonstrado um domínio enorme na matéria sempre mostraram interesse no meu projecto, assim como se mostraram disponíveis para me ajudar.

No que diz respeito à metodologia, ao longo deste projecto art iculei e desenvolvi os três projectos a que me propus simultaneamente embora desse prior idade àqueles que mereceram maior complexidade em termos de execução e aprendizagem.



Quanto ao parecer da equipa pedagógica, esta deu o seu parecer favorável à real ização do meu projecto. Passo, de seguida a apresentar o cronograma / elencos de tarefas

Elenco de Tarefas Calendarização Briefing/Pesquisa Até Dezembro

Realização dos Projectos Até Março

Catálogo impresso e em formato digital Até Junho

Introdução



Desenvolvimento



Componente Teórica



Microsoft Windows O Windows XP é um sistema operativo muito popular . Uti l izei a versão XP SP3 porque se trata de uma versão de confiança e onde ocorre a maioria das aplicações que uti l izei para elaboração deste projecto.

Microsoft Word 2007O Word é um processador de texto da Microsoft , que permite cr iar diver-sos documentos de texto, modelos, e várias maneiras de formatar um docu-mento com os diferentes t ipos de est i-los. Permite que os documentos sejam editados e escr itos para páginas de Internet bem como interagir com outros programas.

Na minha Prova de Aptidão Prof iss ional ut i l izei o Word para a edição e cr ia-ção de textos, para o relatório e diár io da PAP, cronograma e, em parte, para o Website.

Software Uti l izado

Fig. 1 – Microsoft Word 2007



Microsoft PowerPoint 2007A Microsoft PowerPoint , é um programa que permite a cr iação e exibição de apresentações, cujo objectivo é informar sobre um determinado tema, podendo usar imagens, sons, textos e vídeos, que podem ser animados de diferentes maneiras, é uma ferramenta que ajuda a mostrar informações e ideias de uma forma organizada e, de certa forma, apelativa. Na minha Prova de Aptidão Prof iss ional ut i l izei o Microsoft PowerPoint para a cr iação de uma breve apresentação do projecto PAP.

Adobe Dreamweaver CS3O Adobe Dreamweaver serve para desenvolver e editar f icheiros direccionados à Web, com dife-rentes t ipos de extensões, para páginas dinâmi-cas e estáticas. Podem ser ut i l izadas por diversos t ipos de aplicações.

Na minha Prova de Aptidão Prof iss ional ut i l izei o Adobe Dreamweaver para edição de todos os Websites, cr iação e edição das páginas.


Fig. 2 – Adobe Dreamweaver CS3



Adobe Photoshop CS3Adobe Photoshop é um software caracterizado como editor de imagens bidimensionais do t ipo raster (possuindo ainda algumas capacidades de edição típicas dos editores vectoriais) desenvol-vido pela Adobe Systems . É considerado o l íder no mercado dos editores de imagem profiss ionais, assim como o programa de facto para edição profiss ional de imagens digitais e trabalhos de pré-impressão.

Esta ferramenta foi-me bastante úti l na cr iação de imagens, t ratamento de fotografias, t ratamento dos logotipos das inst i tuições.

Adobe I l lustrator CS3O I l lustrator , um poderoso programa para cr iação e edição de imagens vectoriais da Adobe .

Na minha Prova de Aptidão Prof iss ional ut i l izei o Adobe I l lustrator para a cr iação dos layouts das páginas Web.


Fig. 3 – Adobe Dreamweaver CS3



Adobe InDesign CS3Programa com a principal função de paginar jornais, catálogos, Desdobráveis e Revistas.Este programa foi-me úti l na cr iação do catálogo e na paginação deste relatório.

Adobe Premiere Pro CS3Este software é uti l izado para a edição e cr iação de vídeos.Na minha Prova de Aptidão Prof iss ional ut i l izei o Adobe Premiere para editar o vídeo para a Funda-ção Bracara Augusta.

Adobe Flash CS3 ProfessionalO Flash é um programa gráfico vectorial ut i l izado para a cr iação de animações interactivas. Os ar-quivos executáveis gerados pelo Flash , chamados ”SWF ” , podem ser visual izados numa página Web usando um navegador Web.

Na minha Prova de Aptidão Prof iss ional ut i l izei o Adobe Flash para fazer a apresentação no início do vídeo para a Fundação Bracara Augusta.




Internet Explorer 7O Internet Explorer ( IE) é um software para navegar podendo, assim, fazer todas as pesquisas neces-sárias e também testar os conf l i tos no Web Site.

Na minha Prova de Aptidão Prof iss ional ut i l izei Internet Explorer para fazer as pesquisas necessárias e para testar o Web Site.

Mozil la Firefox 3.0.1O Mozil la Fi refox é um software com a função idêntica ao Internet Explorer, possibi l i ta a navegação na Internet, podendo fazer pesquisas e testar o Web Site.

Na minha Prova de Aptidão Prof iss ional ut i l izei o Mozil la Fi refox para fazer as pesquisas necessárias e para testar o Web Site.




Fi leZi l la 3.2. 3.1Fi leZi l la é uma aplicação de FTP gratuito e l ivre. É muito bom devido à compatibi l idade com muitos servidores e comete poucos erros de transferências de f icheiros.

Usei esta aplicação de FTP para fazer a transferência de f icheiros para o servidor.

Apache 1.5O Apache ou Servidor Apache , é um servidor web gratuito e actualmente um dos melhores. O Servidor Apache suporta o protocolo http V.1.1 . É muitas vezes ut i l izado para a cr iação de base de dados MySQL , e a l inguagem de programação mais ut i l izada é o PHP .

Este software foi-me úti l para cr iar um servidor localmente (no próprio computador), para poder testar localmente todos os f icheiros “ .php”.




HTMLA l inguagem de programação HTML (Hipertext Markup Language) , é uma l inguagem de marcação, para a cr iação de páginas Web. É a l inguagem standard da WWW ( Word Wide Web ) , e a mais ut i l izada para quem inicia a cr iação de páginas de internet.

Na minha Prova de Aptidão Prof iss ional ut i l izei esta l inguagem de programação para a cr iação/edi-ção de páginas que continham HTML .

CSSCSS (Cascading Style Sheets) , é uma l inguagem de programação direccio-nada à Web.

Uti l izei esta l inguagem de programa-ção CSS para a formatação, cr iação e edição de est i los de praticamente todo o Website.

Linguagens de Programação

Fig. 4 – CSS



MySQLO MySQL é um software de cr iação e gestão de Base de Dados, que uti l iza a l inguagem SQL .Actualmente, o MySQL é conhecido pelo seu excelente desempenho e es-tabi l idade sendo um dos sistemas de Base de Dados mais usados no mundo.

Esta aplicação foi-me úti l na cr iação de base de dados para a administ ra-ção/gestão de uti l izadores, painel de notícias e agenda.

JavascriptO JavaScript é uma l inguagem de programação desenvolvida pela Netscape , que no princípio se chamava LiveScript , e t inha como f inal idade a val idação de formulár ios e interactividade com a pá-gina. É um t ipo de l inguagem que não precisa ser compilada, é interpretada automaticamente pelo browser . Possui ferramentas padrão para l istagens muito boas. Esta junta-se às CSS na cr iação dinâ-mica de est i los numa página em HTML .

Usei esta l inguagem de programação para fazer aumentar as imagens carregadas.


Fig. 5 – Programação MySQL



ActionScriptO ActionScript é a l inguagem de programação uti l izada pelo Adobe Flash . Tive oportunidade de aprender as bases de ActionScript no curso que t i rei na Escola Prof iss ional de Braga.

Esta aprendizagem possibi l i tou-me fazer a animação no vídeo da Fundação Bracara Augusta.

PHPO PHP é uma l inguagem de programação, esta aplicação é muito ut i l izada para gerar conteúdo di-nâmico na web.

Usei esta aplicação que me permite adicionar notícias na base de dados e no site da Junta de freguesia Maxi-minos


Fig. 6 – Programação PHP



Disciplinas influentes no projecto

Ao longo dos meus três anos de formação tive várias discipl inas teóricas /técnicas, todas com conte-údos diferentes e essenciais para a aprendizagem na área de programação.As discipl inas que t iveram maior inf luência na concepção da minha PAP foram principalmente:

Formação e Contexto de Trabalho Aprendi as seguintes matérias, HTML, CSS, Photoshop, I l lustrator . Nesta discipl ina pude t i rar dúvidas sobre Design e CSS com o professor João Teixeira e João Delgado.

Oficina GráficaAprendi HTML, CSS, Photoshop, I l lustrator, F lash, ActionScript, Indesign . Nesta discipl ina pude t i rar dú-vidas com o professor João Teixeira.

Desenho GráficoAprendi Photoshop, I l lustrator, Indesign, JavaScript, PHP, MySQL . Nesta discipl ina pude t i rar dúvidas com o professor João Delgado.

Língua PortuguesaAprendi as regras para a elaboração do meu relatório PAP.



Disciplinas influentes no projecto

Tive a oportunidade de aprender as seguintes matérias:

Adobe I l lustrator, Adobe Photoshop, Adobe Flash, Adobe Dreamweaver, Adobe Premiere, Adobe Indesign, HTML, CSS, JavaScript, PHP, MySQL, ActionScript, Microsoft Off ice (Word, Power Point)



Apresentação de Projectos



Projecto 1



Contacto com o ClienteDesde o início do mês Outubro fui contactando a Doutora Maria do Céu, que desejava que eu f izesse um Redesign da Página Web e a reorganização de conteúdos.Desde então t ive reuniões periodicamente, essas reuniões servi ram para mostrar ao cl iente o progres-so do site, assim como discuti r todos os seus aspectos, isto é, os l inks do menu, o conteúdo de cada página, o público-alvo do site, quais ser iam as cores do site e que mensagem pretendia-mos mostrar a cada cidadão, etc.O contacto com o cl iente foi também marcado por vários e-mails , onde o cl iente teve a oportunidade de me facultar vários conteúdos do site e onde pudemos também debater outros assuntos.

Aquisição de conteúdosOs conteúdos presentes no site foram-me facultados pela Fundação Bracara Augusta epelo professor Américo Rodrigues.Esses conteúdos foram-me entregues pessoalmente ou enviados por e-mail pela Doutora Maria do Céu e pelo Professor Américo Rodrigues.



Briefing



Projecto: Redesign da Página Web e reorganização de conteúdos.

História: A Fundação Bracara Augusta foi fundada em 18 de Março de 1996 pela Câmara Municipal de Braga, a Universidade do Minho, a Universidade Catól ica Portuguesa e o Cabido Metropolitano e Pr imacial de Braga e tem como f inal idade real izar e/ou apoiar iniciativas de carácter cultural e social no concelho de Braga.

Localização: A Fundação localiza-se em Braga junto à Bibl ioteca Lúcio Craveiro da Si lva na Rua StºAntónio das Travessas.

Serviços e produtos: Fomentar o aparecimento de novas ideias e novos projectos, reforçando por um lado, o diálogo com as inst i tuições e agentes culturais da comunidade e por outro, contr ibuindo para a cr iação de espaços culturais menos convencionais, potenciando a cr iatividade, o debate, o aparecimento de novos valores e contactos com novas tendências estéticas e novas l inguagens.

Est imular e desenvolver em Braga, em colaboração com outras inst i tuições locais, iniciativas que di-vulguem o vasto patr imónio histór ico e cultural e que afi rmem Braga como centro com personalidade cultural .

Estabelecer redes de cooperação e colaboração com outras inst i tuições nacionais com intervenção cultural de qualidade, permit indo descentral izar os circuitos de divulgação cultural e real izar em Bra-ga eventos culturais , quer de âmbito nacional quer internacional .



Estimular uma dinâmica de ref lexão e de debate, mediante a organização anual de um ciclo de con-ferências sobre temas actuais de interesse para os cidadãos.

Inf luências: A real ização de iniciativas culturais de forma integrada continuam a ser uma aposta as-sumida pela Fundação Bracara Augusta.

Aspectos posit ivos: A organização anual de um ciclo de conferências sobre temas actuais de in-teresse para a cidade e para os cidadãos, a f im de est imular uma dinâmica de crít ica e debate de ideias.

Aspectos negativos: O público-alvo não englobar os jovens pois não existe actividades que os cativem.

Público-alvo: Toda a população da freguesia de Braga especialmente a mais culta.

Objectivo: Pretendo conceber uma imagem mais suave e dinâmica.

Limitações de Prazo: Pretendo f inal izar o projecto para f ins de Fevereiro.



Equacionar o problemaNo início de Novembro fui contactado pelo Professor João Paulo Teixeira, coordenador do curso Téc-nico de Desenho Gráfico que a Fundação Bracara Augusta desejava que eu f izesse um Redesign da Página Web e a reorganização de conteúdos. O meu objectivo era conceber uma imagem mais suave, atractiva e dinâmica. A fundação destina-se a toda a população da cidade de Braga, e a todo o mudo que pretenda visual izar o website. A sua função é divulgar as suas actividades e os seus últ i-mos projectos lançados. O aspecto negativo é que a fundação não consegue cativar os mais jovens devido aos temas propostos não lhes chamar tanta a atenção, apesar disso os temas têm sempre um carácter actual para est imular uma dinâmica de crít ica e debate de ideias.

Análise de soluções já existentes Depois de já ter contactado a cl iente e já ter uma ideia do que ele pretendia, comecei por efectuar uma pesquisa na Internet sobre websites relacionados sobre histór ia, cultura, eventos e encontrei al-guns com um design muito interessante.

Para iniciar uma estrutura t ive que fazer várias pesquisas na Internet, a nível de design, estrutura de conteúdos, cores, aprofundar ideias da área da programação, entre outros.

http://www.theatrocirco.com/ http://www.cm-braga.pt/ http://www.energie.pt/ http://www.bragadigital .pt/ http://www.gasminho.com/ http://www.fastforwardportugal .com/ http://www.histor iadomundo.com.br/ http://www.coffeeteawine.com/



Layout antigoAnteriormente o layout da página da Fundação Bracara Augusta uti l izava um t ipo de letra que dif icul-tava um pouco a leitura, os menus estavam muito grandes e exist ia muita falta de conteúdo, a página Web encontrava-se nesta situação:

Fig. 7 – Layout antigo



Concepção do Layout Depois de terminar a pesquisa, iniciei o esquema mais ou menos em papel para poster iormente come-çar a cr iar o layout no I l lustrator CS3 .A construção do primeiro layout foi real izada sem cores nem imagens. O resultado foi o seguinte:

Fig. 8 – Layout 1º Opção



Concepção do Layout O Layout deve respeitar os pr incípios da estética, da funcionalidade e da uti l idade sobretudo de-vemos ter atenção ao público-alvo, por estes motivos, ao cr iar o Website t ive sempre muito cuidado com o design do layout .

Como eu não achava o menu e o banner muito atraentes e depois de uma opinião do meu professor acompanhante decidi-o mudar e o resultado foi o seguinte:

Fig. 9 – Layout 2ª Opção



Concepção do Layout Depois de já ter decidido o layout foi defini r as cores que o site devia conter optei por escolher tons de castanho. Também desenhei as formas que a página ia ter e assim cr iei um banner com um f lor iado que foi ret i rado da digital ização dos l ivros da Fundação Bracara Augusta.

Fig. 10 – Livro da Fundação



Concepção do Layout Depois de um grande trabalho e de muitas opiniões dadas pelos meus professores e amigos o layout f icou com um aspecto mais atractivo assim o resultado f inal foi o seguinte:

Fig. 11 – Layout proposta final



Concepção do Layout CoresA uti l ização da cor castanha é devido à Fundação estar l igada à histór ia de Braga, o que leva às pessoas a imaginarem essa cor como predi lecta.

Depois de a página estar graf icamente concluída, contactei o meu cl iente para saber a sua opinião e para saber se poderia continuar o meu trabalho.

Nas reuniões marcadas fala-mos que t ipo de conteúdo se ia colocar e assim decidiu-se que o menu ia f icar composto por seis l inks :

> Home > Actividade > Galer ia > Destaques > Livros > Contactos

O menu principal é um elemento fundamental na navegação de qualquer página Web. Por este moti-vo, a presença do menu é indispensável para o sucesso de um Website. O menu principal do meu Website é horizontal , s imples e discreto. Nele só existe uma mudança de cor quando o cursor passa por cima, e f ica seleccionado quando carregamos.



Concepção do Layout Home

Na página inicial destaquei a informação que achei mais relevante, por isso coloquei do lado direito os últ imos projectos da Fundação. Neste l ink podemos ler um pequeno texto onde expl ica como surgiu a Fundação Bracara Augusta e quais os seus objectivos.

Fig. 12 – Home



Concepção do Layout Actividade

Esta página é constituída por um texto que refere quando a fundação foi cr iada, quais as pessoas que já f izeram parte dela e que t ipo de actividades é que a fundação real iza.

Fig. 13 – Actividade



Concepção do Layout Galeria

Neste l ink encontramos uma pequena galer ia sobre actividades que foram feitas desde conferências, cartazes de eventos e algumas imagens reti radas dos l ivros já lançados. Esta página contém um scr ipt , Lightbox v2.04 que foi cr iado por Lokesh Dhakar - http://www.huddleto-gether .com/projects/ l ightbox2/ para visual ização das imagens.

Fig. 14 – Galeria



Concepção do Layout Destaques

Esta página apresenta os desdobráveis de todas as conferências real izadas desde o ano 2000 data inicial das conferências.

Fig. 15 – Destaques



Concepção do Layout Livros

Nesta página encontramos l ivros lançados desde o ano 2000 onde se pode visual izar as capas e algumas imagens, desses l ivros.Esta página contém um scr ipt , Lightbox v2.04 que foi cr iado por Lokesh Dhakar - http://www.huddleto-gether .com/projects/ l ightbox2/ para visual ização das imagens.

Fig. 16 – Livros



Concepção do Layout Contactos

No l ink contactos podemos encontrar todos os contactos da Fundação Bracara Augusta como ex: morada, telefone, fax. Também podemos encontrar um mapa em que se pode descobri r faci lmente a sua localização. Este mapa é totalmente grátis . http://maps.google.com.br/

Fig. 17 – Contactos



Conteúdo do SitePrimeiro comecei por contactar o cl iente, onde f iz uma marcação de uma data, para saber o que ela desejava. Depois de saber o que o cl iente queria real izei o Br ief ing onde defini os objectivos da Fun-dação. Os conteúdos do site foram-me todos fornecidos pela Fundação Bracara Augusta, no entanto alguns dos conteúdos iniciais t iveram que ser alterados.

Depois do Brief ing comecei por fazer o design da página Web e enviei-o para saber se ele f icava aprovado, depois de fazer uns certos ajustes e comecei com a programação em HTML , CSS , JavaS-cript . Todas as imagens fornecidas pela fundação foram totalmente ajustadas e redimensionadas para dois tamanhos, isto é, uma pequena e uma grande, visto ter implementado a possibi l idade de cl icar em qualquer imagem e esta ser aberta, mostrando a foto em tamanho grande para serem visual izadas na Internet.

Toda a informação foi-me entregue em formato digital , mas a fundação desejou colocar todos os seus trabalhos já lançados por isso t ive de perder muito tempo na digital ização das capas dos l ivros e dos desdobráveis das conferências.

A fundação também me pediu que eu lhe f izesse o tratamento da sua últ ima conferência para depois colocar o f i lme na Internet.Coloquei-o onl ine e por f inal enviei um pequeno questionário sobre a página Web, para saber uma opinião do público-alvo, pois acho que assim deu para reti rar as dúvidas e fazer umas pequenas al-terações que foram importantes para a definição f inal .Em modo geral toda gente gostou da proposta f inal .



Vídeo da VII I Ciclo de ConferênciasPara a real ização de um f i lme não é só preciso saber f i lmar, mas sim também sabê-lo editar, saber fa-zer os cortes das etiquetas num local preciso e exacto para que f ique perfeito. Este t ipo de edições costuma demorar muitas horas e muitos dias.

O vídeo da Fundação Bracara Augusta tem a duração de 3 minutos e 55 segundos e o vídeo apre-senta um resumo sobre “VI I I Ciclo de Conferências” com o tema “Globalização: Desafios para século XXI” a duração deste vídeo é pequena devido a ter como objectivo principal a publicação na Web. O vídeo já se encontra onl ine na página da Fundação Bracara Augusta em http://fbracaraaugusta.org/.A música que acompanha o f i lme tem como nome “Eurythmics - I Saved The World Today” esta mú-sica está completamente encaixada com o tema da conferência, pois como capa do desdobrável expõem o ataque terror ista de 11 de Setembro de 2001 e a música fala exactamente como as pessoas se sentiam nesse dia. Algumas situações encontradas na música: “Há uma coisa tr iste e do-lorosa dentro de mim” , “Eu estou a sofrer” , este t ipo de mensagens deixadas na música vêem a coincidir com o vídeo. Apesar de tudo a solução f inal f icou muito engraçada e a página da funda-ção f icou mais atractiva. Fig. 18 – Vídeo



Obstáculos deste ProjectoAs maiores dif iculdades por mim sentidas foram sem dúvida, o desenvolvimento de JavaScript para carregar as imagens. Digital izar grandes quantidades de l ivros e de desdobráveis .Di f iculdade em colocar o formulár io a funcionar pois não dava para enviar o e-mail para a Funda-ção.

Algumas incompatibi l idades com os browsers , ou seja, por vezes funcionava no Mozil la Fi refox e Safari e o mesmo não acontecia com o Internet Explorer .Tratamento do f i lme no programa Premiere , a edição do vídeo foi uma tarefa muito trabalhosa.



Programação do websiteEsta é, sem dúvida, a parte mais al iciante deste projecto, mas também a mais complexa.Para conclui r a real ização deste projecto t ive que uti l izar algumas l inguagens de programação, no-meadamente com Adobe DreamWeaver CS3 o HTML e as CSS .

Folha de Esti los (CSS)esti los.css

Esta folha de est i los contém todos os est i los que uti l izei no website.

/*Documento CSS Página - Fundação Bracara Augusta */

body { margin:0px 0px 0px 0px;/*pagina geral */ text-al ign:center ; background: ur l( imagens/body.png) repeat-x #AA5112;}/*Div Tudo*/#tudo { width:1000px;/*Caixa geral */ height :auto; margin:0px 0px 0px 0px; padding:0px 0px 60px 0px; border: 0px sol id #3C3C3C;/*cor castanha */



background:transparent; posit ion:absolute;/*posicao absoluta*/ left :50%; margin-left :-500px;}/*Fim Div Tudo*/

/*TOPO*/#cimaflor iado { height :91px;/*medida */ width:auto; margin:0px 0px 0px 0px; background: ur l( imagens/f lor iado.png) repeat-x; border-bottom:1px sol id #FFFFFF; posit ion: relative; text-al ign: center ;}/*FIM TOPO*/

/*Aqui entra o centro*/#centro { width:570px; height :auto;



background:ur l( imagens/centro_esquerda.png) repeat-x #FFFFFF; -webkit-box-shadow: 0px 0px 40px #888; padding:40px 5px 0px 5px; margin:20px 0px 0px 30px; posit ion: relative; f loat: left ;}#centrobig { width:930px; height :auto; background:ur l( imagens/centro_esquerda.png) repeat-x #FFFFFF; -webkit-box-shadow: 0px 0px 40px #888; padding:40px 5px 0px 5px; margin:20px 30px 0px 30px; posit ion: relative; f loat: left ;}#centrohome { width:570px; height :auto; background:ur l( imagens/centro_esquerda.png) repeat-x #FFFFFF; -webkit-box-shadow: 0px 0px 40px #888; padding:40px 5px 0px 5px;



margin:20px 30px 0px 0px; posit ion: relative; f loat: r ight ;}/*Fim do centro*//*Aqui entre a ALA Direita*/#direita { width:285px; height :auto; color :#6B717C; border:1px sol id #AA5112; background-color : #F1DAC9; padding:30px 5px 0px 5px; margin:20px 30px 0px 0px; border-top:10px sol id #AA5112; -moz-border-radius-bottomleft : 7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-bottomright : 7px; -webkit-border-bottom-r ight-radius: 7px; posit ion: relative; f loat: r ight ;}



#direitahome { width:285px; height :490px; color :#6B717C; border:1px sol id #AA5112; background-color : #F1DAC9; padding:30px 5px 0px 5px; margin:20px 0px 0px 30px; border-top:10px sol id #AA5112; -moz-border-radius-bottomleft : 7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-bottomright : 7px; -webkit-border-bottom-r ight-radius: 7px; posit ion: relative; f loat: left ;}/*Fim da ALA Direita*/

/*Imagens*/img { border:0px;/*sem borda*/ outl ine:none;}



/*Aqui entre a CLASS TEXTO*/.texto { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize:12px; color : #333333; font-weight : normal ; text-al ign: just i fy ; margin:10px 15px 15px 15px; font-style:normal ; f loat: left ;}/*Aqui entre a CLASS dos LIVROS */. l ivro { width:530px; height :auto; background:#EAEAEA; padding:5px 5px 5px 5px; margin:10px 0px 10px 15px; posit ion: relative; f loat: left ; font-fami ly : ”Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize:16px; font-weight :bold;



color :#47281A; text-al ign:center ;}/*Aqui entre a CLASS dos LIVROS e imagens*/. imagemtexto a { background: #E3CDB7; text-al ign: center ; margin:20px 15px 25px 15px; outl ine:none; padding:5px 5px 13px 5px; f loat: left ;}. imagemtexto a:hover { background:#e3ba90; margin:20px 15px 25px 15px; padding:5px 5px 13px 5px; f loat: left ;}/*Actividade LINK*/.textoactividade { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize:12px; color : #333333;



font-weight : normal ; text-al ign: just i fy ; text- indent:15pt; margin:15px 15px 15px 15px;}.actividadenegrito { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize: 13px; color : #47281A; font-weight : bold; text-al ign: left ; margin:0px 0px 0px 0px;}.actividade { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize: 12px; font-weight : normal ; text-al ign: left ; font-style:normal ; margin:0px 0px 0px 0px; color : #333333;}/*Fim Actividade*/



/*Aqui entre o texto da ALA DIREITA */.textodireito { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize:12px; color : #5C5248; font-weight : normal ; text-al ign: just i fy ; margin:10px 0px 15px 15px; font-style:normal ; font-variant :normal ; f loat: left ;}. textodireito a { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize:12px; color : #5C5248; font-weight : normal ; text-al ign: center ; margin:0px 18px 0px 0px; padding:5px 5px 5px 5px; background:#E3CDB7; font-style:normal ; text-decoration: none;



font-variant :normal ; f loat: r ight ; outl ine:none;}. textodireito a:hover { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize:12px; color :#47281A; text-al ign: just i fy ; margin:0px 18x 0px 0px; text-decoration: underl ine; font-variant :normal ; f loat: r ight ;}h3 { color :#47281A; font-fami ly : ”Trebuchet MS”, Verdana, Ar ial , Helvetica, sans-ser i f ; margin:5px 0px 5px 15px; font-s ize:18px; font-weight : bold; text-al ign: left ; font-style:normal ;}



/*Aqui entre a CLASS dos Direitos de Autor */.di reitos { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize:10px; color : #FFFFFF; font-weight : normal ; text-al ign:center ; border- left :5px r idge #FFFFFF; border-r ight :5px groove #FFFFFF; margin: 5px 0px 0px 30px; padding:0px 5px 0px 5px; width:560px; height :auto; background:#BA6F35; font-style:normal ; f loat: left ;}.di reitos a { color :#FFFFFF; outl ine:none;}.direitoshome { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ;



font-s ize:10px; color : #FFFFFF; text-al ign:center ; margin: 5px 30px 0px 30px; padding:0px 5px 0px 5px; width:570px; height :auto; background:#BA6F35; f loat: r ight ;}.di reitoshome a { color :#FFFFFF; outl ine:none;}/* top menu */#header { height : 56px; background-color : t ransparent; border- left : 1px sol id #533920; margin:0px 0px 0px 30px; width:590px; f loat: left ;}



#header a { text-decoration: none; font-weight :normal ; font-s ize:15px; outl ine:none; font-fami ly : ”Trebuchet MS”, Verdana, Ar ial , Helvetica, sans-ser i f ; color : #533920;}#header a:hover { color :#533920;}#menu { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; l ist-style-type: none;}#menu l i { f loat: left ; width: 96px; border-r ight : 1px sol id #533920;}#menu a { display: block;



height : 50px; l ine-height :50px; outl ine:none; background:ur l( imagens/botao.png) no-repeat; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; border-bottom: 6px sol id #533920;}#menu a:hover { border-bottom: 6px sol id #B55E0F; l ine-height :50px; background:ur l( imagens/botaoselecionado.png) no-repeat; background-color : #E9D6AE;}#menu l i a.selecionado { background:ur l( imagens/botaoselecionado.png) no-repeat; color : #533920; l ine-height :50px; font-fami ly : “Trebuchet MS”, Verdana, Ar ial , Helvetica, sans-ser i f ; border-bottom: 6px sol id #B55E0F; background-color : #E9D6AE;}/* FIM top menu */



/* logo da fundação */. imagemlogo { width:90px; height :90px; background: ur l( imagens/logo.png) no-repeat; padding:0px 0px 0px 0px; posit ion:absolute; left : 1020px; top: 59px;}. identidadelogo { width:200px; height :20px; color : #FFFFFF; font-fami ly : ”Trebuchet MS”, Verdana, Ar ial , Helvetica, sans-ser i f ; font-s ize:16px; background:transparent; padding:0px 0px 0px 0px; posit ion:absolute; text-al ign:r ight ; left : 820px; top: 91px;}



/* Galer ia LINKS */#galer ia { width:860px; height :700px; margin:20px 0px 30px 30px; posit ion: relative; f loat: left ;}#galer ia a { outl ine:none;}#galer ia img { margin:5px 5px 5px 5px; border:1px sol id #B55E0F; outl ine:none;}. i r topo img { bottom:10px; posit ion: f ixed; r ight :160px; outl ine:none; border:none;}



/*Efeito nas Imagens JAVASCRIPT */#l ightbox { posit ion: absolute; left : 0; width: 100%; z- index: 100; text-al ign: center ; l ine-height : 0;}#l ightbox img { width: auto; height : auto;}#l ightbox a img { border: none;}#outerImageContainer { posit ion: relative; background-color : #ff f ; width: 250px; height : 250px; margin: 0 auto;}



#imageContainer { padding: 10px;}#loading { posit ion: absolute; top: 40%; left : 0%; height : 25%; width: 100%; text-al ign: center ; l ine-height : 0;}#hoverNav { posit ion: absolute; top: 0; left : 0; height : 100%; width: 100%; z- index: 10;}#imageContainer>#hoverNav { left : 0;}



#hoverNav a { outl ine: none;}#prevLink, #nextLink { width: 49%; height : 100%; background-image: ur l(data: image/gif ;base64,AAAA); /* Tr ick IE into showing hover */ display: block;}#prevLink { left : 0; f loat: left ;}#nextLink { r ight : 0; f loat: r ight ;}#prevLink :hover, #prevLink :vis i ted:hover { background: ur l( images/prevlabel .gi f) left 15% no-repeat;}#nextLink :hover, #nextLink :vis i ted:hover { background: ur l( images/next label .gi f) r ight 15% no-repeat;}



#imageDataContainer { font : 10px Verdana, Helvetica, sans-ser i f ; background-color : #ff f ; l ine-height : 1.4em; overf low: auto; width: 100%;}#imageData { padding:0px 10px; color : #666;}#imageData #imageDetai ls { width: 70%; f loat: left ;}#imageData #caption { font-weight : bold;}#imageData #numberDisplay { display: block; clear : left ; padding-bottom: 1.0em;}





Fundação Bracara Augusta Fundação Bracara Augusta

#imageData #bottomNavClose { width: 66px; f loat: r ight ; padding-bottom: 0.7em; outl ine: none;}#overlay { posit ion: absolute; top: 0; left : 0; z- index: 90; width: 100%; height : 500px; background-color : #000;}



Ginásio OXYGYM

66

Ginásio OXGGYM



Ginásio OXYGYM

Contacto com o ClienteNo início do mês Novembro contactei o Doutor José Domingues, para lhe fazer um Redesign da Página Web e a reorganização de conteúdos.Mas infel izmente ele raramente estava no ginásio por isso as várias vezes que eu fui lá só o encontrei uma vez, além disso ele não se mostrou muito interessado para lhe modif icar a página Web.

Aquisição de conteúdos

Os conteúdos presentes no site foram-me facultados pelo professor Américo Rodrigues e pelo Doutor José Domingues. Esses conteúdos foram-me entregues pessoalmente ou enviados por e-mail pelo Doutor José Domin-gues e pelo Professor Américo Rodrigues.



Ginásio OXYGYM

Briefing



Ginásio OXYGYM


Localização: O Ginásio localiza-se em Braga na Praça das Fontainhas em S.Vicente.

Caracterização: O Ginásio encontra-se num local agradável, em boas condições com um design inter ior muito apelativo e com materiais de exercício em excelente estado.

Serviços e produtos: A empresa tem como modalidades o Kick boxing, karate, GAP, mega boxing, Capoeira, Danças.

Inf luências: O ginásio contém modalidades para todas as classes etárias. O que é uma mais-val ia para a empresa.

Aspectos posit ivos: O ginásio é muito dinâmico os trabalhadores estão sempre prontos para mostrar as suas actividades, preocupam-se muito com os cl ientes tanto f is icamente como psicologicamente. Também costumam mostrar à população de Braga na avenida encontros de capoeira.

Público-alvo: Toda a população da freguesia de Braga.

Concorrência: Exist i r em Braga Ginásios com preços mais competit ivos.

Objectivo: Pretendo conceber uma imagem mais suave e dinâmica, pois visualmente o website encon-tra-se muito clássico.



Ginásio OXYGYM

Equacionar o problemaNo início de Novembro fui contactado pelo professor Américo Rodrigues e pelo professor João Paulo Teixeira, coordenador do curso Técnico de Desenho Gráfico que o ginásio OXYGYM desejava que eu f izesse um Redesign da Página Web e a reorganização de conteúdos. O meu objectivo era conceber uma imagem mais suave, atractiva e dinâmica. O ginásio destina-se a toda a população da cidade de Braga. A sua função é divulgar o ginásio na Internet, para dar a conhecer as instalações, condi-ções, modalidades, eventos e preços.

Análise de soluções já existentes Depois de já ter contactado a cl iente, comecei por efectuar uma pesquisa na Internet sobre websites relacionados sobre ginásios e encontrei alguns com um design agradável . http://www.sol inca.pt http://www.aditshukla.com/ http://www.ginasiocontraste.com/ http://www.el ielcezar.com http://www.holmesplace.pt/ http://www.apple.com/ http://www.equi l ibr io-ginasio.pt/ http://www.idealsign.com/



Ginásio OXYGYM

Layout antigoAnteriormente o layout da página do ginásio encontrava-se nesta situação:

Fig. 19 – Layout



Ginásio OXYGYM

Concepção do Layout Depois de terminar a pesquisa, iniciei o esquema mais ou menos em papel para poster iormente come-çar a cr iar o layout no I lustrator CS3 .O resultado foi o seguinte:

CoresA uti l ização da cor laranja tem o principal objectivo de apresentar energia, movimento e dinamismo.Depois de já ter decidido o layout e as cores do website, a mudança de cor para laranja é devido a pretender mostrar mais força.

Fig. 20 – Redesign do layout



Ginásio OXYGYM



Ginásio OXYGYMGinásio OXYGYM

Conteúdo do SiteComecei por contactar o cl iente, onde f iz uma marcação de uma data, para saber o que ela dese-java. Apesar de ele não se ter interessado pelo meu projecto tentei ao máximo dar o meu melhor, mas depois de lhe mostrar como se estava a desenvolver, f iquei à espera que me desse alguma notícia, mas não me deu. Passando algum tempo o website foi alterado para outro layout e como o cl iente nunca mais me dava nenhuma informação, nem nunca mais me contactou não passei para a programa-ção pois não t inha a sua confi rmação para prosseguir o projecto. Tive pena de não poder continuar pois era uma área que abrangia varias actividades interessantes.

Obstáculos deste ProjectoAs maiores dif iculdades por mim sentidas foram sem dúvida, contactar o cl iente pois não se mostrou muito interessado pelo projecto.Perceber como o Software Joomla funcionava.



74

Freguesia maximinos



Contacto com o ClienteDesde o início do mês Abri l fui contactando pelo Professor Américo Rodrigues, que desejava que eu f izesse um Redesign da Página Web e a reorganização de conteúdos.Desde então, t ive reuniões periodicamente, essas reuniões servi ram para mostrar ao cl iente o progres-so do site, assim como discuti r todos os seus aspectos, isto é, os l inks do menu, o conteúdo de cada página, o público-alvo do site, quais ser iam as cores do site e que mensagem pretendia-mos mostrar a cada cidadão, etc.O contacto com o cl iente foi também marcado por vários e-mails , onde o cl iente teve a oportunidade de me facultar vários conteúdos do site e onde pudemos também debater outros assuntos.

Aquisição de conteúdosOs conteúdos presentes no site foram-me facultados pelo Doutor José Manuel Magalhães e pelo pro-fessor Américo Rodrigues.Esses conteúdos foram-me entregues pessoalmente ou enviados por e-mail pelo professor Américo Rodrigues.



Briefing




Localização: Maximinos é uma freguesia portuguesa do concelho de Braga, com 1,76 km² de área e 10 030 habitantes (2001). Densidade: 5 698,9 hab/km² .

Público-alvo: Toda a população da freguesia de Braga.

Aspectos posit ivos: Cooperação e sol idariedade com as pessoas mais desfavorecidas. Coope-ração e sol idariedade com empresas, escolas e outras inst i tuições e com todas as pessoas de boa vontade que tenham a ambição de serem protagonistas da construção de uma freguesia dinâmica, activa, onde convivem núcleos urbanos e rurais .

Serviços e Produtos: A diversidade de funções que desempenham, desde a gestão administ rativa, com especial incidência na procura de melhoria dos serviços a prestar aos cidadãos, a gestão de recursos humanos, a relação com outros organismos autárquicos e nacionais, permite-os considerar que o desenvolvimento pessoal, social , cultural e económico que pretendem para Maximinos atinge-se, sobretudo, na base dos princípios da cooperação e da sol idariedade.

Inf luências: A real ização de iniciativas culturais de forma integrada continuam a ser uma aposta as-sumida pela Freguesia de Maximinos.

Objectivo: Pretendo conceber uma imagem mais suave e dinâmica, pois visualmente o website encon-tra-se muito clássico.



Equacionar o problemaNo início de Maio fui contactado pelo Professor João Paulo Teixeira, coordenador do curso Técnico de Desenho Gráfico que a Junta de Freguesia Maximinos desejava que eu f izesse um Redesign da Pá-gina Web e a reorganização de conteúdos. O meu objectivo era conceber uma imagem mais suave, atractiva e dinâmica. A Junta de Freguesia destina-se a toda a população da cidade de Braga.

Análise de soluções já existentes Depois de já ter contactado a cl iente e já ter uma ideia do que ele pretendia, comecei por efectuar uma pesquisa na Internet sobre websites relacionados com a área envolvente encontrei alguns com um design muito interessante.Para iniciar uma estrutura t ive que fazer várias pesquisas na Internet, a nível de design, estrutura de conteúdos, cores, aprofundar ideias da área da programação, entre outros. http://www.juntasvictor .pt/ http://www.f reguesiamontalegre.net/ http://www.j f- lamacaes.pt/ http://www.j f- real .com/index.html http://www.j f- ferrei ros.pt/ http://www.j f-saovicente.com/main.htm http://www.j f-esporoes.pt/ http://www.f reguesiadepanoias.com/



Layout antigoAnteriormente o layout da página da Freguesia de Maximinos os menus estavam muito confusos e exis-t ia muita falta de conteúdo a página Web, o t ipo de letra tornava a página muito cansativa de se ler antes encontrava-se nesta situação:

Fig. 21 – Layout antigo



Concepção do Layout Depois de terminar a pesquisa, iniciei o esquema mais ou menos em papel para poster iormente come-çar a cr iar o layout no I lustrator CS3 .A construção do primeiro layout foi real izada já com cores. O resultado foi o seguinte:




Concepção do Layout O layout deve respeitar os pr incípios da estética, da funcionalidade e da uti l idade sobretudo de-vemos ter atenção ao público-alvo, por estes motivos, ao cr iar o Website t ive sempre muito cuidado com o design do layout . Como eu não achava muito atraente o layout decidi-o mudar a níveis gráf icos e depois de muitos estudos o resultado foi o seguinte:




Concepção do Layout Depois de já ter decidido o layout foi defini r as cores do site, que conteúdo i r ia colocar na página principal . Depois de um enorme trabalho e de muitas opiniões dadas pelos meus professores e amigos o layout f icou com um aspecto mais atractivo assim o resultado f inal foi o seguinte:




Concepção do Layout CoresA uti l ização dos tons azuis estão relacionados com a confiança, e prof iss ional ismo que a Freguesia de Maximinos pretende representar .Depois de a página estar graf icamente concluída, contactei o meu cl iente para saber a sua opinião e para saber se poderia continuar o meu trabalho.Nas reuniões marcadas conversamos que t ipo de conteúdo se ia colocar e assim decidiu-se que o menu ia f icar composto por sete l inks : » Início » Orgãos » Autarquia » Freguesia » Uti l idades » Tur ismo & Lazer » Portal do Cidadão

O menu principal é um elemento fundamental na navegação de qualquer página Web. Por este moti-vo, a presença do menu é indispensável para o sucesso de um Website.O menu principal do meu Website é horizontal , s imples e discreto. Nele só existe uma mudança de cor quando o cursor passa por cima, e f ica seleccionado quando carregamos.



In ícioNa página inicial destaquei a informação que achei mais importante, por isso coloquei do lado direito os as notícias da freguesia. Nesta página aparece de entrada um s l ideshow de 8 imagens da freguesia de maximinos. Coloquei também no lado direito a hora de funcionamento da junta.

Fig. 25 – Início



OrgaõsEste l ink pr incipal é constituído por vários submenus, que seguem sempre o mesmo padrão.

Fig. 26 – Orgaõs



FreguesiaUma página extremamente elegante e muito requintada nestes submenus podemos encontrar todo o t ipo de informação que um cidadão possa desejar, desde a mensagem do Presidente, à localização da junta de freguesia.

Fig. 27 – Freguesia



Uti l idadesEsta página também acho que vai ser a mais importante para os cidadãos bracarenses porque nes-tes submenus podemos encontras uma l ista de transportes, a farmácia disponível , contactos úteis de outras inst i tuições, etc.

Fig. 28 – Utilidades



Turismo e LazerEsta página é das mais relaxantes também devido ao conteúdo de que se trata, pois quem quiser passar umas fér ias não há nada do que passar uma vista pelo submenu alojamento e restaurantes.

Fig. 29 – Turismo e Lazer



Portal do CidadãoEste l ink foi cr iado para todo o t ipo de pedidos de informação que o cidadão deseja comunicar .

Fig. 30 – Portal do Cidadão



Conteúdo do SiteQuando recebi este projecto em mãos reparei na sua grandiosidade por isso dediquei-me 100% neste trabalho para além disso como era época de eleições desejavam que a página fosse feita o mais rápido possível . In icialmente comecei por contactar o cl iente, onde marcou-se uma reunião com o cl iente, com o Doutor José Magalhães e o Professor Américo Rodrigues. Depois de saber o que o cl ien-te queria real izei o brief ing onde defini os objectivos. E seguidamente comecei por visual izar páginas já existentes.

Os conteúdos do site foram-me todos fornecidos pelo Doutor José Magalhães e o Professor Américo Rodrigues, no entanto alguns dos conteúdos iniciais t iveram que ser alterados. Desenvolvi o layout da página Web e enviei-o por e-mail para saber se ele f icava aprovado. Depois de ter a confi rmação do Professor Américo Rodrigues desenvolvi logo a página principal ou seja o INDEX lá defini visualmente como a página Web ia f icar, comecei por cr iar uma nova base de dados com uma nova programa-ção e um novo design muito mais apelativo e muito mais fáci l de navegar para o uti l izador que queira publicar as notícias.

Depois de ter a Base de Dados quase f inal izada desenvolvi o resto das páginas foi substitui r os l inks e coloca-los onl ine. Foi aberto também um questionário e com os erros encontrados desenvolvi-o para ser adaptável a cada cidadão bracarense assim foi mais fáci l desenvolver com os erros que encon-traram. Em modo geral toda gente adorou a proposta f inal , pois os resultados foram muito posit ivos. O passo seguinte foi desenvolver melhor as páginas Web restantes a nível visual e acabei a progra-mação da Base de Dados.



Obstáculos deste ProjectoAs maiores dif iculdades por mim sentidas foram, o desenvolvimento das folhas de est i lo com PHP e o próprio PHP . Após muita pesquisa e muito estudo desta área da programação consegui ult rapassar as dif iculdades encontradas apesar de ter perdido muito tempo no desenvolvimento desse t ipo de sistema.

Dif iculdade em trabalhar nos menus e submenus pois apareciam alguma incompatibi l idades com alguns browsers , pois funcionava no Mozzi l la Fi refox e no Safari , mas o mesmo não acontecia no Internet Ex-plorer devido a ele ser mais f ranco do que os outros, tudo isto foi devido à uti l ização das Z-Index . Problemas no desenvolvimento da programação da Base de Dados pois neste t ipo de área é preciso estar muito concentrado pois em algumas situações perdia-se muito tempo devido a esquecermo-nos de colocar um “ ; ” ou outro t ipo de caracteres.



Programação do websiteEsta é, sem dúvida, a parte mais al iciante deste projecto, mas também a mais complexa.Para conclui r a real ização deste projecto t ive que uti l izar algumas l inguagens de programação, no-meadamente com Adobe DreamWeaver CS3 o HTML , CSS , MYSQL e PHP .

Criação da Base de dadosComecei por cr iar a base de dados em MySQL .A Base de Dados vai conter as seguintes tabelas: » admin » noticias » agenda

Área do Administrador (BackOffice)Esta área é reservada ao administ rador, cujo objectivo é conseguir ver, adicionar, alterar e apagar notícias e datas da agenda. É constituída por três l inks :

» Notícias » Agenda » Administ ração

Em seguida vou mostrar alguns exemplos de como adicionar, mostrar , el iminar e alterar em PHP que uti l izei no meu Website.



Sistema Login <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transit ional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit ional .dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head><meta http-equiv=”Content-Type” content=”text/html ; charset=utf-8” /><l ink href=”est i los.css” type=”text/css” rel=”stylesheet” />

<l ink media=”screen” rel=”shortcut icon” href=”imagens/icone. ico” type=”image/x-icon”>

<tit le>Back Off ice Freguesia de Maximinos</t it le>

</head>

<body>

<div class=”login”><form action=”login_vai .php” method=”post”>

<div class=”dados”><p class=”t i tulo”>Sistema de Login</p><p>Login:<br><input type=”text”name=”login”style=”background-color :e6f6ff ;border:1px sol id #93cced;” ></p>



<p>Password:<br> <input type=”password” name =”password” style=”background-color :e6f6ff ; border: 1px sol id #93cced;”></p><input name=”Submit” class=”botao”type=”submit” value=”Login” /></form></div><img src=”imagens/maximino.png”alt=”Maximinos” width=”163” height=”191” class=”imagemfreguesia” /></div></body></html>

Fig. 31 – Sistema Login



Mostrar dadosEste código selecciona todos os dados da tabela noticias da base de dados.

noticiasmain.php

<?phprequire ‘ver i f ica.php’ ;?><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transit ional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit ional .dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head><meta http-equiv=”Content-Type” content=”text/html ; charset=ISO-8859-1” /><l ink href=” . ./est i los.css” type=”text/css” rel=”stylesheet” />

<l ink media=”screen” rel=”shortcut icon” href=” . ./ imagens/icone. ico” type=”image/x-icon”><tit le>BackOff ice - Junta Freguesia Maximinos</t it le></head><body><div id=”tudo”><div class=”topo”><img src=”. ./ imagens/maximino.png” alt=”Maximinos” width=”128” height=”148” /></div><div class=”t i tulobem-vindo”>BackOff ice - Junta Freguesia Maximinos</div>



<div class=”menucima”><?php include(‘noticiasmenu. inc’) ;?></div>

<div class=”barraesquerda”><div class=”barraesquerdatopo”>Notícias</div><div class=”menu”> <?php include(‘menu. inc’) ;?></div>

<div class=”sair”><br /><br /><a href=” . ./ logout.php” class=”sair”>Sair</a></div></div>

<div class=”centro”>

<?php$ligacao=mysql_connect(“ localhost” , ”admin”,” f reguesia”) ;i f ( !$l igacao) { pr int (“Problemas na l igação ao servidor Mysql”) ;}$sql=”select * f rom noticias” ;$resultado=mysql_db_query(“bdfreguesiamaximinos”,$sql) ;



i f ($resultado){print (“<table width=\”100%\” al ign=center border=1 >”) ;pr int (“<tr> <td width=\”15%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Título</b></font></td><td width=\”10%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Autor</b></font></td><td width=\”10%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Data</b></font></td><td width=\”15%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Texto introdutó-r io</b></font></td><td width=\”50%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Notícia</b></font></td></tr>”) ;whi le ($registo=mysql_ fetch_array($resultado)) {$Titulo=$registo[ ‘Titulo’ ] ;$Autor=$registo[ ‘Autor ’ ] ;$Data=$registo[ ‘Data’] ;$textointrodutorio=$registo[ ‘ textointrodutorio’ ] ;$Noticia=$registo[ ‘Noticia’ ] ;pr int(“<tr><td><font style=\”text-al ign: left\” face=\”Trebuchet MS\” s ize=\”2\” color=\”#000000\”>$Titulo</font></td><td><font style=\”text-al ign: left\” face=\”Trebuchet MS\” s ize=\”2\” color=\”#000000\”>$Autor</font></td>



<td><font style=\”text-al ign: left\” face=\”Trebuchet MS\” s ize=\”2\” color=\”#000000\”>$Data</font></td><td><font style=\”text-al ign: left\” face=\”Trebuchet MS\” s ize=\”2\” color=\”#000000\”>$textointrodutorio</font></td><td><font style=\”text-al ign: left\” face=\”Trebuchet MS\” s ize=\”2\” color=\”#000000\”>$Noticia</font></td></tr>”) ;}echo (“</table>”) ;} else {print (“Não há registos”) ; }mysql_f ree_result ($resultado);?>

</div><div class=”baixo”>Junta Freguesia Maximinos - 2009 |Sistema de Notícia Desenvolvido por:<a href=”mailto:cesarioalves8@gmail .com”>Cesário Alves</a></div>

</div></body></html>



Adicionar dadosO código adicionar dados, permite-nos adicionar dados específ icos.O código contém 2 f icheiros, o adic.php e o adic1.php.O primeiro f icheiro é um formulár io que contém todos os campos, excepto o id vazios, para que se pos-sa inser i r os dados da nova Noticia. O administ rador insere os dados e carrega no botão Adicionar registo e então abre a página adic1.php.O adic1.php mostra os dados inser idos em uma tabela e apresentar uma mensagem que refere que foi inser ido com sucesso.

adic.php

<?phprequire ‘ver i f ica.php’ ;?>

Fig. 32 – Adicionar registo



<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transit ional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit ional .dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head><meta http-equiv=”Content-Type” content=”text/html ; charset=ISO-8859-1” /><l ink href=” . ./est i los.css” type=”text/css” rel=”stylesheet” />

<l ink media=”screen” rel=”shortcut icon” href=” . ./ imagens/icone. ico” type=”image/x-icon”>

<tit le>BackOff ice - Junta Freguesia Maximinos</t it le>

</head><body><div id=”tudo”>

<div class=”topo”><img src=”. ./ imagens/maximino.png” alt=”Maximinos” width=”128” height=”148” /></div><div class=”t i tulobem-vindo”>BackOff ice - Junta Freguesia Maximinos</div>





<div class=”sair”><br /><br /><a href=” . ./ logout.php” class=”sair”>Sair</a></div></div><div class=”centro”><form method=”POST” action=”adic1.php”><table border=0 width=60%> <b>Adição de registo/notícia:</b><tr><td width=30%>Título</td><td><input type=”text” name=”Titulo” style=”background-color :e6f6ff ; border: 1px sol id #93cced;” s ize=”50”> </td></tr><tr><td width=30%>Autor</td><td>

<input type=”text” name=”Autor” style=”background-color :e6f6ff ; border: 1px sol id #93cced;” s ize=”50”> </td></tr>

<tr><td width=30%>Data</td><td><input type=”text” name=”Data” style=”background-color :e6f6ff ; border: 1px sol id #93cced;” s ize=”50”>



></td></tr>

<tr><td width=30%>textointrodutorio</td><td><input type=”text” name=”textointrodutorio” style=”background-color :e6f6ff ; border: 1px sol id #93cced;” s ize=”50”></td></tr>

<tr><td width=30%>Notícia</td><td><textarea name=”Noticia” style=”background-color :e6f6ff ; border: 1px sol id #93cced;” cols=”50” rows=”8”></textarea></td></tr></table><p al ign=”left”><input type=”submit” class=”cl ick“value=”Adicionar registo”><input type=”reset” class=”cl ick” value=”Limpar ecrã”><p al ign=”center”></p></p></form></div>

<div class=”baixo”>Junta Freguesia Maximinos - 2009 |Sistema de Notícia Desenvolvido por:<a href=”mailto:cesarioalves8@gmail .com”>Cesário Alves</a></div></div></body></html>



adic1.php




</head><body><div id=”tudo”>

<div class=”topo”><img src=”. ./ imagens/maximino.png” alt=”Maximinos” width=”128” height=”148” />



</div><div class=”t i tulobem-vindo”>BackOff ice - Junta Freguesia Maximinos</div>



<div class=”sair”><br /><br /><a href=” . ./ logout.php” class=”sair”>Sair</a></div></div><div class=”centro”><?phpif ($Noticia){mysql_connect(“ localhost” , ”admin”, ” f reguesia”) or die (“Problema na l igação ao servidor MySQL”) ;$sql=”insert into noticias(Noticia, Autor, Titulo,textointrodutorio, Data) values ( ‘$Noticia’ , ’$Autor ’ , ’$Titulo’ , ’$textointrodutorio’ , ’$Data’)” ;$resultado=mysql_db_query(“bdfreguesiamaximinos”,$sql) ;$reg_ins=mysql_affected_rows() ;



echo “$reg_ins registo inser ido com sucesso <p>”;echo “Dados actuais da base de dados”;i f ($resultado){$sql=”select Noticia, Autor, Titulo, Data, textointrodutorio f rom noticias” ;$resultado=mysql_db_query(“bdfreguesiamaximinos”,$sql) ;i f ($resultado) {print (“<table width=\”100%\” al ign=center border=1 >”) ;pr int (“<tr><td width=\”15%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Titulo</b></font></td><td width=\”10%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Autor</b></font></td><td width=\”10%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Data</b></font></td><td width=\”15%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Texto introdutório</b></font></td><td width=\”50%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Notícia</b></font></td></tr>”) ;whi le ($registo=mysql_fetch_array($resultado)){$Titulo=$registo[ ‘Titulo’ ] ;$Autor=$registo[ ‘Autor ’ ] ;$Data=$registo[ ‘Data’] ;$textointrodutorio=$registo[ ‘ textointrodutorio’ ] ;$Noticia=$registo[ ‘Noticia’ ] ;



pr int (“<tr><td>$Titulo</td><td>$Autor</td><td>$Data</td><td>$textointrodutorio</td><td>$Noticia</td></tr>”) ;}echo(“</table>”) ;}else{print (“Não há registos”) ;}mysql_f ree_result ($resultado);}else{echo”Por favor preencha o campo”;echo”<p></p>”;}}?>

<div class=”baixo”>Junta Freguesia Maximinos - 2009 |Sistema de Notícia Desenvolvido por:<a href=”mailto:cesarioalves8@gmail .com”>Cesário Alves</a></div>




Alterar dadosA alteração de dados consiste num código que contém três páginas, alterando os dados da notí-cia. O código contém 3 f icheiros, o alter .php, o alter1.php e alter2.php.O alter .php vai buscar os campos à base de dados e cr ia uma tabela onde os campos são apresen-tados. O título de cada notícia aparece com uma hiperl igação que, ao ser carregada, abre o f icheiro alter1.php.

O alter1.php é um formulár io que contém todos os campos excepto o id, que nunca pode ser modif i-cado. O administ rador modif ica, carrega no botão Alterar e então abre a página alter2.php.

O alter2.php só i rá mostrar uma mensagem que concluiu com sucesso e os novos dados.

alter.php

<?phprequire ‘ver i f ica.php’ ;?><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transit ional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit ional .dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head>



<b> Edição de registo</b><br>Escolha um registo para alterar<?php$ligacao=mysql_connect(“ localhost” , ”admin”, ” f reguesia”) ;i f ( ! l igacao) {print (“Problema na l igação ao servidor Mysql”) ;}$sql=”select * f rom noticias” ;$resultado = mysql_db_query(“bdfreguesiamaximinos”,$sql) ;i f ($resultado){print (“<table width=\”90%\” al ign=center border=1 >”) ;pr int (“<tr><td width=\”15%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Titulo</b></font></td><td width=\”10%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Autor</b></font></td><td width=\”10%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Data</b></font></td><td width=\”15%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Texto introdutó-r io</b></font></td><td width=\”50%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Notícia</b></font></td></tr>”) ;whi le ($registo=mysql_fetch_array($resultado)) {$id=$registo[“ id”] ;$Titulo=$registo[ ‘Titulo’ ] ;



$Autor=$registo[ ‘Autor ’ ] ;$Data=$registo[ ‘Data’] ;$textointrodutorio=$registo[ ‘ textointrodutorio’ ] ;$Noticia=$registo[ ‘Noticia’ ] ;pr int (“<tr><td al ign=center><a href=\”alter1.php?identi f=$id&Noticia=$Noticia&textointrodutorio=$textointrodutorio&Autor=$Autor&Titulo=$Titulo&Data=$Data\”>$Titulo</a></td><td al ign=left>$Autor</td><td al ign=left>$Data</td><td al ign=left>$textointrodutorio</td><td al ign=left>$Noticia</td></tr>”) ;}echo (“</table>”) ;}else{print (“Não há registos”) ;}mysql_f ree_result ($resultado);?></div><div class=”baixo”>Junta Freguesia Maximinos - 2009 |Sistema de Notícia Desenvolvido por:<a href=”mailto:cesarioalves8@gmail .com”>Cesário Alves</a></div></div></body></html>



alter1.php




</head><body><div id=”tudo”><div class=”topo”><img src=”. ./ imagens/maximino.png” alt=”Maximinos” width=”128” height=”148” /></div><div class=”t i tulobem-vindo”>BackOff ice - Junta Freguesia Maximinos</div>



<div class=”menucima”><?php include(‘noticiasmenu. inc’) ;?></div><div class=”barraesquerda”><div class=”barraesquerdatopo”>Notícias</div><div class=”menu”> <?php include(‘menu. inc’) ;?></div><div class=”sair”><br /><br /><a href=” . ./ logout.php” class=”sair”>Sair</a></div></div><div class=”centro”><p><b>Edição de registo</b><br>Registo seleccionado<form method=”post” action=”alter2.php”>Nº de id - <?php echo “ $id” ;?> <br><table border=0 width=60%><tr><td width=30%>Titulo</td><td><input type=”text” name=”Titulo” s ize=”50” style=”background-color :e6f6ff ; border: 1px sol id #93cced;”value=”<?php echo “$Titulo” ;?>”></td></tr><tr><td width=30%>Autor </td><td><input type=”text” name=”Autor” s ize=”50” style=”background-color :e6f6ff ; border: 1px sol id #93cced;”value=”<?php echo “$Autor” ;?>”></td></tr><tr><td width=30%>Data</td><td>



<input type=”text” name=”Data” s ize=”50” style=”background-color :e6f6ff ; border: 1px sol id #93cced;”value=”<?php echo “$Data”;?>”></td></tr><tr><td width=30%>Texto introdutório</td><td><input type=”text” name=”textointrodutorio” s ize=”50” style=”background-color :e6f6ff ; border: 1px so-l id #93cced;”value=”<?php echo “$textointrodutorio” ;?>”></td></tr><tr><td width=30%>Noticia</td><td><textarea name=”Noticia” cols=”50” style=”background-color :e6f6ff ; border: 1px sol id #93cced;;” rows=”8”><?php echo “$Noticia” ;?></textarea></td></tr></table><br><input type=”submit” class=”cl ick” value=”Alterar”><input type=”hidden” name=”id” value=”<?php echo”$identi f ” ;?>”></form></div><div class=”baixo”>Junta Freguesia Maximinos - 2009 |Sistema de Notícia Desenvolvido por:<a href=”mailto:cesarioalves8@gmail .com”>Cesário Alves</a></div>

</div></html>



alter2.php

<?phprequire ‘ver i f ica.php’ ;?><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transit ional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit ional .dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head><meta http-equiv=”Content-Type” content=”text/html ; charset=ISO-8859-1” /><l ink href=” . ./est i los.css” type=”text/css” rel=”stylesheet” /><l ink media=”screen” rel=”shortcut icon” href=” . ./ imagens/icone. ico” type=”image/x-icon”><tit le>BackOff ice - Junta Freguesia Maximinos</t it le></head><body><div id=”tudo”><div class=”topo”><img src=”. ./ imagens/maximino.png” alt=”Maximinos” width=”128” height=”148” /></div><div class=”t i tulobem-vindo”>BackOff ice - Junta Freguesia Maximinos</div><div class=”menucima”><?php include(‘noticiasmenu. inc’) ;?></div><div class=”barraesquerda”>



<div class=”barraesquerdatopo”>Notícias</div><div class=”menu”> <?php include(‘menu. inc’) ;?></div><div class=”sair”><br /><br /><a href=” . ./ logout.php” class=”sair”>Sair</a></div></div><div class=”centro”><?php /*scr ipt alter2.php*/ ?><?phpmysql_connect(“ localhost” , ”admin”, ” f reguesia”) or die (“ impossivel l igar a servidor MYSQL <p>”) ;$sql=”update noticias set Titulo=’$Titulo’ , Autor=’$Autor ’ ,Data=’$Data’ ,textointrodutorio=’$textointrodutorio’ ,Noticia=’$Noticia’ where id=’$id’” ;$resultado=mysql_db_query(“bdfreguesiamaximinos”,$sql) ;$num_afect=mysql_affected_rows() ;i f ($resultado) {print(“Alteração de $num_afect registo efectuado com sucesso.<p>”) ;pr int(“O registo alterado passa a possuir os seguintes dados: <p>”) ;$sql=”select Titulo, Autor, Data, textointrodutorio,Noticia f rom noticias where id=’$id’” ;$resultado=mysql_db_query(“bdfreguesiamaximinos”,$sql) ;$num_campos=mysql_num_fields($resultado);$num_reg=mysql_num_rows($resultado);pr int (“<table width=60% border=1>”) ;



for ($coluna=0;$coluna<$num_campos;$coluna++) {$f ield=mysql_f ield_name ($resultado, $coluna);$campo=mysql_result ($resultado,0,”$f ield”) ;pr int(“<tr><td al ign=center bgcolor=\”#7CC1E7\”><b>$field</b></td><td>$campo</td></tr>”) ;} pr int(“</table>”) ;}else{print (“Ocorreu um erro, repita a operação”);}mysql_f ree_result($resultado);mysql_close() ;?> </div> <div class=”baixo”>Junta Freguesia Maximinos - 2009 |Sistema de Notícia Desenvolvido por:<a href=”mailto:cesarioalves8@gmail .com”>Cesário Alves</a></div>

</div></html>



Eliminar dadosO código el iminar dados, tal como o nome indica, permite-nos el iminar dados da base de dados.O código contém 2 f icheiros, o el im.php e o el im1.php.O el im.php vai buscar os campos à base de dados e cr ia uma tabela onde os campos são apresen-tados. O ID de cada notícia aparece com uma hiperl igação que, ao ser carregada, abre o f icheiro el im1.php.O el im1.php i rá apresentar uma mensagem a perguntar se deseja el iminar aquela notícia. Se carregar no Ok el iminará a notícia da respectiva base de dados.

el im.php






</head><body><div id=”tudo”><div class=”topo”><img src=”. ./ imagens/maximino.png” alt=”Maximinos” width=”128” height=”148” /></div><div class=”t i tulobem-vindo”>BackOff ice - Junta Freguesia Maximinos</div><div class=”menucima”><?php include(‘noticiasmenu. inc’) ;?></div><div class=”barraesquerda”><div class=”barraesquerdatopo”>Notícias</div><div class=”menu”> <?php include(‘menu. inc’) ;?></div><div class=”sair”><br /><br /><a href=” . ./ logout.php” class=”sair”>Sair</a></div></div><div class=”centro”><?phpmysql_connect(“ localhost” , ”admin”, ” f reguesia”) or die(“ Impossivel l igar à base de dados”) ;



$sql=”select * f rom noticias order by id asc”;$resultado=mysql_db_query(“bdfreguesiamaximinos”,$sql) ;i f ($resultado){print(“<b>Seleccione o registo que pretende el iminar<p></b>”) ;pr int (“<table width=\”100%\” al ign=center border=1 >”) ;pr int (“<tr><td width=\”5%\” al ign=center bgcolor=\”#7CC1E7\” ><font face=\”Trebuchet MS\”<font color=\”#333333\”><b>ID</b></font></td><td width=\”5%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Titulo</b></font></td><td width=\”10%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Autor</b></font></td><td width=\”10%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Data</b></font></td><td width=\”20%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Texto introdutório</b></font></td><td width=\”50%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Notícia</b></font></td></tr>”) ;whi le($registo=mysql_fetch_array($resultado)){$id=$registo[“ id”] ;$Titulo=$registo[ ‘Titulo’ ] ;$Autor=$registo[ ‘Autor ’ ] ;$Data=$registo[ ‘Data’] ;$textointrodutorio=$registo[ ‘ textointrodutorio’ ] ;$Noticia=$registo[ ‘Noticia’ ] ;



print(“<td><align=center><a href=\”el im1.php?Noticia=$Noticia&textointrodutorio=$textointrodutorio&Autor=$Autor&Titulo=$Titulo&Data=$Data&id=$id\”>$id</a></td><td al ign=left>$Titulo</a></td><td al ign=left>$Autor</td><td al ign=left>$Data</td><td al ign=left>$textointrodutorio</td><td al ign=left>$Noticia</td></tr>”) ;}pr int(“</table>”) ;}else{print(“Não há registos “) ;}mysql_f ree_result ($resultado);?> </div>





el im1.php

<?phprequire ‘ver i f ica.php’ ;?><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transit ional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit ional .dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head><meta http-equiv=”Content-Type” content=”text/html ; charset=ISO-8859-1” /><l ink href=” . ./est i los.css” type=”text/css” rel=”stylesheet” /><l ink media=”screen” rel=”shortcut icon” href=” . ./ imagens/icone. ico” type=”image/x-icon”><tit le>BackOff ice - Junta Freguesia Maximinos</t it le></head><body><div id=”tudo”><div class=”topo”><img src=”. ./ imagens/maximino.png” alt=”Maximinos” width=”128” height=”148” /></div><div class=”t i tulobem-vindo”>BackOff ice - Junta Freguesia Maximinos</div><div class=”menucima”><?php include(‘noticiasmenu. inc’) ;?></div><div class=”barraesquerda”>



<div class=”barraesquerdatopo”>Notícias</div><div class=”menu”> <?php include(‘menu. inc’) ;?></div><div class=”sair”><br /><br /><a href=” . ./ logout.php” class=”sair”>Sair</a></div></div><div class=”centro”><?phpmysql_connect(“ localhost” , ”admin”, ” f reguesia”)or die(“ Impossivel l igar à base de dados”) ;$sql=”select * f rom noticias where id=’$id’” ;$resultado=mysql_db_query(“bdfreguesiamaximinos”,$sql) ;i f ($resultado){print(“El iminação do registo com id=$id vai ser executada”);pr int (“<table width=\”100%\” al ign=center border=1 >”) ;pr int (“<tr><td width=\”15%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Titulo</b></font></td><td width=\”10%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Autor</b></font></td><td width=\”10%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Data</b></font></td><td width=\”15%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\” font color=\”#333333\”><b>Texto introdutório</b></font></td><td width=\”50%\” al ign=center bgcolor=\”#7CC1E7\”> <font face=\”Trebuchet MS\”



font color=\”#333333\”><b>Notícia</b></font></td></tr>”) ;whi le ($registo=mysql_fetch_array($resultado)){$Noticia=$registo[ ‘Noticia’ ] ;$textointrodutorio=$registo[ ‘ textointrodutorio’ ] ;$Autor=$registo[ ‘Autor ’ ] ;$Titulo=$registo[ ‘Titulo’ ] ;$Data=$registo[ ‘Data’] ;$id=$registo[“ id”] ;pr int (“<tr> <td>$Titulo</td> <td>$Autor</td> <td>$Data</td> <td>$textointrodutorio</td ><td>$Noticia</td> </tr>”) ;}pr int(“</table>”) ;i f ($submit) {$sql=”delete f rom noticias where id=’$id’ and Noticia=’$Noticia’” ;$resultado=mysql_db_query(“bdfreguesiamaximinos”,$sql) ;$num_del=mysql_affected_rows() ;i f ($num_del>0){print (“<p>El iminação do registo executada com sucesso”) ;}}else{?><form method=”post” action=”<?php echo $PATH_INFO?>”><p>Confi rma a El iminação?



Folha de Esti los (CSS)

esti los.css

Esta folha de est i los contém todos os est i los que uti l izei no website.

/*Documento CSS Freguesia de Maximinos */

body { margin:0px 0px 0px 0px;/*pagina geral */ text-al ign:center ; background: ur l( imagens/bg.png) repeat #006AB2;}#tudo { width:1004px;/*Caixa geral */ height : auto; margin:auto; border- left : 8px sol id #D4CFBB; border-r ight : 8px sol id #D4CFBB; background:#FFFFFF;/*cor branca*/ posit ion:absolute;/*posicao absoluta*/ left :50%; margin-left :-502px; z- index:1;



}#topo { height :211px;/*medida */ width:auto; background: #FFFFFF; border:1px sol id #000000; margin:15px 30px 0px 30px; padding:5px 0px 0px 0px; posit ion: relative; text-al ign: center ; -moz-border-radius: 8px;/*cantos arredondados por todas as divs */ -webkit-border-radius: 8px; -webkit-box-shadow: 1px 1px 40px #888;}#banner { height :170px;/*medida */ width:auto;/*medida */ background: ur l( imagens/banner.png) no-repeat #00AFF0;/*#00AFF0 Azul */ border:0px sol id transparent; margin:0px 7px 7px 7px; posit ion: relative; text-al ign: center ; -moz-border-radius-topleft :8px;



-webkit-border-top-left-radius:8px; -moz-border-radius-topright :8px; -webkit-border-top-r ight-radius:8px;}#menu { width:auto;/*medida */ height :34px;/*medida */ font-fami ly : ”Trebuchet MS”, Verdana, Ar ial , Helvetica, sans-ser i f ; font-s ize:13px; background: ur l( imagens/menu.png) #0066CC;/*#00578AAzul */ border:0px sol id transparent; margin:0px 7px 7px 7px; posit ion: relative; f loat: left ; z- index:300; text-al ign: center ;}#centro { height :auto;/*medida #F8F8F8*/ width:635px; background: t ransparent; margin:32px 0px 15px 15px; text-al ign: center ;



f loat: left ; z- index:1;}#agenda { height :120px;/*medida */ width:580px; background: ur l( imagens/agenda.png) no-repeat; border:0px sol id transparent; margin:0px 0px 40px 43px; padding:5px 15px 5px 20px; text-al ign: center ; f loat: left ;}.agenda1 { height :100px;/*medida */ width:570px; background:transparent; border:0px sol id transparent; -moz-column-count: 1; -moz-column-gap: 1em; -moz-column-rule: 1px sol id black; -webkit-column-count: 1; -webkit-column-gap: 1em;



-webkit-column-rule: 1px sol id black; margin:0px 0px 40px 0px; text-al ign: center ; f loat: left ;}.agendatitulo { height :auto;/*medida #b8dff3, 0065b0 */ width:auto; background:transparent; margin:5px 5px 5px 15px; font-fami ly : “Ar ial” , Helvetica, Verdana, sans-ser i f ; text-decoration:underl ine; font-s ize:11px; color : #A13B12; font-weight : normal ; text-al ign: left ; font-style:normal ;}.agendahora { height :auto;/*medida*/ width:auto; background:transparent; margin:5px 5px 0px 15px;



font-fami ly : “Ar ial” , Helvetica, Verdana, sans-ser i f ; font-s ize:11px; color :#00578A; font-weight : normal ; text-al ign: left ; font-style:normal ;}.agendaproximo { height :auto;/*medida*/ width:auto; background:transparent; margin:5px 5px 0px 5px; posit ion: relative; font-fami ly : “Ar ial” , Helvetica, Verdana, sans-ser i f ; font-s ize:11px; color :#3A9DCE; font-weight : normal ; text-al ign:center ; font-style:normal ;}#direita { height : auto;/*medida */ width:305px;



background: #F2F2F2; margin:32px 15px 15px 0px; border:1px sol id #DDDDDD; text-al ign: center ; f loat: r ight ; z- index:1;}/*Noticias*/#noticias { height :auto;/*medida #b8dff3, 0065b0 */ width:265px; background: #D0ECF9; margin:15px 15px 15px 15px; padding:5px 5px 5px 5px; border-bottom:1px dotted #999999; border- left :1px dotted #999999; border-r ight :1px dotted #999999; border-top:18px sol id #008ACC; text-al ign: center ; f loat: r ight ;}h4 { color : #00578A;



font-fami ly : ”Ar ial” , Helvetica, sans-ser i f ; margin:5px 0px 5px 5px; font-s ize:18px; font-variant :normal ; font-weight : bold; text-al ign: left ; font-style:normal ;}h2 { color : #00578A; font-fami ly : ”Ar ial” , Helvetica, sans-ser i f ; margin:5px 0px 0px 15px; font-s ize:18px; font-variant :normal ; font-weight : bold; text-al ign: left ; font-style:normal ;}h6 { color : #00578A; font-fami ly : ”Ar ial” , Helvetica, sans-ser i f ; margin:0px 0px 3px 5px; font-s ize:18px;



font-variant :normal ; font-weight : bold; text-al ign: left ; font-style:normal ;}.noticiast itulo { height :auto;/*medida #b8dff3, 0065b0 */ width:auto; background:transparent; margin:5px 5px 5px 5px; font-fami ly : “Ar ial” , Helvetica, Verdana, sans-ser i f ; text-decoration:underl ine; text-t ransform: uppercase; font-s ize:11px; color : #006AB2; font-weight : normal ; text-al ign: left ; font-style:normal ;}.noticiastexto { height :auto;/*medida*/ width:auto; background:transparent;



margin:5px 5px 5px 5px; font-fami ly : “Ar ial” , Helvetica, Verdana, sans-ser i f ; font-s ize:12px; color : #333333; font-weight : normal ; text-al ign: just i fy ; font-style:normal ;}.noticiashora { height :auto;/*medida*/ width:auto; background:transparent; margin:5px 5px 0px 5px; font-fami ly : “Ar ial” , Helvetica, Verdana, sans-ser i f ; font-s ize:11px; color :#3A9DCE; font-weight : normal ; text-al ign: left ; font-style:normal ;}.noticiasproximo { height :auto;/*medida*/ width:auto;



background:transparent; margin:5px 5px 0px 5px; font-fami ly : “Ar ial” , Helvetica, Verdana, sans-ser i f ; font-s ize:11px; color :#3A9DCE; font-weight : normal ; text-al ign:center ; font-style:normal ;}/*Noticias Fim*/

hr { color : #CCCCCC;}/*Incicio de Serviço*/#servico { height :105px;/*medida #c1cf73, #71a107*/ width:265px; background:#D6E299; margin:15px 15px 15px 15px; border-bottom:1px dotted #999999; border- left :1px dotted #999999; border-r ight :1px dotted #999999;



border-top:18px sol id #97BE0D; padding:5px 5px 5px 5px; text-al ign: center ; f loat: r ight ;}h5 { color : #71A81D; font-fami ly : ”Ar ial” , Helvetica, sans-ser i f ; margin:5px 0px 5px 5px; font-s ize:18px; font-variant :normal ; font-weight : bold; text-al ign: left ; font-style:normal ;}.servicotitulo { height :auto;/*medida #b8dff3, 0065b0 */ width:auto; background:transparent; margin:5px 5px 5px 5px; font-fami ly : “Ar ial” , Helvetica, Verdana, sans-ser i f ; text-decoration:underl ine; font-s ize:11px;



color : #71A81D; font-weight : normal ; text-al ign: left ; text-t ransform:uppercase; font-style:normal ;}.servicotexto { height :auto;/*medida*/ width:auto; background:transparent; margin:5px 5px 5px 5px; font-fami ly : “Ar ial” , Helvetica, Verdana, sans-ser i f ; font-s ize:12px; color : #333333; font-weight : normal ; text-al ign: just i fy ; font-style:normal ;}/*Fim de Serviço*/

/*inicio horario*/#horario { height :105px;/*medida #c1cf73, #71a107*/



width:265px; background:#FFFFFF; margin:15px 15px 15px 15px; border-bottom:1px dotted #999999; border- left :1px dotted #999999; border-r ight :1px dotted #999999; border-top:18px sol id #86AFB0; padding:5px 5px 5px 5px; text-al ign: left ; f loat: r ight ;}.horariotitulo { height :auto;/*medida #b8dff3, 0065b0 */ width:auto; background:transparent; margin:5px 5px 5px 5px; font-fami ly : “Ar ial” , Helvetica, Verdana, sans-ser i f ; text-decoration:underl ine; text-t ransform:uppercase; font-s ize:11px; color : #006AB2; font-weight : normal ; text-al ign: left ;



}.horariotexto { height :auto;/*medida*/ width:auto; background:transparent; margin:5px 5px 5px 5px; font-fami ly : “Ar ial” , Helvetica, Verdana, sans-ser i f ; font-s ize:12px; color : #333333; font-weight : normal ; text-al ign: left ; font-style:normal ;}/*f im horario*/

.direitos { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize:10px; color :#333333; font-weight : normal ; text-al ign:center ; margin: 5px 50px 0px 180px;



padding:0px 5px 0px 5px; width:600px; height :auto; background:#F2F2F2; font-style:normal ; f loat: left ;}.di reitos a { color :#333333; text-decoration:underl ine; outl ine:none;}. texto { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize:12px; color : #666666; font-weight : normal ; text-al ign: just i fy ; margin:10px 15px 15px 15px; font-style:normal ; f loat: left ;}#caixa {



height :auto;/*medida*/ width:610px; background:transparent; border-bottom:1px dashed #00AFF0; margin:0px 5px 5px 15px; f loat: left ;}.caixatexto { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize:12px; color : #666666; font-weight : normal ; text-al ign: just i fy ; margin:10px 15px 15px 15px; font-style:normal ; f loat: left ;}.caixatexto a { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize:12px; color : #666666; font-weight : normal ; text-al ign: just i fy ;



margin:2px 15px 0px 15px; font-style:normal ; f loat: left ; outl ine:none;}.caixatexto a:hover { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize:12px; color : #333333; font-weight : normal ; text-al ign: just i fy ; margin:2px 15px 0px 15px; font-style:normal ; f loat: left ; outl ine:none;}.caixatextocentro { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize:12px; color : #666666; width:635px; height :auto; font-weight : normal ;



margin:10px 15px 15px 15px; font-style:normal ; f loat: left ;}.caixatextocentro a { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize:12px; color : #666666; font-weight : normal ; text-al ign: center ; margin:2px 15px 0px 15px; font-style:normal ; outl ine:none;}.caixatextocentro a:hover { font-fami ly : “Trebuchet MS”, Ar ial , Helvetica, Verdana, sans-ser i f ; font-s ize:12px; color : #333333; font-weight : normal ; text-al ign: center ; margin:2px 15px 0px 15px; font-style:normal ; outl ine:none;



}h3 { color : #3399FF; font-fami ly : ”Trebuchet MS”, Verdana, Ar ial , Helvetica, sans-ser i f ; margin:5px 0px 5px 15px; font-s ize:18px; font-variant :normal ; font-weight : bold; text-al ign: left ; font-style:normal ;}. imagemfoto { background: t ransparent; margin:0px 15px 0px 0px; outl ine:none; border:1px sol id #CCCCCC; padding:5px 5px 5px 5px; f loat: left ;}#sl ideshow { display:block; f loat: left ; width:606px;



height :306px; background:transparent; text-al ign: center ; margin:2px 0px 50px 15px; padding:0px 0px 0px 0px; z- index:1;}#sl ides { width:606px; height :306px; z- index:1;}#sl ideshow .nav { display:block; posit ion: relative; bottom:55px; r ight :-250px; z- index:3000;}#sl ideshow .nav a { text-decoration:none; outl ine:none; color :#f f f ;



font-weight :bold; font-s ize:28px; font-fami ly : ”Trebuchet MS”, Ar ial , Helvetica, sans-ser i f ;}#sl ideshow .nav a:hover { text-decoration:none; color :#333;}.clear :after { content : ” . ” ; height :0; vis ibi l i ty :hidden; display:block; clear : both;}#menus-1 { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; l ist-style:none; width:100%; height :34px;/*medida */ font-fami ly : ”Trebuchet MS”, Verdana, Ar ial , Helvetica, sans-ser i f ; font-s ize:13px;



z- index:10;}#menus-1 l i { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; f loat: left ; posit ion: relative; height :auto; width:154px; z- index:10;}#menus-1 l i a: l ink, #menus-1 l i a:vis i ted { padding:8px 0px 0px 0px; display:block; text-al ign:center ; text-decoration:none; font-fami ly : ”Trebuchet MS”, Verdana, Ar ial , Helvetica, sans-ser i f ; font-s ize:13px; background: ur l( imagens/menu.png); color :#f f f f f f ; z- index:10; border- left :1px dotted #00AFF0;



border-r ight :1px dotted #00AFF0; width:154px; outl ine:none; height :26px;/*medida */}#menus-1 l i :hover a, #menus-1 l i a:hover, #menus-1 l i a:active { padding:8px 0px 0px 0px; margin:0px 0px 0px 0px; display:block; text-al ign:center ; text-decoration:none; background: ur l( imagens/menuselecionado.png); color :#f f f f f f ; z- index:10; width:154px; height :26px;/*medida */}#menus-1 l i ul .menus-2 { margin:0px 0px 0px 0px; padding:1px 1px 0px 0px; l ist-style:none; display:none; z- index:10;



background:ur l( imagens/menus.png); width:135px; height :auto; posit ion:absolute; top:34px; left :-1px; border-top:none;}#menus-1 l i :hover ul .menus-2 { display:block;}#menus-1 l i ul .menus-2 l i { clear : left ; height :auto; display:block; margin:0px 0px 0px 0px; posit ion: relative; z- index:10; width:151px;}#menus-1 l i ul .menus-2 l i a: l ink, #menus-1 l i ul .menus-2 l i a:vis i ted { clear : left ; background: ur l( imagens/menu.png);



padding:3px 5px 3px 10px; margin:0px 0px 0px 0px; width:135px; height :auto;/*medida */ border:none; border-bottom:1px sol id #000000; border- left :1px dotted #00AFF0; border-r ight :1px dotted #00AFF0; posit ion: relative; text-al ign: left ; z- index:10;}#menus-1 l i ul .menus-2 l i :hover a, #menus-1 l i ul .menus-2 l i a:active, #menus-1 l i ul .menus-2 l i a:hover { clear : left ; background: ur l( imagens/menuselecionado.png); padding:3px 5px 3px 10px; width:135px; border-bottom:1px sol id #000000; border- left :1px dotted #00AFF0; border-r ight :1px dotted #00AFF0; posit ion: relative; z- index:10; height :auto;/*medida */



}#menus-1 l i ul .menus-2 l i ul .menus-3 { display:none; margin:0px; padding:0px; l ist-style:none; posit ion:absolute; left :150px; top:0px; margin:0px 0px 0px 0px; padding:1px 1px 0px 1px; border:none; background: #0066CC; z-index:10;}#menus-1 l i ul .menus-2 l i :hover ul .menus-3 { display:block; z- index:10;}#menus-1 l i ul .menus-2 l i ul .menus-3 l i a: l ink, #menus-1 l i ul .menus-2 l i ul .menus-3 l i a:vis i ted { background: ur l( imagens/menu.png); z- index:10;}



#menus-1 l i ul .menus-2 l i ul .menus-3 l i :hover a, #menus-1 l i ul .menus-2 l i ul .menus-3 l i a:hover, #menus-1 l i ul .menus-2 l i ul .menus-3 l i a:active { background: ur l( imagens/menuselecionado.png); z- index:10;}#menus-1 l i ul .menus-2 l i a span { posit ion:absolute; top:3px; left :135px; font-s ize:13px; z- index:10; color : #0099FF;#menus-1 l i ul .menus-2 l i :hover a span, #menus-1 l i ul .menus-2 l i a:hover span { posit ion:absolute; top:3px; left :135px; font-s ize:13px; color :#f f f f f f ;}h1 { color : #FFFFFF; font-fami ly : ”Trebuchet MS”, Verdana, Ar ial , Helvetica, sans-ser i f ; margin:-5px 0px 0px 0px;


Curso Técnico de Desenho Gráfico Execução de projectos reais Curso Técnico de Desenho Gráfico Execução de projectos reais

Junta de Freguesia Maximinos

background: ur l( imagens/menu.png); padding:0px 5px 0px 5px; font-s ize:12px; text-al ign:center ; border- left :1px sol id #00AFF0; border-r ight :1px sol id #00AFF0; border-bottom:1px sol id #00AFF0; font-variant :normal ; font-weight : normal ; text-al ign: left ; font-style:normal ;}


Junta de Freguesia Maximinos



pROJECTOS 4



Os suportes publicitár ios como elemento principal pretendem divulgar um produto. O meu objectivo é divulgar sobre os projectos que executei ao longo deste ano lectivo. Comecei por pensar quais os suportes publicitár ios a uti l izar e quais os seus formatos. A decisão f icou sobre a construção de um catálogo em formato A4, um desdobrável em formato A3, um cartão cl iente e uma embalagem de CD’S.

Capa do Catálogo sobre os projectos tratados ao longo da PAP.



Exemplo de uma capa do catálogo

Exemplo de uma das páginas do catálogo




C

M

Y

CM

MY

CY

CMY

K

cd.pdf 04-06-2009 00:42:29 Execução de Projectos Reais

C

M

Y

CM

MY

CY

CMY

K

cd.pdf 04-06-2009 00:42:29

Capa da embalagem do CD - lado exter ior .

Capa da embalagem do CD - lado inter ior .



Este CD foi cr iado com o objectivo de ser um anexo a esta Prova de Aptidão Prof iss ional, onde contém todos os dados real izados desta prova.



Empresa ACIB com o tema ”Barcelos em Acção” Logo usado para identificar os meus trabalhos. Discoteca fictícia para relembrar os anos 80/90.

Memórias

30sixty design uma empresa na área do cinema Logo da empresa AECOPS Cartaz A3 tema: Solidariedade

Cartaz A3 tema: Festa de Natal na EPB Cartaz A3 tema: Concurso Nacional de Leitura Cartaz A3 tema: Feira do Empreendimento

Cartaz A3 tema: Uma realidade diferente Cartaz A3 tema: Alcoolismo e os Jovens Cartaz A3 tema: I Jornadas de Design Gráfico

Cartaz A3 tema: Mostra de Escolas 2008 Cartaz A3 tema: Dia Mundial do Ambiente Cartaz A3 tema: Dia Mundial do Ambiente

Desdobrável em formato A3, onde contém como principal função divulgar o trabalho real izado ao lon-go desta PAP e ao logo deste curso.



Cartão-de-cl iente produzido com a f inal idade de entre-gar a cada respon-sável do projecto.

C

M

Y

CM

MY

CY

CMY

K

CARTAOFRENTE.pdf 06-06-2009 03:25:18

C

M

Y

CM

MY

CY

CMY

K

CARTAOTRAS.pdf 19-05-2009 0:09:50



Conclusão Conclusão



Conclusão

A Prova de Aptidão Prof iss ional é o projecto mais marcante de todo o curso, pois permite-nos demons-trar as variadíssimas capacidades e conhecimentos teóricos e técnicos adquir idos na aprendizagem dos três anos, ou seja é um ref lexo de todas as aprendizagens adquir idas ao longo do curso.

O meu projecto consist iu na “execução de projectos reais” , para conseguir conclui r este projecto foi preciso ter uma grande capacidade de autonomia e persistência, aspectos esses que se foram desen-volvendo à medida em que concebia, planeava e executava os projectos que me foram propostos. A execução da PAP envolveu um grande esforço e dedicação. Para além das competências técnicas e diversas capacidades que a prova exigiu, penso que foi benéfico para mim a nível prof iss ional e a nível social , uma vez que no futuro i rei enfrentar outros projectos tão ou mais importante que este.

É com grande satisfação que vejo o meu projecto a terminar e, sobretudo ter conseguido real izar um projecto com aplicação real e prática que é uma mais val ia para entidades envolvidas.Naturalmente que, no decorrer da real ização da PAP senti diversas dif iculdades, das quais só pu-deram ser ult rapassadas com a capacidade de trabalho que foi envolvido em mim, com o apoio do professor acompanhante e da colaboração das inst i tuições envolvidas.O balanço que faço do desenvolvimento da Prova de Aptidão Prof iss ional é posit ivo, uma vez que, o resultado f inal encontra-se num servidor onl ine – no endereço http://f reguesiamaximinos.pt/ e http://fbracaraaugusta.org/.

Quanto ao curso de Desenho Gráfico a minha opinião é igualmente posit iva, pois ganhei muitos co-nhecimentos tanto a nível prof iss ional, como a nível pessoal . Para além de sair da escola “mais madu-ro”, aprendi bastaste a todos os níveis . F iz ainda muitas e boas amizades.



Referências Bibl iográficas



Referências Bibliográficas

Disponível em: http://www.maujor .com/ [ Junho 09]Disponível em: http://www.theatrocirco.com/ [ Junho 09]Disponível em: http://www.cm-braga.pt/ [ Junho 09]Disponível em: http://www.energie.pt/ [ Junho 09]Disponível em: http://forum. imasters .uol .com.br/ [ Junho 08]Disponível em: http://www.w3schools .com/ [ Junho 09]Disponível em: http://www.gasminho.com/ [ Junho 09]Disponível em: http://www.fastforwardportugal .com/ [ Junho 09]Disponível em: http://www.bragadigital .pt/ [ Junho 09]Disponível em: http://www.histor iadomundo.com.br/ [ Junho 09]Disponível em: http://www.j f- lamacaes.pt/ [ Junho 09]Disponível em: http://www.f reguesiamontalegre.net/ [ Junho 09]Disponível em: http://designshack.co.uk/ [ Junho 09]Disponível em: http://www.cr iarweb.com/ [ Junho 09]Disponível em: http://www.fprovidencia.com/site.html/ [ Junho 09]Disponível em: http://www.dstype.com/ [ Junho 09]Disponível em: http://www.vanarchiv.com// [ Junho 09]Disponível em: https://w3-markup.com/order/ [ Junho 09]Disponível em: http://www.13styles.com/ [ Junho 09] Disponível em: http://www.noupe.com [ Junho 09]



Anexos



Anexo AAnexos



Anexos



Anexo B



Anexos



Questionário onl ine sobre o website da Fundação Bracara Augusta mais informações em: http://sprea-dsheets.google.com/viewform?formkey=cGhuaXpYMG5hc2ZNLTlwZklyMDhlT0E6MA..

Questionário onl ine sobre o website da Junta de Freguesia Maximinos mais informações em: http://spreadsheets.google.com/viewform?formkey=cmtzc2cwZmlEdUd3alhRTC1QOUMwN1E6MA..



Anexos B Anexo C




C

M

Y

CM

MY

CY

CMY

K

cd.pdf 04-06-2009 00:42:29



Anexos CAnexo D



194

Anexos D Anexo E



Anexo E



196



198

Boas Festas e Feliz Ano NovoBoas Festas e Feliz Ano NovoBoas Festas e Feliz Ano Novo

Destaque2 O Diário Quarta-feira 5 de Dezembro 2007

Saída de Jardim Gonçalves não garante apaz no BCPO fundador está de saída. Mas a composição do próximo conselho de administração continua a ser motivo de tensão no banco

Cristina Ferreira

BANCA Maior banco privado tenta virar a página depois de renúncia do fundador

É a percentagem de capital dos ac-cionistas alinhados com Jardim que agora apoiam a lista à administração apresentada e liderada por Filipe Pinhal

22%

Jardim Gonçalves

Foi um dia de reuniões e algumas fric-ções no Banco Comercial Português. O dia já se adivinhava longo, depois da anun-ciada decisão de Jorge Jardim Gonçalves de colocar um ponto final à sua presença no banco que fundou há 22 anos. E assim foi.

Pela manhã reuniu o Conselho Geral e de Supervisão (CGS), onde Jardim apre-sentou a sua renúncia com efeitos a partir de 31 de Dezembro. Já depois de almoço, o mesmo sucedeu no Conselho Superior, também presidido pelo líder histórico do BCP. Este órgão integra alguns ac-cionistas contestatários de Jardim, o que fez prolongar a discussão sobre aspectos jurídicos relacionados com a convocatória da próxima assembleia geral.

A decisão de Jardim Gonçalves, de 71 anos, renunciar às funções que desem-penha no banco ocorre num quadro de di-visão dos accionistas e da gestão. Ontem, na sua intervenção de despedida, lembrou que 2007 trouxe alturas de “instabilidade” ao banco, mas este “sempre soube superar as dificuldades e o momento actual não é excepção.” “É tempo de pôr fim à incerteza e marcar um rumo definido”, notou o fundador do BCP, acrescentando que, “depois de muito ponderar”, enten-deu que deveria renunciar às suas funções.Isto, para ajudar a pacificar a instituição.

Mas deixou claro que se manterá vigilante. “Não ex-ercerei funções no banco, mas não saio.” Instado a esclarecer a sua declaração, lembrou: “Sou cliente e ac-cionista.” A guerra no BCP já levou à saída do ex-presidente executivo Paulo Teixeira Pinto, no final da última reunião de accionistas (AG), realizada no Verão, e

cujo desfecho não permitiu a clarificação do poder dentro do banco.

Pacificação?

Já Filipe Pinhal começou por lembrar: “O que hoje fizemos ao longo do dia foi uma tentativa de nos libertarmos de um passado que incomoda, em benefício de um futuro que tem todas as razões para ser auspicioso”. “É uma tentativa de voltar uma página”, disse o presidente do CAE, que em Setembro sucedeu a Teixeira Pin-to. Mas há sinais de que a pacificação da instituição não será automática e que a saída de Jardim dificilmente estabilizará o grupo. Tudo indica que se está a camin-har para uma guerra entre duas listas que se vão confrontar na próxima assembleia geral, entre 15 e 20 de Janeiro. De um lado aparece Filipe Pinhal a liderar uma pro-posta para o CAE, onde apenas consta o nome de um gestor da sua equipa, Cristo-pher de Beck. Pinhal convidou ainda três altos quadros do banco, Miguel Maya,

seu chefe de gabi-nete, José João Guil-h e r m e , da banca de inves-t i m e n t o , e Paulo M o i t a M a c e d o (ex-direc-tor geral

dos impostos e director-geral do banco), como prova de que o BCP tem capacidade de gerar competências. Fora do grupo foi buscar Rui Horta e Costa, da UBS, e Alves Monteiro, ex-presidente da Bolsa.

Pinhal deixou cair vários nomes, como

o de António Rodrigues, o actual CFO, e o de Luís Gomes, chefe de gabinete de Jardim, contestados pelo grupo de Be-rardo.

Um sinal de que Jardim abandona o BCP numa situação de fragilidade e sem capacidade para influenciar o seu futuro, apesar dos apoios accionistas que ainda tem.O fundador conseguiu apenas, e para já, travar a subida ao poder do grupo de Joe Berardo. Mas não tem garantias de que Filipe Pinhal não venha mais tarde a aceitar que estes assumam um papel mais relevante no banco.Pinhal comunicou que a sua lista à administração tem o apoio da maioria do Conselho Superior.

E embora seja aceite pelos accionistas alinhados com Jardim (cerca de 22 por cento do capital), não é totalmente do seu agrado, pois estes sabem que o CEO é hoje sobretudo um homem de confiança da Teixeira Duarte, que tem tido um com-portamento sinuoso no processo (com apenas 5,7 por cento do capital, ajudou a travar as negociações para a fusão com o BPI e que eram desejadas por 33 por cento do capital do banco). A construtora tem revelado ter uma agenda própria, pois tem interesses muito relacionados com o grupo - é accionista, tem créditos, e quer poder decidir sobre os 10 por cento que o BCP possui na Cimpor. Ao avançar com uma lista que pretende que seja uma terceira via (não a de Jardim, não a de Be-rardo), o CEO pisca um olho aos investi-dores que vinham reclamando a saída do fundador.Como acaba de acontecer.

Depois de nos últimos dias tercriticado Filipe Pinhal pelo facto de este ter assi-nado os créditos e os perdões (30 milhões de euros) a Goes Ferreira, Berardo foi ontem saudar a saída de Jardim, alegando que o poder deve ser entregue ao CAE. Uma indicação de que poderá ter sido já

seduzido por Pinhal. Mas Pinhal é um líder a prazo, o que faz com que a sua lista tenha carácter transitório. Com 61 anos cada, Pinhal e de Beck têm surgido asso-ciados aos eventuais “perdões de divida” aos accionistas de referência.

Por outro lado, a nova administração começará a trabalhar numa conjuntura económica desfavorável e os objectivos de aceleração do crescimento serão mais difíceis de atingir. Mas se a lista de Pinhal for aprovada (necessita de maioria sim-ples) na próxima AG, então o grupo de Berardo, Fino e Moniz da Maia perderá a margem para continuar a contestar a gestão do BCP.



Requisitos do Sistema

Microsoft Windows ®Computador/Sistema Operacional Windows Vista®/XP/Pro/Home/Media Center Edition/Tablet PC Edition/Windows 2000 SP4 ou superior Espaço no Disco RígidoEspaço livre de 45 MB (100 MB para instalação) Outros

ObservaçãoO software IntelliPoint fornece drivers e suporte para os recursos de personalização.

MacintoshComputador/Sistema Operacional Mac OS X v10.1x–10.4x (excluindo Mac OS X v10.0)

Espaço no Disco Rígido Espaço livre de 30 MB (15 MB para instalação)

Outros

1

2

1.2. Rato Óptico

Obtenha a con�abilidade da tecnologia óptica por um preço baixo. Com uma conveniente roda e design confortável e moderno, este rato de alto desempenho agrega um alto valor.

Tecnologia óptica MicrosoftO rato mais rápido e mais preciso do mercado incorporando a tecnologia óptica. Rastreamento superior resulta em movimento preciso do cursor e exatidão.

Prova de Aptidão Profissional

Technology

Transcript of Prova de Aptidão Profissional