Exibir código-fonte para Como utilizar a WIKI IFFAR

<big>Este tutorial foi desenvolvido com o intuito de orientar os responsáveis pela utilização e edição da WIKI IFFAR.</big>

== Criar uma nova página ==
<big>Primeiramente, realize o acesso ao sistema da Wiki IFFar com seu usuário e senha, clicando no link '''''“Entrar”''''' disponível no canto superior direito da tela.

Os dados de acesso são os mesmos utilizados nos sistemas institucionais como o SIG e PGD. Selecione o domínio iffarroupilha.edu.br.</big>

[[Arquivo:Acesso-wiki-iffar.png|alt=Acesso ao sistema Wiki IFFar]]

=== Navegar até a página desejada ===
<big>Utilizar o menu disponível para acessar a página do módulo onde você deseja criar uma nova página ou artigo.</big>

<big>A seguir, faremos a construção de uma nova página, tendo como exemplo o módulo SIGGP sobre como '''“Homologar o Ponto Eletrônico”'''.</big>

<big>Navegar até a página principal do módulo, utilizando o menu do sistema:</big>

[[Arquivo:Navegar-menu-do-modulo.png|alt=Navegar Menu do Módulo]]



<big>Certifique-se de que você chegou até o endereço desejado, verificando diretamente na barra de endereço do navegador web conforme mostrado na imagem abaixo:</big>

[[Arquivo:Endereço desejado.png|alt=Endereço desejado]]

=== Criando a nova página ===
<big>A criação da página ou artigo se dá diretamente pela barra de endereços do navegador web. Neste caso basta adicionar uma '''barra “ / ”''' no final do endereço e complementar com o nome desejado.</big>

<big>Escrever o nome da nova página, antecedido de uma '''barra “ / ”'''. Neste exemplo: '''/Homologar Ponto Eletrônico'''</big>

<big>O endereço completo ficará da seguinte forma: '''<nowiki>https://wiki.iffarroupilha.edu.br/index.php?title=SIGGP/Homologar</nowiki> Ponto Eletrônico'''</big>

<big>Escreva exatamente como deseja que o título apareça, incluindo espaços e acentos, e pressione a tecla '''ENTER''' do teclado. Após completar esta ação, o próprio sistema se encarrega de gerar um endereço válido.</big>

[[Arquivo:Criar nova página.png|alt=Criar nova página]]


<big>Feito isso, uma nova página será exibida já contendo o título recém criado.</big>

<big>Para que todo esse processo seja efetivado, é importante que você clique no link '''“Criar esta página”''', conforme mostrado na imagem abaixo:</big>

[[Arquivo:Link criar esta página.png|alt=Link criar esta página]]

=== Adicionando conteúdo ===
<big>A partir deste momento, você pode adicionar ou editar um conteúdo da página.</big>

<big>Inicialmente, caso não esteja aparecendo, você deve escolher o Modo de “Edição Visual” no menu do sistema. Este modo irá facilitar a edição dos conteúdos.</big>

<big>Clique no “ícone do lápis” e depois escolha a opção '''“Edição visual”'''. Veja como habilitar na imagem abaixo:</big>

[[Arquivo:Habilitar edição visual.png|alt=Habilitar edição visual]]


<big>Agora o sistema apresenta uma tela mais amigável para realizar a edição do conteúdo.</big>

<big>Proceda com as alterações que deseja fazer e depois clique em '''"Salvar página…”'''.</big>

[[Arquivo:Salvar nova página.png|alt=Salvar nova página]]

== Editando conteúdo ==
<big>Para editar o conteúdo de qualquer página, basta clicar no botão “Editar” no menu superior que aparece em cada página da Wiki.</big>

[[Arquivo:Editar conteúdo.png|alt=Editar conteúdo]]


<big>Isso habilita o modo de edição da página, e você pode começar a fazer as alterações conforme deseja.</big>

<big>A barra de ferramentas do editor é exibida, contendo várias opções para formatação do texto, inserção de imagens, símbolos e etc. conforme mostra a imagem abaixo.</big>

<big>Após finalizar as alterações, clique no botão '''“Salvar alterações”'''.</big>

[[Arquivo:Salvar após editar.png|alt=Salvar após editar]]

=== Barra de ferramentas do editor ===
<big>Note que a barra de ferramentas do editor possui ícones com setas apontando para baixo. Isso significa que existem mais opções que podem ser exploradas.</big>

[[Arquivo:Barra de ferramentas do editor.png|alt=Barra de ferramentas do editor]]

=== Ligação entre as páginas - Links ===
<big>A Wiki é uma ferramenta que trabalha com a ligação de páginas, ou seja, é possível Criar Links tanto para páginas internas quanto externas, para isso, com o modo de edição habilitado, primeiramente '''“selecione o texto”''' onde deseja que o link seja criado e depois localize na barra ferramentas do editor o ícone referente a esta opção, conforme mostra a imagem.</big>

