Manual do site do Comitê do Itajaí: como inserir e atualizar

Manual do site do Comitê do Itajaí: como inserir e atualizar conteúdo autor: Fábio Roberto Teodoro 25 de março de 2010

Sumário 1 Definições 3 2 Interface Administrativa 4 3 Conteúdo 6 3.1 Notícias............................................ 6 3.1.1 Página Inicial..................................... 18 3.2 Seções/Categorias...................................... 20 3.2.1 Categoria Normal.................................. 20 3.2.2 Categoria com conteúdo da Biblioteca Digital................... 27 3.3 Marquee............................................ 30 4 Agenda 32 5 Usuários 33 5.1 Adicionar Usuários...................................... 33 5.1.1 Permissão para alterar a Agenda.......................... 33 1

Lista de Figuras 2.1 Login da Interface Administrativa............................. 4 2.2 Painel de Controle...................................... 5 3.1 Item de menu para editar artigos.............................. 6 3.2 Botão para inserir nova notícia............................... 7 3.3 Título............................................. 8 3.4 Publicado?.......................................... 9 3.5 Apelido............................................ 10 3.6 Vai para a Página Inicial?.................................. 11 3.7 Seção............................................. 12 3.8 Categoria........................................... 13 3.9 Texto............................................. 14 3.10 Imagem............................................ 15 3.11 Leia Mais............................................ 16 3.12 Data de início da publicação................................. 17 3.13 Salvar artigo......................................... 18 3.14 Item de menu para editar a Página Inicial......................... 19 3.15 Lista de artigos na Página Inicial.............................. 19 3.16 Seções (a) e Categorias (b)................................. 20 3.17 Item de menu para editar Categorias............................ 21 3.18 Botão para criar nova Categoria.............................. 21 3.19 Edição dos menus do site.................................. 22 3.20 Botão para adicionar um item ao menu.......................... 22 3.21 Tipo de conteúdo que o item de menu apresentará: Layout Padrão da Categoria... 23 3.22 Item Pai............................................ 24 3.23 Parâmetros Básicos da Categoria.............................. 24 3.24 Parâmetros Avançados da Categoria............................ 25 3.25 Menu para editar módulos.................................. 26 3.26 Lista de Módulos....................................... 26 3.27 Caixa de seleção Atribuir Menu............................... 27 3.28 Handler de uma Coleção................................... 28 3.29 Tipo de conteúdo que o item de menu apresentará.................... 29 3.30 Handler de um Item..................................... 30 2

Capítulo 1 Definições Interface Administrativa Interface usada para administrar o conteúdo do site. Seção Uma parte do site contendo as Categorias e acessível pelo menu horizontal no topo do site (figura 3.16(a)). Categoria Uma seção do site contida em uma seção e acessível pelo menu lateral (figura 3.16(b)). Artigo/Notícia As notícias são chamadas de Artigos na Interface Administrativa. Menu A lista de links, que dão acesso aos conteúdos do site, na horizontal no topo e na vertical no lado esquerdo são chamados de Menus. As Seções são acessadas a partir do Menu horizontal do topo e as Categorias são acessadas pelo Menu vertical no lado esquerdo (figura 3.16). Marquee O texto que passa correndo no topo da página é chamado Marquee. Breadcrumb Indica o caminho percorrido no site para chegar à página atual, aparece acima do Marquee. Agenda Subsistema do site onde são cadastrados Eventos pela Interface Administrativa, e este ficam disponíveis no site na forma de um calendário que linka nas informações do evento. Evento Cadastrado na Agenda do site informa datas, locais, assuntos e contatos de eventos do Comitê. Usuário Para acessar a Interface Administrativa do site é necessário possuir uma conta de usuário cadastrada, que usa um e-mail como identificador único. Uma pessoa com uma conta cadastrada para o acesso à Interface Administrativa é chamada de Usuário. 3

Capítulo 2 Interface Administrativa As atualizações no site do Comitê do Itajaí são realizadas utilizando uma Interface Administrativa (figura 2.1) acessada pelo endereço <http:///administrator>. Figura 2.1: Login da Interface Administrativa A figura 2.1 mostra a tela utilizada para fazer login na Interface Administrativa do site do Comitê do Itajaí. Depois de efetuado o login é apresentado o Painel de Controle (figura 2.2), a partir desta tela, são acessíveis todos os recursos de edição de conteúdo do site do Comitê do Itajaí. 4

