Convenções de publicação

Banners/ Alerts

 

Tabelas / Grids

 

Comentários (código-fonte)

 

Comissão de Graduação

Convocações

Resoluções

 

Font Awesome Icons

 

Padrões para publicação de arquivos (pdf; doc; xlsx; etc.)

- Nomeando os arquivos

- Arquivos permanentes

 

Atos administrativos Prograd

Portarias / Portarias Revogadas

 

Módulos (Joomla)

 

Responsividade

Exibindo/ Escondendo uma informação PC x Mobile

 

Redação

Datas/ Horários

Siglas

 

Repositório de Dados

 

 

Banners/ Alerts

alert-success (Verde)

Este banner dispensa a utilização de uma cor específica para seus links

<div class="alert alert-success">
<div>Texto</div>
<div>

Utilize "div" (em vez de "p") na última linha do texto/banner para eliminar o espaço inferior

<div class="alert alert-success">
<div>Texto</div>
<div>

 

alert-info (Azul)

<div class="alert alert-info">
<div>Texto</div>
</div>

Para links, utilize a cor #245269, exemplo: <p><a href="/endereço do link" style="color: #245269;" title="Título do link">Link</a></p>

 

<div class="alert alert-warning">
<p>Texto</p>
<div>Utilizar "div" (em vez de "p") na última linha do texto/banner</div>
</div>

Para links, utilize a cor #8a6d3b, exemplo: <p><a href="/endereço do link" style="color: #8a6d3b;" title="Título do link">Link</a></p>

 

<div class="alert alert-danger">
<p>Texto</p>
<div>Utilizar "div" (em vez de "p") na última linha do texto/banner</div>
</div>

Para links, utilize a cor #a94442, exemplo: <p><a href="/endereço do link" style="color: #a94442;" title="Título do link">Link</a></p>

 

 

 

Comentários (Cógido-fonte)

Para comentar um trecho de um código-fonte (html), utilize "<!-- Conteúdo -->"

 

 

 

Convocações CG

Títulos dos artigos (Categoria "Comissão de Graduação > Convocações")

Número da sessão (em algarismos romanos) [+] 'Tipo' de sessão (Ordinária/ Extra) [+] Ano [+] Traço [+] Dia/Mês

Exemplo: I Sessão Ordinária 2016 - 01/02

Observações

Grafar sempre Sessão Ordinária ou Sessão Extraordinária. Não utilizar, por exemplo, sessão ordinária, ou SESSÃO ORDINÁRIA

Não utilizar ponto final nos títulos dos artigos

 

Conteúdos/ Corpo dos artigos

CABEÇALHO

• Texto referente à convocação (O Presidente da Comissão de Graduação...)
• Parágrafo (em branco)
• Data e hora, descritos no formato: Dia 01 de janeiro (segunda-feira), às 14 horas [destacar/ negrito]
• Local de realização, descrito 'do maior para o menor', no formato: Local: Campus Santo André, Bloco A, Torre 1, 3º andar, Sala 312-1

Exemplo

PAUTA

Destacar, utilizando negrito, os itens: Informes do Presidente, Informes dos Membros, Ordem do dia, Expediente

Não utilizar 'listas' para numerar os parágrafos

Exemplo

 

 

 

Resoluções CG

Convenções referentes aos Artigos

Títulos - Dos títulos deverão constar: número, data (dd/mm/aa) e assunto. Exemplo:

Resolução nº 10 - 17/12/15 - Estabelece normas e procedimentos para oferecimento de disciplinas semipresenciais em cursos de graduação presenciais da UFABC

 

Apelidos - Convenção: resolucao-cg-01 / resolucao-cg-02 [...]

 

Cabeçalhos - Os cabeçalhos deverão ser centralizados e formatados com o estilo "h5". As expressões que os compõem (Ministério da Educação, Fundação Universidade...), deverão integrar um mesmo parágrafo, separadas por uma quebra do tipo "br" (Shift + Enter).

Exemplo:

MINISTÉRIO DA EDUCAÇÃO
Fundação Universidade Federal do ABC
Comissão de Graduação
Av. dos Estados, 5001 · Bairro Santa Terezinha · Santo André - SP
CEP 09210-580 · Fone: (11) 4996.7910/7983
Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.

Ctrl C + Ctrl V

<h5 style="text-align: center;"><strong>MINISTÉRIO DA EDUCAÇÃO</strong><br /><strong>Fundação Universidade Federal do ABC</strong><br /><strong>Comissão de Graduação</strong><br />Av. dos Estados, 5001 · Bairro Santa Terezinha · Santo André - SP<br />CEP 09210-580 · Fone: (11) 4996.7910/7983<br />Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.</h5>

 

Títulos - Redigidos em Caixa Alta, centralizados e destacadas em negrito, deverão informar o número e a data da Resolução.

Exemplo:

RESOLUÇÃO DA COMISSÃO DE GRADUAÇÃO Nº 01, DE 28 DE SETEMBRO DE 2010

 