<big>É possível criar links para páginas internas e para páginas externas. Neste último caso, é necessário adicionar o endereço URL completo (Ex: <nowiki>http://www.iffarroupilha.edu.br</nowiki> ).</big>

[[Arquivo:Icone link.png|alt=Icone link]]

=== Links para Páginas Internas ===
<big>Permite realizar a ligação entre as páginas internas da wiki, ou seja, aquelas criadas pelos usuários do IFFar.</big>

<big>O procedimento inicial é o mesmo descrito anteriormente, ou seja, primeiramente '''“selecione o texto”''' onde deseja que o link seja criado e depois localize na barra ferramentas do editor o ícone referente a esta opção.</big>

<big>Uma janela em forma de pop up surgirá. Proceda com o preenchimento dos campos solicitados, conforme demonstrado na imagem. Neste exemplo, criamos um link para a página ''"Sistema Integrado de Gestão"''.</big> 

[[Arquivo:Criar links internos.png|alt=Criar Links Internos]]


<big>Caso a página ainda não exista, um link na cor vermelha juntamente com um ícone de um ponto de interrogação, indicará que a página não existe.</big>

<big>Caso queira criar a página, basta clicar no Link em vermelho que você será redirecionado para a criação da nova página. É possível também criar o link sem criar a página, mas seria um procedimento não recomendado.</big>

[[Arquivo:Link página inexistente.png|alt=Link página inexistente]]

=== Links para Páginas Externas ===
<big>Permite realizar a ligação à páginas externas, ou seja, fazer referência a outros sites fora da Wiki.</big>

<big>O procedimento inicial é o mesmo descrito anteriormente, ou seja, primeiramente '''“selecione o texto”''' onde deseja que o link seja criado e depois localize na barra ferramentas do editor o ícone referente a esta opção.</big>

<big>Uma janela em forma de pop up surgirá. Proceda com o preenchimento dos campos solicitados, conforme demonstrado na imagem. Neste exemplo, criamos um link para a página do ''"Portal do IFFar"''.</big>
[[Arquivo:Criar links externos.png|alt=Criar links externos]]

== Trabalhando com Mídias - Imagens ==
<big>A utilização de imagens permite transcrever de forma visual as orientações e passos necessários para realizar determinada tarefa. Portando seu uso é extremamente importante dentro da Wiki.</big>

<big>Vejamos a seguir algumas opções e configurações que devemos ter atenção quando inserimos uma imagem em nossa documentação.</big>

=== Inserir uma imagem ===
<big>Para inserir uma imagem, vários passos são necessários, pois além de enviar a imagem para dentro do sistema, precisamos realizar algumas configurações para que ela fique melhor apresentada.</big>

<big>Na barra de ferramentas do editor, clique em '''''"Inserir"''''' e depois escolha a opção '''''"Imagens e mídia"'''''.</big>

[[Arquivo:Inserir uma imagem.png|alt=Inserir uma imagem]]


<big>Uma nova janela pop up abrirá para que você escolha entre selecionar uma imagem já existente na aba '''''Pesquisar''''' ou '''''Enviar''''' uma nova imagem.</big>

<big>Caso a imagem já tenha sido carregada anteriormente, basta selecionar na lista '''''"Seus carregamentos recentes"'''''.</big>

[[Arquivo:Enviar pesquisar imagens.png|alt=Enviar pesquisar imagens]]


<big>Vamos realizar o procedimento de Enviar uma nova imagem.</big>

<big>Para isso clique na aba '''''"Enviar",''''' clique no botão '''''"Selecionar um arquivo"''''' e escolha a imagem que está no seu computador.</big>

[[Arquivo:Enviar imagem 01.png|alt=Enviar imagem 01]]


<big>Uma miniatura da imagem irá aparecer. Marque a caixa de seleção com a opção '''''"Isto é o meu próprio trabalho"''''' e por último clique em '''''"Enviar"'''''.</big> 

[[Arquivo:Enviar imagem 02.png|alt=Enviar imagem 02]]


<big>Preencha os Detalhes referentes a imagem como Nome e Descrição. Clique em '''''"Salvar"'''''.</big>

[[Arquivo:Enviar imagem 03.png|alt=Enviar imagem 03]]


<big>Uma tela de confirmação apresenta a imagem enviada e suas informações. Para usar, clique em '''''"Usar esta imagem"'''''.</big>

[[Arquivo:Enviar imagem 04.png|alt=Enviar imagem 04]]



<big>Uma nova janela pop up abrirá.</big>

<big>Na aba '''''"Geral"''''', caso seja necessário, complete as informações de '''Legenda''' e o '''Texto alternativo''' para a Imagem.</big>
 
<big>'''Não clique''' ainda no botão '''"I''nserir".'''''</big>

[[Arquivo:Enviar imagem06.png|alt=Enviar imagem 06]]
<big>Selecione a aba '''''"Avançado"''''' e configure como você deseja que a imagem apareça na página.</big>

<big>Selecione a aba '''''"Avançado"''''' e configure como você deseja que a imagem apareça na página.</big>

<big>Existem várias combinações de configuração, as quais vão depender de como você quer que a imagem apareça. Essas configurações podem ser alteradas a qualquer momento.</big>

<big>Após realizar as configurações, chegou o momento de clicar no botão '''''"Inserir"'''''.</big>

[[Arquivo:Enviar imagem 07.png|alt=Enviar imagem 07]]

<big>Pronto! A imagem irá aparecer na página que está sendo editada.</big>