Figura 2.2: Painel de Controle Todas as instruções subsequentes tomam como ponto de partida o Painel de Controle. 5

Capítulo 3 Conteúdo 3.1 Notícias As notícias são chamadas de artigos na Interface Administrativa do site do Comitê do Itajaí. Abaixo é apresentada a lista de passos para a inserção de uma notícia: 1. Acesse o item de menu Conteúdo Administrar Artigos (figura 3.1). Figura 3.1: Item de menu para editar artigos 2. Será apresentada a lista de notícias com uma barra de ferramentas acima, na barra de ferramentas clique no botão Novo (figura 3.2). Isso abrirá uma nova notícia para edição. 6

Figura 3.2: Botão para inserir nova notícia 3. Edite o título da notícia (figura 3.3). 7

Figura 3.3: Título 4. Selecione se a notícia deve ser publicada ou não (figura 3.4). Uma notícia não publicada ficará armazenada mas não aparecerá no site. 8

Figura 3.4: Publicado? 5. Edite o apelido da notícia (figura 3.5), este apelido aparece na barra de endereços do navegador quando a notícia é acessada. 9

Figura 3.5: Apelido 6. Escolha se a notícia deve ir para a primeira página do site (figura 3.6). 10

Figura 3.6: Vai para a Página Inicial? 7. Selecione a seção Sem Categoria (figura 3.7). 11

Figura 3.7: Seção 8. Selecione a categoria Sem Categoria (figura 3.7). 12

Figura 3.8: Categoria 9. Edite o texto da notícia, como na figura 3.9. 13

Figura 3.9: Texto 10. Para inserir uma imagem, clique no botão destacado na figura 3.10. Na caixa de diálogo que aparecerá, escolha a imagem e o posicionamento dela relativo ao texto, a esquerda e a direita são as opções mais usadas. A imagem será inserida na posição do cursor no texto. 14

Figura 3.10: Imagem 11. Para dividir uma notícia em chamada e texto completo, com um link de Leia Mais..., posicione o cursor no local onde o texto deve ser dividido e clique no botão destacado na figura 3.11. Uma linha vermelha demarca a divisão entre a chamada e o resto do texto. 15

Figura 3.11: Leia Mais... 12. No campo destacado na figura 3.12 é possível indicar uma data futura para o início da publicação da notícia. Assim é possível inserir as notícias com antecedência e agendar a data em que ela aparecerá no site para o público. 16

Figura 3.12: Data de início da publicação 13. Após concluída a edição da notícia, clique no botão Salvar (figura 3.13). Será apresentada a lista de notícias. A nova notícia deve constar nessa lista e, se ela foi publicada, já deve estar disponível no site para o público também. 17

Figura 3.13: Salvar artigo 3.1.1 Página Inicial A lista de notícias marcadas para aparecer na página inicial podem ser vistas acessando o menu Conteúdo Administrar Página Inicial (figura 3.14). 18

Figura 3.14: Item de menu para editar a Página Inicial Nesta tela (figura 3.15), podem ser vistos todas as notícias marcadas para aparecer na Página Inicial. Aqui é possível publicar e despublicar, alterar a ordem em que são apresentadas e remover notícias da página inicial. Figura 3.15: Lista de artigos na Página Inicial 19

Para alterar o status de publicação de uma notícia, clique nos ícones da coluna Publicado. Um certo verde indica que a notícia está publicada, portanto aparece na página inicial. Um X vermelho indica que a notícia não está publicada. Para alterar a ordem de exibição das notícias, utilize as setas da coluna Ordem. E para remover uma notícia, marque-a clicando na caixa branca que aparece a esquerda do seu título e clique no botão Remover. 3.2 Seções/Categorias Na figura 3.16 são destacados o menu para acesso às seções (a) e categorias (b). Figura 3.16: Seções (a) e Categorias (b) A seguir veremos como adicionar categorias ao site, assim como os menus que dão acesso a essas categorias. As seções raramente são adicinoadas, removidas ou alteradas e o procedimento para essas modificações é semelhante ao das categorias, por isso não será abordado aqui. 3.2.1 Categoria Normal Aqui chamamos de Categoria Normal o tipo de categoria mais comum que é quando o administrador do site elabora o texto da categoria, assim como eventuais figuras, links, etc. Para criar uma nova categoria siga o procedimento a seguir: 1. Acesse: Conteúdo Administrar Categorias (figura 3.17). 20

