3.5 WEBSITE CULTUR’ARTE MAGBRIEFINGA Cultur’Arte Mag, uma revista online, dependemaioritariamente da sua página Web, sendo este o seuprincipal meio de comuncação. Consequentemente,é de extrema relevância que o website seja simples,funcional e com um design apelativo.Apesar da revista já ter uma página funcionalprópria aquando a realização deste projecto,esta apresentava algumas falhas a nível visual eestrutural e graves problemas a nível de BackOfficena criação de conteúdo, o que dificultava e atrasavaesta actividade. Tendo estas falhas em conta, e dadaque a pontualidade na publicação de conteúdo évital, foi definido que a página necessitava de umareconstrução a nível do design, da estruturação eda criação de conteúdos.Já era do conhecimento prévio do estagiárioa necessidade da construção de uma nova páginae foi nesse sentido que surgiu então a proposta deestágio por parte da Cultur’Arte. A criação desta novapágina foi o projecto principal ao longo do períodode estágio, sendo o que preencheu a maioria domesmo.METODOLOGIA/PLANEAMENTOTendo em conta as falhas graves no BackOfficedo site original da Cultur’Arte, era imperativo arranjaruma alternativa funcional e de simples utilização,recorrendo a um plataforma de gestão de conteúdo.O redesign e prototipagem desta nova versão dosite foi realizada previamente por outro colegaestagiário.Foi então feita uma vasta pesquisa dos CMS’sexistentes e, analisando todas as suas vantagense desvantagens, chegou-se à conclusão que autilização do Wordpress seria a melhor opção. Estaescolha foi baseada na simplicidade e eficácia nautilização do BackOffice e criação de conteúdo e nafacilidade de personalização do FrontOffice, a “cara”do site onde o utilizador tem acesso à informação.O WordPress permite a criação de um novo website,já com o seu sistema instalado, através da sua própriapágina, permitindo alojá-la nos seus servidoresdedicados ou num servidor pessoal. Neste caso,a página foi criada e foi alojada num servidor edomínio privado, propriedade do coordenador deestágio dentro da Cultur’Arte.28Antes de iniciar o desenvolvimento do projeto,foi feita ainda uma pesquisa alargada sobre ofuncionamento do WordPress, tendo havido umperíodo de adaptação e exploração do mesmo.O desenvolvimento da página teve ínicio na procurade um tema para ser editado, que se assemelhasseao design final pretendido. A escolha recaiu sobre umdenominado “Alizee”, principalmente pelas miniaturasdos artigos serem muito semelhantes ao pretendidoe ao facto de ser responsivo. As alterações feitas aeste tema occoreram em diversos aspetos, que serãodescritos individualmente.Todo o desenvolvimento deste projecto foi feitoatravés da edição do código HTML e CSS das páginasdirectamente nos ficheiros e grande parte deleatravés de um editor de CSS existente no BackOfficedo WordPress.Menu de NavegaçãoUm dos aspectos mais importantes de umsite, especialmente num de conteúdo dinâmico, é aorganização da informação e estruturação do site. Oprincipal método de navegação é através do menude navegação, daí ter sido o primeiro objectivoa alcançar. Primariamente, utilizou-se o sistemade criação de menus do WordPress, que dentro daaparência base predefinida pelo tema, acrescenta osnomes e links das categorias previamente criadas.Foi necessária a criação imediata das categorias deconteúdo pretendidas para a sua implementação nomenu de navegação.Implementados os links das categorias,estes tiveram a sua posição ajustada, o tipo deletra alterado para o que é típico da revista e acor mudada para branco. Foi adicionado tambémum efeito “hover” em cada um dos links, fazendoaparecer um sublinhado da cor característica de cadacategoria, sempre que se passa o rato. A imagemda Cultur’Arte foi colocada do lado esquerdo, antesdas categorias, através de uma função PHP própriado WordPress que permite a alteração da imagemdiretamente do BackOffice. O fundo da barra denavegação foi alterado para azul. Mais tarde, foramadicionados por outro colega, do lado direito, logoscom links para as páginas da revista nas respetivasredes sociais, um botão de pesquisa, outro com umsubmenu que não foi terminado mas que se destinava a conter ligações para páginas de contactose informação adicional sobre a revista, assim comoum botão para fazer login.
Figura 30 - Aspecto original da homepage do temaFigura 31 - Menu de Navegação originalFigura 32 - Menu de Navegação actualFigura 33 - Painel inicial do BackOffice29