Subtítulos - Redigidos no estilo Caixa Alta - Caixa Baixa, deverão ser formatados à direita e destacados em ítalico, informando o texto de acordo com a configuração feita pelo Gabinete para publicação no Boletim de Serviço.

Exemplo:

Normatiza o processo de credenciamento dos docentes para a
formação dos Corpos Docentes dos cursos da UFABC.

 

Corpo do texto - Os textos deverão destacar em negrito as expressões "Comissão de Graduação [...]", "RESOLVE" (redigida em Caixa Alta), e o "Nome do(a) Presidente", e deverão ser formatados justificados.

Exemplo de Resolução/ Formatação

 

 

 

 

Font Awesome Icons

Para inserir um ícone em um texto - que pode ser um artigo ou um módulo (html), por exemplo - utilize a seguinte sintaxe:

<p><span class="fa fa-hand-o-right"></span> Texto de exemplo<p>

<p><span class="fa fa-check"></span> Texto de exemplo<p>

Resultado:

Texto de exemplo

Observação: se, por algum motivo, o editor (joomla) não reconhecer o espaço entre o fechamento da tag "span" e o início do texto, utilize "&nbsp;" (o ponto e vírgula faz parte da sintaxe/ precisa ser declarado). Neste caso, a sintaxe ficaria <p><span class="fa fa-hand-o-right"></span>&nbsp;Texto de exemplo</p>

Ícones disponíveis: https://fortawesome.github.io/Font-Awesome/icons

 

 

 

Padrões para publicação de arquivos (pdf; doc; xlsx; etc.)

NORMA GERAL PARA LINKS

Links para arquivos (no corpo de um artigo; em um item de menu; etc.) devem ser configurados para serem visualizados na mesma aba (target=none), vide img a seguir

 

 

NOMEANDO ARQUIVOS

Nomear os arquivos de acordo com o assunto ao qual o documento faz referência, ligando os espaços entre as palavras com um underline, conforme os exemplos a seguir:

Edital Nº 005/2014 - Programa de Monitoria Acadêmica

edital_005_2014_monitoria.pdf

Portaria da Prograd Nº 001/2015 - Altera o valor máximo individual de concessão do auxilio à participação em eventos estudantis a alunos regulares da graduação

portaria_prograd_001_2015_auxilio_eventos_estudantis.pdf

 

 

PADRÃO PARA EDITAIS

edital_X_Y_Z, onde "X" é o número, "Y", o ano, e "Z", o assunto principal do documento, exemplos:

Edital Nº. 004/2014 - Seleção de tutor para o Programa de Educação Tutorial - Grupo CT&I/PET/UFABC 2014

edital_004_2014_pet_selecao_tutor.pdf

Edital Nº. 252/2014 - Ingresso nos Bacharelados Interdisciplinares em 2015

edital_252_2014_ingresso_bis.pdf

 

 

PADRÃO PARA PORTARIAS DA PROGRAD

portaria_prograd_X_Y_Z, onde "X" é o número, "Y", o ano, e "Z", o assunto principal do documento, exemplos:

Portaria da Prograd Nº. 044/2014 - Altera a Portaria da Prograd nº 016, de 04 de abril de 2014, que instituiu a Comissão de Transgressões Disciplinares Discentes da Graduação

portaria_prograd_044_2014_comissao_de_transgressoes_disciplinares_discentes_da_graduacao.pdf

Portaria da Prograd Nº. 001/2015 - Altera o valor máximo individual de concessão do auxilio à participação em eventos estudantis a alunos regulares da graduação

portaria_prograd_001_2015_auxilio_eventos_estudantis.pdf

 

 

ARQUIVOS PERMANENTES

Informações que sempre serão disponibilizadas no site, sendo alterado somente o período de referência.

Utilizar um nome de arquivo que possa ser reutilizado no futuro, alterando somente o período, conforme os exemplos a seguir:

Calendário Acadêmico

calendario_academico_X.pdf - onde "X" será alterado pelo ano de referência, 2015, 2016, etc.

Calendário Comissão de Graduação 2015 – Sessões Ordinárias

cg_calendario_2015_ord.pdf

Calendário Comissão de Graduação 2015 – Sessões Extraordinárias

cg_calendario_2015_ext.pdf

 

 

ATOS ADMINISTRATIVOS PROGRAD

Portarias

Convenções referentes ao menu "Portarias"

As portarias Prograd devem ser disponibilizadas por meio de itens oriundos do menu "Portarias"

Exemplo: Menu Portarias > Item de menu Portaria 001/2016 > apelido portaria-001-2016

Deste modo, a url do artigo ficará prograd.ufabc.edu.br/portaria-001-2016

 

Convenções referentes aos "Artigos"

Títulos - Deverão ser idênticos ao 'título da Portaria' em sua versão para impressão, vide exemplo a seguir:

PORTARIA DA PROGRAD Nº 044, DE 12 DE SETEMBRO DE 2016

Apelidos - deixar em branco/ permitir que o Joomla designe o apelido (afinal, "quem" determinará a URL será o item de menu [Menu "Portarias Prograd"] que 'chamará' a Portaria)

 

Convenções referentes aos "conteúdos (corpo) dos Artigos"