Figura 3.17: Item de menu para editar Categorias 2. Clique em Novo (figura 3.18). Figura 3.18: Botão para criar nova Categoria 3. Preencha os campos Título, Apelido, Publicado, Seção e o texto da categoria, como foi feito na seção 3.1, e Salve. 4. Acesse o menu Menus <Nome da Seção> (figura 3.19). 21

Figura 3.19: Edição dos menus do site 5. Clique em Novo (figura 3.20). Figura 3.20: Botão para adicionar um item ao menu 6. Selecione Artigos Categoria Layout Padrão da Categoria (figura 3.21). 22

Figura 3.21: Tipo de conteúdo que o item de menu apresentará: Layout Padrão da Categoria 7. Preencha os campos Título e Apelido da mesma forma que na seção 3.1. 8. Selecionar um Item Pai fará com que a categoria apareça como um subitem de outra categoria (figura 3.22). 23

Figura 3.22: Item Pai 9. Em Parâmetros (Básico) (figura 3.23) edite o seguinte: 10. Selecione a Categoria (figura 3.23). Figura 3.23: Parâmetros Básicos da Categoria 24

11. Cabeçalhos da Tabela: selecione Ocultar (figura 3.23). 12. Filtro: selecione Ocultar (figura 3.23). 13. Em Parâmetros (Avançado) (figura 3.24) edite o seguinte: Figura 3.24: Parâmetros Avançados da Categoria 14. Paginação: selecione Ocultar (figura 3.24) 15. Exibir Seleção: selecione Ocultar (figura 3.24) 16. Clique em Salvar. 17. Acesse o Menu Extensões Administrar Módulo (figura 3.25). 25

Figura 3.25: Menu para editar módulos 18. Clique em breadcrumbs-<nome da seção> onde <nome da seção> deve ser substituído pelo nome que corresponde à seção a qual pertence a Categoria que estamos inserindo (figura 3.26). Figura 3.26: Lista de Módulos 19. Na caixa de seleção Atribuir Menu adicione a nova categoria à seleção segurando Ctrl e clicando na categoria recém criada (figura 3.27). 26

Figura 3.27: Caixa de seleção Atribuir Menu 20. Clique em Salvar. 21. Clique em <nome da seção> onde <nome da seção> deve ser substituído pelo nome que corresponde à seção a qual pertence a Categoria que estamos inserindo. 22. Na caixa de seleção Atribuir Menu adicione a nova categoria à seleção segurando Ctrl e clicando na categoria recém criada, da mesma forma como foi feito acima. 23. Clique em Salvar. Pronto, a nova categoria já deve estar disponível no site. 3.2.2 Categoria com conteúdo da Biblioteca Digital Uma categria com conteúdo da Biblioteca Digital é composta por links para todos os documentos de uma Coleção presente na Biblioteca Digital, neste caso o administrador do site necessita apenas informar o código identificador da coleção, chamado de handler. Na figura 3.28 é destacado handler de uma Coleção da Biblioteca Digital. 27

Figura 3.28: Handler de uma Coleção Este número será usado a seguir para inserir uma Coleção da Biblioteca Digital no site do Comitê do Itajaí. 1. Acesse o menu Menus <Nome da Seção>. 2. Clique em Novo. 3. Selecione Dspace Dspace Default Layout (figura 3.29). 28

