Portfólio Meec 2015/2016 Instalação de CMS na infra-estrutura do Técnico. Um CMS ou Content Management System é um sistema de software que se executa num servidor WEB e que permite a criação e gestão e disponibilização de páginas na Internet. Esta gestão é realizada usando ferramentas virtuais através de um browser (firefox, chrome, safari ou Internet Explorer). Para a criação dos conteúdos e gestão da aparência não é necessário nenhum conhecimento de HTML ou outras tecnologias da WEB. A utilização de um CMS no Técnico obriga à sua instalação prévia. Este documento lista os passos necessários: Activação dos serviços no FENIX Criação de uma base de dados Instalação do software Configuração do software Criação do site gestão do site Cada um deste passos é descrito seguidamente, para a sua realização é necessário acesso à internet. Qualquer dúvida ou pedido de esclarecimento acerca dos procedimentos apresentados neste documento deverão ser enviados para o seguinte mail: joao.n.silva@tecnico.ulisboa.pt 1/23
1 Activação do serviços A DSI do IST oferece um conjunto de serviços que permite aos utilizadores do IST a criação e gestão de páginas dinâmicas. Antes da instalação e configuração do Software é necessário verificar ou activar esses serviços: afs shell web cgi A activação é realizada acedendo à página: https://selfservice.dsi.tecnico.ulisboa.pt/ Após a introdução do login e password aparece a lista de serviços. Dependendo do seu estado estes serviços poderão aparece já activados ou não. Se os serviços afs, shell, web e cgi não estiverem activos (imagem da esquerda) é necessário carregar em cada um dos botões de Activação. A activação pode demorar algum tempo, pelo que só no dia seguinte à activação será possível aceder-lhes totalmente. Depois de activar os serviços, espere um dia para continuar a instalação e configuração do software. Os seguintes passos não podem ser realizados imediatamente Espere um dia para continuar a instalação! 2/23
2 Acesso ao servidor sigma O servidor sigma é um computador público gerido pela DSI que permite aos alunos aceder e gerir os ficheiros armazenados no AFS (sistema de ficheiros distribuídos) e realizar projectos de Ucs. O acesso a este computador é feito usando o protocolo ssh, dependendo do sistema operativo do computador pessoal (windows ou MAC os X) assim o processo de acesso é diferente. 2.1 Windows Em windows é necessário instalar uma aplicação externa para aceder ao sigma: um cliente de ssh. Uma possível aplicação é o putty. Para instalar o putty: aceda à página www.chiark.greenend.org.uk/~sgtatham/putty/download.html Descarregue o ficheiro putty-0.65-installer.exe : Instale esta aplicação seguindo os procedimentos apresentados no ecrã. Depois de instalar poderá usá-la como uma outra qualquer aplicação 2.1.1 Acesso ao servidor sigma Para aceder ao servidor sigma execute a aplicação putty. Preencha o campo Host Name com sigma.tecnico.ulisboa.pt Carregue em open Confirme carregando em yes (esta mensagem poderá aparecer mais vezes) 3/23
Na janela preta introduza o seu IST-ID e password: Substituir pelo seu IST-ID Introduzir password do FENIX Se tudo correr bem poderá dar comandos na máquina sigma, por exemplo exit: 2.2 MAC OS X Em MAC OS X o cliente de ssh já está instalado, no entanto é necessário executá-lo a partir do terminal. Lance o SpotLight search e escreva terminal Execute essa aplicação. Aparecerá então uma janela com fundo preto onde podem ser dados comandos. 2.2.1 Acesso ao servidor sigma Para aceder ao servidor sigma execute a aplicação ssh: escreva o seguinte comando no terminal: ssh ist1xxxx@sigma.tecnico.ulisboa.pt Substituir pelo seu IST-ID Responda yes à questão apresentada 4/23
Introduza a password do FENIX. Introduzir password do FENIX Se tudo correr bem poderá dar comandos na máquina sigma, por exemplo exit: 5/23
3 Activação da base de dados Para activar a base de dados é necessário efectuar um comando no sigma. Como resultado deste comando será produzida e impressa no ecrã informação que deverá ser anotada para posterior uso: Aceda ao sigma usando o putty (em windows) ou ssh (em MAC OS X), tal como descrito na secção 2 execute o comando mysql_reset anote na seguinte tabela a informação impressa no ecrã: login database password host db.tecnico.ulisboa.pt Estes valores serão utilizados posteriormente na configuração do site. Depois de instalar e configurar o wordpress, não volte a executar este comando. Se tal acontecer a sua página deixará de funcionar, sendo necessária a reconfiguração de tudo. 6/23
4 Instalação do CMS O CMS que irá ser usado é composto por um conjunto de ficheiros escritos na linguagem de programação php. Estes ficheiros deverão ser descarregados de um site e copiados para o sigma. A instalação deverá ser feita no sigma seguindo os seguintes passos: Aceda ao sigma usando o putty (em windows) ou ssh (em MAC OS X), tal como descrito na secção 2 execute o comando cd web para mudar para a directoria onde deverão ser instalados os ficheiros Verifique que aparece ~antes de executar o comando e /web depois Para descarregar e instalar o código do wordpress execute os comandos wget https://wordpress.org/latest.zip unzip latest.zip O comando unzip descomprimirá todos os ficheiros. Após a conclusão desta operação será possível configurar o wordpress. 7/23
5 Configuração inicial do Wordpress A instalação e configuração inicial do Wordpress é realizada usando um browser (por exemplo Firefox, Safari, Chrome ou Internet Explorer). O endereço a usar deverá ser: web.tecnico.ulisboa.pt/~ist1xxxx/wordpress Substituir pelo seu IST-ID Carregar no botão Let s go! Preencher os campos assinalados com a informação obtida anteriormente: Substituir pelo seu IST-ID Substituir pela password obtida no mysql_reset Não alterar!!! Carregar no botão de submit 8/23
Carregar no botão Run the Install Se tudo correu bem deverá ter aparecido a seguinte mensagem. Será agora necessário efectuar a configuração do site. A configuração geral da página será feita preenchendo um formulário: Definir o título da sua página Definir o username da página Definir a password Substituir por um username Este username e password não devem ser os mesmos do FENIX 9/23
Introduzir o seu e-mail carregar no botão Install WordPress Passado alguns segundos deverá aparecer a seguinte página, e terá recebido um e-mail de confirmação. Carregue em Log In para configurar a sua página. A página pode ser acedida em web.tecnico.ulisboa.pt/~ist1xxxx/wordpress A administração pode ser acedida em web.tecnico.ulisboa.pt/~ist1xxxx/wordpress/wp-admin A partir deste passo, ist1xxxx deverá ser substituído pelo seu IST-ID Não se esqueça do username e password definidos aquando da configuração inicial do wordpress!!! 10/23
6 Configuração do Wordpress Apesar de estar instalado num servidor do IST a configuração e edição da página é semelhante à de um outro qualquer blog ou site dinâmico. É possível efectuar configurações de privacidade e funcionalidades, alterar o aspecto gráfico, criar páginas, criar posts e configurar os menus. Todos estes procedimentos serão realizados depois de se autenticar na página web.tecnico.ulisboa.pt/~ist1xxxx/wordpress/wp-admin A gestão da maioria das configurações é realizada través do dashboard (menu à esquerda): https://codex.wordpress.org/dashboard_screen Este menu pode ser expandido ou colapsado carregando no botão 6.1 Configuração de comentários (IMPORTANTE) De modo a evitar spam, é necessário proibir os comentários no site: Selecionar o menu Settings-> Discussion Desabilitar a opção Allow people to post comments on new articles Selecionar a op ção Users must be registered and logged in to comment Gravar a alteração carregando em Save Changes (no fundo do ecrã) 11/23
6.2 Alteração do formato da página De modo a alterar a formatação geral da página é necessário escolher e selecionar um novo tema. Por omissão são instalados três temas, que podem ser selecionados e configurados sem mais demora. Selecionar o menu Appearance -> Themes Escolher um dos temas apresentados e selecioná-lo carregando no botão Activate A configuração do tema poderá ser realizada carregando no botão Customize 12/23
Várias opções de configuração serão apresentadas. O mesmo menu poderá ser acedido a partir do próprio site. 6.2.1 Instalação de novo tema (OPCIONAL) Para instalar o novo tema é necessário efectuar o download a partir do repositório de temas, descomprimilo no computador pessoal e depois transferir para o sigma. Aceder à página https://wordpress.org/themes/ Selecionar o tema que lhe interesse, e carregue no botão Download. Depois de descarregar o tema é necessário descomprimi-lo. Despois de descomprimir o tema, obterá no seu computador pessoal uma pasta, que deverá ser transferida para o sigma Para transferir o novo tema para o servidor sigma deverá usar a aplicação FileZilla: https://filezilla-project.org/download.php Descarregue o Filezilla (cliente) e instale-o. Execute-o e introduza o nome do sigma e os seus dados do FENIX 13/23
sigma.tecnico.ulisboa.pt o seu identificador do FENIX A sua password do FENIX Carregue em Enter. Carregue em OK. No lado dirito da janela deverá selecionar a directoria para onde será transferido o novo tema: /.../ist1xxxxx/web/wordpress/wpcontent/themes Arrastar a directoria anteriormente descomprimida do seu computador para o servidor Aceder ao menu Appearance -> Themes para activar o novo tema. Poderá ser necessário fazer o re-carregamento da página carregando na tecla F5. 6.2.2 Mais informação Mais informação acerca da edição de páginas e posts https://codex.wordpress.org/using_themes Temas instalados https://codex.wordpress.org/twenty_fourteen https://codex.wordpress.org/twenty_fifteen https://codex.wordpress.org/twenty_thirteen 14/23
6.3 Criação de novas páginas e artigos Um site é composto por páginas estáticas ( pages) e por artigos criados dinamicamente e com uma frequência alta (posts). As páginas são normalmente associadas a menus e os artigos listados cronologicamente. A criação de páginas e artigos é feita do seguinte modo: Selecionar o menu Pages -> Add New ou Selecionar o menu Posts -> Add New Alternativamente: Selecionar +New -> Page ou Selecionar +New -> Post Preencher o título Preencher o conteúdo E publicar Os artigos podem ter categorias, permitindo a apresentação de listagens distintas para cada um dos conjuntos de artigos 15/23
Poderá ser criada uma nova categoria ou atribuir uma anteriormente definida 6.3.1 Mais informação Mais informação acerca da edição de páginas e posts https://codex.wordpress.org/pages https://codex.wordpress.org/pages_screen https://codex.wordpress.org/pages_add_new_screen https://codex.wordpress.org/posts https://codex.wordpress.org/posts_screen https://codex.wordpress.org/posts_add_new_screen 16/23
6.4 Biblioteca de imagens/documentos O Wordpress permite uma gestão fácil das imagens a inserir nas páginas e artigos. Durante a edição de uma página ou artigo carregando no botão Add Media é possível abrir a biblioteca para selecionar e gerir as várias imagens. Carregar no botão Add Media Selecionar a imagem pretendida Carregar no botão Insert into post A adição de imagens ou ficheiros à Galeria é muito simples Abrir a biblioteca carregando no botão Add media ou selecionando o menu Arrastar um ficheiro para a biblioteca 17/23
Verificar que foi feita a transferência Os artigos e páginas podem ter uma fotografia associada uma que será apresentada no cimo da écran, de acordo com o tema selecionado Selecionar opção Set featured image para abrir a biblioteca gráfica Selecionar uma imagem, tal como apresentado anteriormente Para além de imagens, a galeria também pode ser usada para agestão de outros documentos, por exemplos ficheiros.pdf cuja ligação poderá ser inserida em páginas e artigos. 6.4.1 Mais informação Mais informação acerca da galeria de imagens: https://codex.wordpress.org/using_images https://codex.wordpress.org/inserting_images_into_posts_and_pages https://codex.wordpress.org/media_library_subpanel 18/23
7 Criação de menus Independentemente do tema escolhido, é possível criar menus que apontam para páginas ou listas de artigos. A criação e edição dos menus é feita da seguinte forma: Selecionar Appearence -> Menus Atribuir um nome ao menu Carregar no botão Create Menu Definir menu como sendo: o principal no cimo da página ou o menu lateral secundário carregar no botão Save Menu No caso das páginas ou artigos, a adição de entradas do menu é feita de modo distinto mas parecido No caso de páginas Selecionar as páginas a adicionar ao menu carregar no botão Add to Menu 19/23
No caso de artigos Selecionar a categoria pretendida carregar no botão Add to Menu Após a adição de entradas no menu será possível alterar a ordem ou criar uma hierarquia Agarrar cada uma das entradas do menu e posicioná-la pela ordem e na hierarquia pretendida carregar no botão Save Menu 7.1.1 Mais informação Mais informação acerca da galeria de imagens: https://codex.wordpress.org/appearance_menus_screen 20/23
8 Redirecionamento da página inicial É possível substituir a página genérica acedida a partir do endereço pela página inicial do wordpress. web.tecnico.ulisboa.pt/~ist1xxxxx Deverá aceder ao sistema sigma e executar os dois seguintes comandos: cp ~ist14028/web/index.php ~/web mv ~/web/index.html ~/web/index.html.old A partir deste momento em vez de aparecer a página genérica, aparecerá o wordpress. 21/23
9 Aplicação móvel É possível fazer a actualização das páginas do wordpress usando aplicações móveis no Android e IOS. Informação acerca dessas aplicações pode ser obtida na seguinte página: https://wordpress.org/mobile/ Depois de instalar a aplicação no telemóvel deverá introduzir a informação acerca da sua página alojada no Técnico: Selecionar Add self-hosted site Introduzir o username definido anteriormente (secção 5) Introduzir a password definida anteriormente (secção 5) Introduzir o endereço da página: web.tecnico.ulisboa.pt/~istixxxxx Carregar em Sign In. Depois de introduzidas e confirmadas as informações da página, a aplicação permitirá a criação de adição de imagens à galeria a partir do telemóvel. Posts e 22/23
10 Mais informação 10.1 Wordpress.org O site do wordpress é www.wordpress.org Aqui poderá obetr mais inforação cerca deste CMS 10.1.1 Wordpress codex Conjunto de páginas com muita informação acerca do funcionamento e gestão do wordpress: http://codex.wordpress.org/ 10.1.2 Primeiros passos Uma descrição mais detalhada do funcionamento e configuração de um site pode ser acedida em http://codex.wordpress.org/first_steps_with_wordpress 10.1.3 Perguntas frequentes Conjunto de páginas contendo perguntas frequentes acerca do Wordpress http://codex.wordpress.org/faq 10.2 Serviços Informáticos no Técnico A DSI (Direção de serviços de Informática do Técnico) gere a infra-estrutura de rede de todo o Técnico e administra um conjunto de servidores necessários ao funcionamento da escola. A sua página é: http://dsi.tecnico.ulisboa.pt/ 10.2.1 Normas de utilização A utilização dos serviços, recursos e sistemas informáticos disponibilizados pela DSI implica o cumprimento de determinadas normas. Essas normas podem ser encontradas em: http://dsi.tecnico.ulisboa.pt/normas/ 10.3 NEECIST O Núcleo de Estudantes de Electrotecnia e Computadores do Instituto Superior Técnico é uma associação sem fins lucrativos que reúne os estudantes de MEEC do IST. O seu site é: http://neecist.tecnico.ulisboa.pt Para além de apoiar as JEECs ( http://jeec.tecnico.ulisboa.pt) este núcleo também organiza ao longo do ano diversos outros eventos e workshops muito relevantes para o aluno de Electrotecnia. A partir de Outubro também ajudarão no apoio à UC de portfólio, nomeadamente na instalação e configuração do wordpress. 23/23