Cabeçalhos - deverão ser centralizados e formatados com o estilo "h5". As expressões que os compõem (Ministério da Educação, Fundação Universidade...), deverão integrar um mesmo parágrafo, separadas por uma quebra do tipo "br" (Shift + Enter).

Exemplo:

MINISTÉRIO DA EDUCAÇÃO
Fundação Universidade Federal do ABC
Pró-Reitoria de Graduação
Av. dos Estados, 5001 · Bairro Santa Terezinha · Santo André - SP
CEP 09210-580 · Fone: (11) 4996.7910/7983
Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.

Ctrl C + Ctrl V

<h5 style="text-align: center;"><strong>MINISTÉRIO DA EDUCAÇÃO</strong><br /><strong>Fundação Universidade Federal do ABC</strong><br /><strong>Pró-Reitoria de Graduação</strong><br />Av. dos Estados, 5001 · Bairro Santa Terezinha · Santo André - SP<br />CEP 09210-580 · Fone: (11) 4996.7910/7983<br />Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.</h5>

 

Títulos

Redigidos em Caixa Alta, centralizados e destacadas em negrito, deverão informar o número e a data da Portaria.

Exemplo:

PORTARIA DA PROGRAD Nº 051, DE 30 DE SETEMBRO DE 2016

 

Subtítulos

Redigidos no estilo Caixa Alta - Caixa Baixa, deverão ser formatados à direita e destacados em ítalico, informando o texto de acordo com a configuração feita pelo Gabinete para publicação no Boletim de Serviço.

Exemplo:

Cria normas para o lançamento dos conceitos de recuperação e revoga a Instrução Normativa da Prograd nº 001, de 26 de fevereiro de 2015.

 

Corpo do texto

Os textos deverão destacar em negrito as expressões "A pró-reitora da graduação [...]", "RESOLVE" (redigida em Caixa Alta), e o "Nome do(a) Pró-Reitor(a)", e deverão ser formatados justificados.

 

Exemplo de Resolução/ Formatação

 

 

Portarias Revogadas / Substituídas

Inserir link para o ato que revogou.

Apenas o cabeçalho não é tachado, conforme exemplo a seguir:

 

 

 

 

 

Tabelas

Padrão para tabelas

<table class="category table table-striped table-bordered table-hover"> Início da tabela

<thead> Cabeçalho
<tr>
<th> Título da tabela </th>
</tr>
</thead>

<tbody> Corpo
<tr>
<td> Conteúdo </td>
</tr>
</tbody>

</table> Fim da tabela

Importante: observar que as tags referentes às células de cabeçalho (<th> e </th>) diferem das células do corpo (<td> e </td>)

 

Versão para Ctrl C + Ctrl V

<table class="category table table-striped table-bordered table-hover">
<thead>
<tr>
<th>Título da tabela</th>
</tr>
</thead>
<tbody>
<tr>
<td>Conteúdo</td>
</tr>
</tbody>
</table>

 

Padrão para tabelas "simples" (corpo de Portarias, Resoluções, etc.)

<table class="simples">

<thead>
<tr>
<th>Célula 1</th>
<th>Célula 2</th>
<th>Célula 3</th>
</tr>
</thead>

<tbody>
<tr>
<td>Conteúdo 1</td>
<td>Conteúdo 2</td>
<td>Conteúdo 3</td>
</tr>
</tbody>

</table>

---

Resultado:

Célula 1	Célula 2	Célula 3
Conteúdo 1	Conteúdo 2	Conteúdo 3

 

Tabela para Credenciamento Docente

<table class="simples">
<thead>
<tr><th>Nome</th><th>Área/Subárea em que tomou posse</th><th>Bacharelado Interdisciplinar</th></tr>
</thead>
<tbody>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

Topo

 

Grid

As tabelas podem ser substituídas por grids, conforme segue:

 

 

Código (alterar o nº de acordo com a quantidade de colunas desejadas - de 1 a 12):

<div class="row-fluid">
<div class="span1">1</div>
</div>

 

 

---

Exibindo/ Escondendo uma informação PC x Mobile

<section class="hidden-phone"> Não exibe em versões mobile / Exibe em versões PC

</section>

---------------------------------------------------------------------

<section class="visible-phone"> Não exibe em versões PC / Exibe em versões mobile

</section>

 

 

Topo

 

Repositório de Dados

Endereço: dados.ufabc.edu.br

Administração: dados.ufabc.edu.br/administrator/index.php

Bases de Dados:

Os nomes dos arquivos são muito importantes! (02´30 - 03´30)

nome da base (prograd_01) + identificação de data (mês/quadrimestre/semestre/ano)

• Mês: bd_prograd01_jan2019
• Quadrimestre: bd_prograd01_1q2019
• Semestre: bd_prograd01_1s2019
• Ano: bd_prograd01_2019

Vídeos Propladi:

Tutorial Repositório de Dados - Upload das bases de dados

Tutorial Repositório de Dados - Upload de estatísticas

 

---

*****

 

Módulos (Joomla)

Sufixo de classe = SPAN9