Figura 3.29: Tipo de conteúdo que o item de menu apresentará 4. Preencha os campos Título, Apelido e Item Pai, como na seção 3.2.1. 5. Em Parâmetros (Básico), no campo Collection Handler, digite o handler da Coleção. 6. Clique em Salvar. 7. Acesse o Menu Extensões Administrar Módulo (figura 3.25). 8. Clique em breadcrumbs-<nome da categoria> onde <nome da categoria> deve ser substituído pelo nome que corresponde à seção a qual pertence a Categoria que estamos inserindo (figura 3.26). 9. Na caixa de seleção Atribuir Menu adicione a nova categoria à seleção segurando Ctrl e clicando no item de menu recém criado (veja seção 3.2.1). 10. Clique em Salvar. 11. Clique em <nome da seção> onde <nome da seção> deve ser substituído pelo nome que corresponde à seção a qual pertence a Categoria que estamos inserindo. 12. Na caixa de seleção Atribuir Menu adicione a nova categoria à seleção segurando Ctrl e clicando na categoria recém criada, da mesma forma como foi feito acima. 13. Clique em Salvar. 29

Itens específicos Na figura 3.30 é destacado o handler de um Item da Biblioteca Digital. Figura 3.30: Handler de um Item Este número será usado a seguir para inserir um Item da Biblioteca Digital no site do Comitê do Itajaí. É possível criar links para itens específicos da Biblioteca Digital em qualquer texto inserido no site. Assim: 1. Selecione o texto que deve servir de link. 2. Clique no botão insert/edit link do editor de textos. 3. Abrirá uma caixa de diálogo para criar o link. No campo URL insira http://www.comiteitajai. org.br/index.php?option=com_jcar&view=item&id=<handler>, substituindo <handler> pelo handler do Item que deseja linkar. 4. Clique em Insert. Pronto, o texto selecionado agora é um link para o item da Biblioteca Digital. 3.3 Marquee Marquee é o texto que aparece correndo no topo do site. Para editar esse texto faça o seguinte: 1. Acesse o menu Extensões Administrar Módulo. 30

2. Clique em marquee. 3. Edite o texto no campo Manually typed news. 4. Clique em Salvar. 31

Capítulo 4 Agenda A seguir o procedimento para inserir Eventos na Agenda do Comitê. 1. Acesse o menu Componentes JEvents MVC. 2. Clique em Administrar Eventos ical. 3. Clique em Novo. 4. Insira o Assunto. 5. Selecione a Categoria Comitê do Itajaí. 6. Digite o texto descrevendo o Evento. 7. Insira a Localização. 8. Preencha o campo Contato. 9. Vá para a Aba Calendário. 10. Se for um evento que dura o dia inteiro, sem hora definida marque Evento de dia completo. 11. Caso seja um evento com duração de 12 horas marque Evento com duração de 12 horas. 12. Informe a Data inicial. 13. Informe a Data final. 14. Se não houver data/hora definida para o fim do evento marque Sem data de finalização específica. 15. Selecine o Tipo de repetição apropriado. 16. Clique em Guardar. 32

Capítulo 5 Usuários Para acessar a Interface Administrativa e editar ou adicionar conteúdo ao site, é necessário possuir um Usuário cadastrado. Nas seções seguintes é descrito como adicionar um Usuário ao site. 5.1 Adicionar Usuários Um Usuário com o nível de permissão Administrador ou Super Administrador pode adicionar novos usuários ao site, para contribuir na atualização/manutenção do site. Isto é feito da seguinte maneira: 1. Acesse o menu Site Administrar Usuário. 2. Clique em Novo. 3. Preencha os campos Nome, Nome de Usuário, Email, Nova Senha e Verificar Senha. 4. No campo Grupo selecione o nível de permissão do novo usuário. Escolha entre Administrador e Gerente. O Administrador pode criar novos usuários, o Gerente não. 5. Clique em Salvar. 5.1.1 Permissão para alterar a Agenda Uma etapa a mais é necessária para permitir a um usuário inserir ou editar eventos da Agenda do site. 1. Acesse o menu Componentes JEvents MVC. 2. Clique em Usuários Autorizados. 3. Clique em Novo. Deve aparecer a tela da figura. 4. Preencha os campos: (a) Usuário (b) Permitir o usuário? (c) Pode Criar Eventos? (d) Pode publicar os criados pelo usuário? (e) Pode Apagar os eventos criados por ele? 33

(f) Pode Editar Eventos? (g) Pode publicar todos? (h) Pode Apagar todos os eventos? (i) Pode subir imagens? (j) Pode subir Arquivos? 5. Clique em Guardar. 34